Tuesday, June 3, 2014

Cara Membuat Scroll Pada Popular Post

"Cara Membuat Scroll Pada Popular Post"

Apakah widget pada popular post anda kepanjangan ,,,?

   Widget popular post yang kepanjangan pada side bar tentu sangat tidak menguntungkan karena widget pada sidebar penuh dan widget yang lainya nggak kebagian dan tentunya tidak enak saat di pandang , sobat tenang saja karena pada kesempatan kali ini saya akan membuat  artikel tentang "Cara Membuat Scroll Pada  Popular Post" yang berfungsi sebagai pemendek, Ringkas, Rapi dan tentunya enak di pandang...

Cara Membuat Scroll Pada Popular Post

 Screenshot :


   Jika anda tertarik untuk membuat Scroll pada widget entri popular post . ikuti langkah-langkah Cara Membuat Scroll Pada Popular Post...

Dibawah ini :

  1.    Seperti biasanya , Masuk ke akun Blogger anda
  2.    Pilih Template > EDIT TEMPLATE
  3.    Cari kode PopularPosts biasanya kodenya terletak paling bawah
  4.    Tambahkan kode

<div style='overflow:auto; width:ancho;height:300px;'>

Atau Copas Disini

Tepat diatas kode :

 <div class='widget-content popular-posts'>

Lebih Mudahnya Cari Code menggunakan ( Ctrl+F )

Nanti kodenya menjadi seperti di bawah ini :


<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
     <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
<div style='overflow:auto; width:ancho;height:300px;'>
  <div class='widget-content popular-posts'>

Keterangan :

Anda dapat mengatur tinggi scrollnya dengan mengubah 300px;'  sesuai tinggi scroll yang anda inginkan.

    5.    Setelah itu tambahkan kode </div> tepat di atas kode </b:includable>

Nanti kodenya menjadi seperti di bawah ini :

</ul>
  </div>
       </div>
</b:includable>

   </b:widget>

Keterangan :

kode </div> sebagai penutup dari kode  awal <div style='overflow:auto; width:ancho;height:300px;'>

    6.   Simpan Template dan lihat hasilnya...

Bagaimana mudah,  bukan...??

    Nah... Demikian artikel  "Cara Membuat Scroll Pada Popular Post" , Semoga bisa bermanfaat untuk kita semua...

"Terima Kasih"

No comments:

Post a Comment