Bagaimana Cara Mempercantik Tampilan Blogroll,, kini Saya akan Share artikel yang diinginkan pengunjung. Dia menginginkan Tampilan Blogroll Seperti Koran Ice Wahyu. Hei tanpa Basa-basi langsung di Praktekin... Cekidot...
1. Yang Pertama yang pasti Login Blogger [i]
2. Pilih/Klik Template
3. Pilih/Klik Edit HTML >> Lanjutkan
4. Copy bin Paste Kode di Bawah
6. Simpan Template
7. Letakan Kode ini <div id='wahyu_roll'> Tepat di Paling Atas Kode Link Blogroll dan Kode ini </div> Tepat di Paling Bawah Kode Link Blogroll.
8. Simpan Widget.
Ya sudah cukup, ditunggu komentarnya...
Terima Kasih dan Semoga Bermanfaat.
1. Yang Pertama yang pasti Login Blogger [i]
2. Pilih/Klik Template
3. Pilih/Klik Edit HTML >> Lanjutkan
4. Copy bin Paste Kode di Bawah
#wahyu_roll{background:transparent;height:155px;overflow:auto;padding:1px;} #wahyu_roll li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHg11IyLkD5ihQj27DUeUjkC11dN2wJTgYFY8Btnax7rn2wdbQSBxKXjoH4fgHrLj96RLnr9TA6CEcd_8WGz8bsE8wWhG8fC0KkY0MD9UiWcN578eEnR-CAwoFdFcKh2bSULoG_epbQ_sm/s1600/bg-noise.jpg);width:0%;color:#000; display:block; -webkit-transition:all 0.120s ease-in-out;-moz-transition:all 0.120s ease-in-out;transition:all 0.120s ease-in-out}#wahyu_roll li:hover{width:90%;-webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out;-ms-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out;-o-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out;border-left:5px solid blue;padding-left:10px;color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHg11IyLkD5ihQj27DUeUjkC11dN2wJTgYFY8Btnax7rn2wdbQSBxKXjoH4fgHrLj96RLnr9TA6CEcd_8WGz8bsE8wWhG8fC0KkY0MD9UiWcN578eEnR-CAwoFdFcKh2bSULoG_epbQ_sm/s1600/bg-noise.jpg);} #wahyu_roll li a{text-transform:none; display:block;color:#000;font-size:1em;padding:0.5em;margin:0.5em;text-decoration:none;white-space:nowrap}5. Letakan Kode di Atas Tepat di Atas Kode ]]></b:skin>
6. Simpan Template
7. Letakan Kode ini <div id='wahyu_roll'> Tepat di Paling Atas Kode Link Blogroll dan Kode ini </div> Tepat di Paling Bawah Kode Link Blogroll.
8. Simpan Widget.
Ya sudah cukup, ditunggu komentarnya...
Terima Kasih dan Semoga Bermanfaat.
Anda baru saja membaca artikel yang berkategori Tricks Blog
dengan judul Tampilan Blogroll Seperti Koran Ice Wahyu. Anda bisa bookmark halaman ini dengan URL http://abc-xp.blogspot.com/2011/12/tampilan-blogroll-seperti-koran-ice.html. Terima kasih!
Ditulis oleh:
Unknown - Tuesday, December 6, 2011
nice tutorial gan :)
ReplyDeletesaya kira tadi apa ternyta backgroundnya toh :P
ReplyDeleteok thx :)
ReplyDeletetrik yg keren gan
ReplyDeleteBis Gan,, keren Abiezz
ReplyDeleteLanjutkan Kreasi Anda Sobat.!
Ijin Nyoba gan..........
ReplyDeleteMantab neh tipsnya,thanks gan :)
Sip gan.
ReplyDeleteAkan segera dicoba tips background blogroll.
cocok nih buat blog ane yang baru..
ReplyDeleteijin praktek y gan...
Nice,, Infoo
ReplyDeleteThankss dah Sobat
Lanjutkan
Kreasinya!