Bersenang-senanglah di Dunia Maya dan Dunia Nyata

Thursday, June 13, 2013

Cara Membuat Scroll Down Pada Arsip Blog

Pada Kesempatan kali ini saya akan membuat posting tentang Cara Membuat Scroll Down Pada Arsip Blog, setelah sebelumnya memposting Samsung Galaxy S5 Akan Menggunakan Bodi Alumunium?. Memasang scroll down pada arsip bisa mengehemat ruang blog anda, dan terlihat rapi. tetapi ada beberapa blogger lain  yang bilang bahwa bisa mempercepat loading blog?, tetapi menurut saya tidak karena sama saja loadingnya, hanya saja ada scroll down.

Berikut ini adalah Langkah-langkah Membuat Scroll Down Pada Arsip Blog:
1. Login ke Blogger
2. Template > Edit Template dan Cari kode ini <div id='ArchiveList'>
3. Setelah ketemu, lalu dibawah kode tersebut tempelkan kode dibawah ini 
<div style='overflow:auto; width:auto; height:250px;'>
4. Kemudian Cari kode <b:include name='quickedit'/>
5. Setelah ketemu, kemudian tempelkan kode dibawah ini diatasnya
</div>
6. Simpan & Selesai.

Hasil dari langkah-langkah diatas:
<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'/>
Keterangan:
Tanda Bold yang berwarna merah diatas adalah ukuran tinggi scroll down, dan bisa anda ganti sesuai keinginan anda.
Postingan ini Didukung oleh Google.

Sekian postingan 
Tentang Cara Membuat Scroll Down Pada Arsip Blog
Terima kasih,
Diaz



13 comments:

  1. info yang bagus dan boleh dicoba ya Gan,
    kunjung balik : http://nomor2.blogspot.com/

    ReplyDelete
  2. Anonymous09:42

    Kurang ngerti gan, lomba-lombaan blognya hehe

    ReplyDelete
  3. akhirnya nemu juga tutorial nya ^__^

    ReplyDelete
  4. tutorialnya berhasil diterapkan,berguna agar blog kelihatan rapi
    thanks ilmunya

    ReplyDelete
  5. thanks gan tutorialnya .
    kunjungin ya gan http://informasi-keren.blogspot.com

    ReplyDelete
  6. Anonymous15:27

    kok gak ada kode sih gan?

    ReplyDelete
  7. Anonymous18:38

    kok blog saya ngga ada kode yg di sebut diatas seperti div id='ArchiveList . tolong beri solusinya dong..... pliss.... terimakasih.......

    ReplyDelete
  8. Anonymous00:25

    Makasih gan tutorialnya.. Berhasil saya coba

    ReplyDelete
  9. Source code blog masing2 blog sepertinya beda yo gan n punya ane alhamdulillah belum berhasil

    ReplyDelete
  10. ya,saya belum juga bisa..
    lihat aja di www.pesantren76.blogspot.com

    ReplyDelete
  11. thanks skrg blog saya sudah ada menu scroll nya nih ... MANTAP

    ReplyDelete
  12. thx brow artikelnya sangat bermanfaat,,
    sudah saya praktekaan dan berhasil,,,
    semoga blognya semakin maju,,
    salam : http://tani-temanggung.blogspot.com/

    ReplyDelete
  13. Anonymous21:27

    thank's gan langsung praktek dan berhasil
    salam blogwalking gan dari GoGling Studio I Sharing and Download Center

    ReplyDelete