Mungkin dari sobat blogger yang ingin membuat Scroll pada Archive / Menu Blog-nya silahkan simak saja tipz di bawah ini :
Membuat scroll pada Arshive / Menu Blog:
1. Masuk ke Acount Blogger
2. Pilih Dasbor, pilih Layout , lalu klik Edit HTML
3. Jangan centang dulu Expand Widget Templates
4. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu tekan Enter.
6. Kopas kode ini: <div style='overflow:auto; width:ancho; height:200px;'>
7. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<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>
8. Simpan dan Selesai
Keterangan: Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan dengan selera.
Atau mungkin diblog sobat kodenya beda,, sebab itu maka carilah yang mirip dan cobalah pratinjau dulu sebelum disimpan. Dan juga jangan lupa templatenya dibackup/didownload dulu sebelumnya.
.
Hasil akhirnya kurang lebih seperti di bawah ini :
Membuat scroll pada Arshive / Menu Blog:
1. Masuk ke Acount Blogger
2. Pilih Dasbor, pilih Layout , lalu klik Edit HTML
3. Jangan centang dulu Expand Widget Templates
4. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu tekan Enter.
6. Kopas kode ini: <div style='overflow:auto; width:ancho; height:200px;'>
7. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<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>
8. Simpan dan Selesai
Keterangan: Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan dengan selera.
Atau mungkin diblog sobat kodenya beda,, sebab itu maka carilah yang mirip dan cobalah pratinjau dulu sebelum disimpan. Dan juga jangan lupa templatenya dibackup/didownload dulu sebelumnya.
.
Hasil akhirnya kurang lebih seperti di bawah ini :
Semoga bermanfaat bagi kita semua...
Posting Komentar
nah ini dia yang gue cari, thanks sob :)
sama", than juga dah mampir
langsung tancab Sob... :D
Apabila ada kesalahan dalam postingan ini mohon konfirmasinya melalui kotak komentar di bawah ini. Sesegera mungkin akan Kami perbaiki.