"Assalamualaikum"
Kali ini aku akan memberi tahu Tutorial yang baru aku dapatkan sekitar 1 Menit yang lalu, Aku bersusah payah mencarinya, dan akhirnya dapat. Fiuhh... kali ini adalah Cara Men-Design ChatBox yang sederhana menjadi Unyu!!! ^_^ Coba aja sendiri ya.... Tapi sebelumnya ini ada contoh gambarnya dulu!!!!... mmmm aku cuma dapat LINK Gambarnya, tapi dia gak ngasih tau Width & Height-nya, jadi aku nyari sendiri hehehe, nyari sendiri width & height-nya, mmm aku baru nyoba 5 nih, ntar aku cari2 lagi ya angka width & height-nya. tapi jangan di copast langsung!! karena ada Step di tengah tengahnya!!!... oke... mulai (Ikuti Step)
Setting Kode Chatbox :<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/chatbox-animation-1-1.gif) no-repeat;padding-right:8px;padding-left:1px;padding-top:130px;padding-bottom:35px;">
Width : 170 px || Height : 152 px (bagian awal)
Width : 170 px || Height : 75 px (bagian akhir)
Text-align: Left
________________________________________________________________________________
<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/yellow-girl-chatbox.gif) no-repeat;padding-right:3px;padding-left:17px;padding-top:140px;padding-bottom:80px;">
Setting Kode Chatbox :
Width : 170 px || Height : 190 px (bagian awal)
Width : 170 px || Height : 75 px (bagian akhir)
Text-align: Left
________________________________________________________________________________
Setting Kode Chatbox :<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/strawberry.gif) no-repeat;padding-right:1px;padding-left:25px;padding-top:145px;padding-bottom:70px;">
Width : 155 px || Height : 210 px (bagian awal)
Width : 155 px || Height : 75 px (bagian akhir)
Text-align: Left
_______________________________________________________________________________
<div style="background:url(http://3.bp.blogspot.com/-jePKqO6gKTU/TVUdgjs0DAI/AAAAAAAAB9E/7RVTQc32Qx4/s1600/cboxqs7.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:110px;padding-bottom:90px;">
Width : 175 px || Height : 190 px (bagian awal)
Width : 175 px || Height : 75 px (bagian akhir)
Text-align: Left
______________________________________________________________________________
<div style="background:url(http://3.bp.blogspot.com/-NFStHz8IGzw/TVVISBSTDmI/AAAAAAAAB-w/AG_YyqiStBU/s1600/cbox1fv2.gif) no-repeat;padding-right:25px;padding-left:10px;padding-top:100px;padding-bottom:40px;">
Setting Kode Chatbox :
Width : 175 px || Height : 160 px (bagian awal)
Width : 175 px || Height : 75 px (bagian akhir)
Text-align: Left
_______________________________________________________________________________Oke sekarang adalah Penjelasannya!!!
Maksud dari 3 Gambar itu adalah... beberapa Menu contohnya!!! Kalian Tinggal Pilih.
Oke kali ini aku tidak menyebutkan dengan angka2!! jadi harus simak membacanya ya.
Setelah itu!!! misalnya kalian memilih Design yang nomor 1. Jadi... Pertama buka Blogger Kalian, lalu kalian Buka Tata letak, ingat - ingat dimana kalian menaruh LINK ChatBox Kalian. Jika Kalian belum Daftar di Situs ChatBox!!! kalian bisa Daftar, jika ingin tahu caranya!!! Buka Tutorial Sebelumnya Cara Memasukan ChatBox ke Dalam Blog
OK Jika sudah.... Nanti kan ada LINK ChatBox Kalian Masing masing. Nah!!! Kalian Ubah sedikit sedikit... Kalian Cari </div> Setelah Itu!!! "Paragraf" nya YANG KHusus Paragraf itu dihapus. Lalu diubah Menjadi <div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/chatbox-animation-1-1.gif) no-repeat;padding-right:8px;padding-left:1px;padding-top:130px;padding-bottom:35px;">
Jika Memilih Design 1. Ubah menjadi Code Tadi, Lalu Kan Ada Tuh di bawahnya tulisannya yang ada "Width = ..." & "Height = ..." Nah Yang titik titik itu maksudnya Isi dengan Width : 170 px || Height : 190 px (bagian awal) & Width : 170 px || Height : 75 px (bagian akhir). Ngerti aja kan??? Nah jika sudah ada duluan Angkanya!!! ganti aja jadi
Width : 170 px || Height : 190 px (bagian awal) & Width : 170 px || Height : 75 px (bagian akhir) Tadi. Ngerti kan????. Nah Kalo Sudah!!! Kalian Klik Simpan, lalu Simpan Perubahan, and the Finish!!!! dan Lihat hasilnya!! Semoga Bermanfaat!!! Maaf jika Membingungkan!! :D heheh Peace...
"Semoga Bermanfaat"
"Selamat Mencoba"
"Semoga Berhasil"
"Wassalamualaikum!!!"
Judul: "Cara Men-Design ChatBox menjadi Unyu"
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh : Unknown
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh : Unknown
0 komentar