Tampilan Blogroll Seperti Koran Ice Wahyu

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
#wahyu_roll{background:transparent;height:155px;overflow:auto;padding:1px;} #wahyu_roll li{background:url(http://3.bp.blogspot.com/-0ybBEW1Tr7g/TqLG8scLZGI/AAAAAAAAACw/kR8ku8ERa4o/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(http://3.bp.blogspot.com/-0ybBEW1Tr7g/TqLG8scLZGI/AAAAAAAAACw/kR8ku8ERa4o/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: Wahyu Arief - Tuesday, December 6, 2011

9 komentar untuk "Tampilan Blogroll Seperti Koran Ice Wahyu"

  1. saya kira tadi apa ternyta backgroundnya toh :P

    ReplyDelete
  2. Bis Gan,, keren Abiezz

    Lanjutkan Kreasi Anda Sobat.!

    ReplyDelete
  3. Ijin Nyoba gan..........
    Mantab neh tipsnya,thanks gan :)

    ReplyDelete
  4. Sip gan.
    Akan segera dicoba tips background blogroll.

    ReplyDelete
  5. cocok nih buat blog ane yang baru..
    ijin praktek y gan...

    ReplyDelete
  6. Nice,, Infoo

    Thankss dah Sobat

    Lanjutkan
    Kreasinya!

    ReplyDelete