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 :

32 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. wow manatp juga ni infonya,,,,

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


    afiff.blogspot.com

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

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

    terima kasih infonya. . .

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

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

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

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

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

    BalasHapus
  12. oke nih tipsnya sob buat dipraktekan di blog

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

    BalasHapus
  14. Nice info. Thanks for sharing.

    Asia Poker99 merupakan agen Poker Terpercaya di Indonesia,
    Poker Gampang Menang serta Poker Tanpa Bot akan membuat Anda betah untuk bermain di AsiaPoker 99!

    Ayo cobain sekarang juga!

    BalasHapus
  15. 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
  16. thank you, this interior home design website has provided price specification toyota very useful knowledge for me and free home design others

    BalasHapus
  17. Hai..
    kita dari agen poker online papadomino mau memberitahukan bahwa sekarang sedang ada promo bonus yaitu :
    * Bonus Minguuan : 0.5% (setiap senin)
    * Bonus Referral : 20% (seumur hidup)

    Hanya dengan minimal depo & wd Rp 20.000,-
    Proses depo / wd cepat
    100% PLAYER VS PLAYER Tanpa ROBOT
    link pendaftaran : http://papadomino.com/?ref=jesica6413
    Untuk info lebih lanjut silahkan hubungi : 2B4A514B

    * Buat yang suka bermain togel silahkan kunjungi http://www.papa4d2.com/ref.php?ref=jesica
    ;)
    judi poker
    bandar poker
    domino online
    agen poker online
    poker online
    capsa susun
    poker online terpecaya

    BalasHapus