Apakah widget pada Labels anda kepanjangan ,,,?
Widget Labels yang kepanjangan pada side bar tentu sangat tidak menguntungkan karena widget pada side bar 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 Labels Di Blog" yang berfungsi sebagai pemendek, Ringkas, Rapi dan tentunya enak di pandang...
Cara Membuat Scroll Labels Di Blog
Tampilan :
Jika anda tertarik untuk membuat Scroll pada widget entri popular post . ikuti langkah-langkah Cara Membuat Scroll Pada Popular Post...
Dibawah ini :
- Seperti biasanya , Masuk ke akun Blogger anda
- Pilih Template > EDIT TEMPLATE
- Cari kode PopularPosts biasanya kodenya terletak paling bawah
- Tambahkan kode
<div style='overflow:auto; width:ancho;height:300px;'>
Atau Copas Disini
Tepat diatas kode :
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
Atau Copas Disini
Lebih Mudahnya Cari Code menggunakan ( Ctrl+F )
Nanti kodenya menjadi seperti di bawah ini :
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div style='overflow:auto; width:ancho;height:300px;'>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<h2><data:title/></h2>
</b:if>
<div style='overflow:auto; width:ancho;height:300px;'>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
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>
</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 Labels Di Blog" , Semoga bisa bermanfaat untuk kita semua...
"Terima Kasih"
No comments:
Post a Comment