Cara Membuat Fungsi Scroll Pada Arsip Blog/Blog Archive Gadget

Cara Membuat Fungsi Scroll Pada Arsip Blog/Blog Archive Gadget - Pada kesempatan terdahulu, sudah saya berbagi bagaimana cara membuat reply di komentar di blogspot. Sekarang giliran tips selanjutnya, membuat fungsi scroll di archive blog.

Apa tujuannya? Tujuannya agar, arsip blog yang kita buat dalam bentuk Hirarkie, dan pengaturan postingannya per posting, pasti akan memuat judul postingan yang banyak, jika kita memang me-mosting banyak. Akibatnya, tampilan blog kita menjadi proporsional. Karena judulnya yg makin kebawah. Jika ini menggangu, jalan yang terbaik adalah dengan memasang fungsi scroll di gadget tersebut.

Bagaimana caranya? Mudah, tinggal ikuti langkah-langkah dibawah ini saja :

1. Masuk ke Dashboard Blogger

2. Klik Desain, Klik Edit HTML, Jangan Lupa Centang Expand Widget

3. Jika sobat menamai Blog Archive dengan nama "Arsip Blog Ini" (misalnya), maka Tekan CRTL + F, Lalu cari kata "Arsip Blog Ini"

4. Jika sudah ketemu kode CSS nya seperti ini : <b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'>

5. Nah, tinggal sobat Sisipkan Kode <div style='overflow:auto; width:ancho; height:250px;'> DAN </div>

6. Sehingga bentuk Kode Fungsi Scroll Pada Archive Blog sobat menjadi seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

Catatan : Warna Biru adalah Kode yang disisipkan tadi. Angka : height:250px;'> adalah tinggi dari Scroll Blog Archive Sobat.

Demikian Trik Membuat Fungsi Scroll ini, semoga membantu dan bermanfaat. Terima kasih.




Artikel Lain :

27 komentar:

  1. kebetulan saya di wp sob..jadi saya cm review aja deh..

    BalasHapus
  2. mantab bro, pas banget sy lg cari tutor ini

    rajasyahroni.blogspot.com

    BalasHapus
  3. thanks for informasi scrool arsip blog ini sangat membantu............


    afiff.blogspot.com

    BalasHapus
  4. terima kasih kang atas infonya,,saya sedang mencarai referensi nih buat menggunakan blog saya agar lebih simple dan enak,,terima aksih ya

    BalasHapus
  5. coba saya terapkan dulu dehh, semoga bisa. . .

    terima kasih infonya. . .

    BalasHapus
  6. sangat menyenangkan seklai bisa menimba ilmu di sini..sukses selalu kang

    BalasHapus
  7. boleh kang,,kalo urusan mempercantik blog saya selalu senang dan mencobanya,,hehee

    BalasHapus
  8. kalo ini kan dari edit html ya kang,,kalo melalui java scripttersedia nggak ya ?? kalo html saya sering galat,,,

    BalasHapus
  9. ini dia yang pas buat ngerapiin tampilan blog...

    BalasHapus
  10. mantap banget dech pokoknya..scipt seperti ini sangat tepat...

    BalasHapus
  11. oke nih tipsnya sob buat dipraktekan di blog

    BalasHapus
  12. Thanks tipsnya, tp takut klo utak-atik script, ntar jd eror.

    BalasHapus
  13. bagus sekali infonya. terimakasih.
    hadapilah semua minimalist home design masalah. selesaikan dengan home design and decorating ideas hati yang tenang dan otak yang yang dingin serta berusaha specifications car and motorcycle dengan keras... price and specifications

    BalasHapus
  14. thank you, this interior home design website has provided price specification toyota very useful knowledge for me and free home design others

    BalasHapus