Rabu, 10 Oktober 2012

cara membuat scroll pada widget entry populer blog

membuat scroll pada widget entry populer


cara membuat scroll pada widget entry populer blog - pada malam yang sunyi ini saya akan berbagi sedikit tips blog yaitu membuat sebuah fungsi scroll pada widget entry. tujuan dari scroll disini adalah membuat sebuah tampilan blog yang kita miliki terlihat lebih menarik, cantik, dan bagus. dan pastinya membuat pengunjung lebih betah untuk mengubek-ngubek isi blog kita. sangatlah mudah sekali dalam proses membuatnya teman. serta sangat simple sekali. yuk tuturin cuplikan yang selanjutnya dibawah ini :

  1. pertama teman-teman login dulu ke www.blogger.com
  2. Klik Rancangan
  3. Klik EditHTML
  4. kemudian teman-teman cari judul yang telah dijadikan judul entry populer teman-teman contoh seperti berikut ini:

    • <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
  5. danperlu diingat oleh teman-teman semua, bahwa kata yang diberi warna merah oleh saya adalah judul widget yang akan diberi scroll nya.
  6. dan yang keenam, cari code ]]></b:skin> setelah itu masukan code dibawah berikut ini tepat diatas code ]]></b:skin> yang sudah teman-teman cari dan temukan tadi.

    #PopularPosts1 .widget-content{
    height:270px;
    width:auto;
    overflow:auto;
    }

    dan bila misalnya judul widget yang teman-teman pasang berbeda, teman-teman tinggal mengganti saja nama judul widget nya dan disamakan dengan code yang dipasang sebelum code ]]></b:skin> yaitu tinggal mengganti nama "PopularPosts1" serta samakan dengan judul widgetnya.
  7. dan yang terakhir , simpan template dan lihat hasilnya.

    keterangan : untuk angka yang berwarna biru yaitu "270px" merupakan sebuah tinggi dari tampilan scrollnya. intinya nama widget sesuaikan dengan nama yang ada di code yang dipasang sebelum code
    ]]></b:skin>.  
     

Tidak ada komentar:

Posting Komentar