| Tweet |
Cara Membuat Scrool Pada Widget Archive Blog - Seperti anda lihat pada widget sidebar blog saya pada Archive Blog saya menggunakan scroll agar tidak terlalu panjang artikel yang keluar. Apakah anda juga ingin mencoba Cara Membuat Scroll Pada widget Archive Blog anda, silahkan ikuti tutorial berikut
1. Login ke Acount Blogger atau Dashboard
2. Pilih Layout
3. Llalu klik Edit HTML
4. Centang dulu Expand Widget Templates
5. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome).
6. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :
1. Login ke Acount Blogger atau Dashboard
2. Pilih Layout
3. Llalu klik Edit HTML
4. Centang dulu Expand Widget Templates
5. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome).
6. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2>Nah anda apabila sudah ketemu kode yang mirip di atas maka anda tinggal menambahkan kode yang di "BOLD" atau yang di garis tebalkan saja. Untuk pengaturan tingginya bisa anda lihat di angka "220px" sesuaikan dengan keinginan anda. Sekian dulu tutorial Cara Membuat Scroll Pada Widget Archive Blog semoga bisa berguna bagi anda.
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:220px;'><div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
Terimakasih, Anda telah membaca artikel tentang Cara Membuat Scrool Pada Widget Archive Blog dan anda bisa menemukan artikel Cara Membuat Scrool Pada Widget Archive Blog ini dengan url https://mr-odingk.blogspot.com/2012/07/cara-membuat-scrool-pada-widget-archive_16.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Scrool Pada Widget Archive Blog ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blogger Kendari
|
0 Comments
