Cara menambahkan Scroll Bar pada Widget

Scroll Recent Post

Cara Menambahkan Scroll Pada Artikel Terbaru Atau Recent Post. Penambahan scroll ini bertujuan untuk mengirit tempat atau mengatur tinggi dan lebar widget dari Artikel Terbaru yang kita buat tadi.Triks Test ini bisa sahabat teraokan juga untuk kepentingan lain semacam penambahan scroll pada Label atau Arsip Blog kita.Jika tertarik untuk membuatnya silahkan ikuti langkah dibawah ini;


Masuk Akun Blogger kita.
Klik fitur rancangan.
Klik edit HTML dan centang kotak expand template widget.
Gunakan Ctrl + F untuk mempermudah pencarian dalam edit HTML
Tambahkan <div style='overflow:auto;width:320px;height:190px;'> Pada kode HTML4,dibawah kode

<div class='widget-content'>

Tambah pula penutup kode div class-nya </div> diatas kode </b:includable> atau <b:includable name='quickedit'/>
<b:widget id='HTML4' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto;width:320px;height:190px;'>
 <data:content/>
 </div>
</div>
<b:includable name='quickedit'/>
</b:includable>
</b:widget>

Klik simpan Template
Keterangan :
Dalam kode berikut  <div style='overflow:auto; width:ancho; height:320px;'> rubah angka 190px dan 320px untuk mengatur ketinggian dan lebar widget dengan scroll agar sesuai dengan template blog kita.
Semoga berhasil dan bermanfaat,happy blogging.
0 Komentar untuk "Cara menambahkan Scroll Bar pada Widget"

Back To Top