Cara Membuat Blog Archive Menjadi Scroll di Blog

Cara Membuat Blog Archive Menjadi Scroll di Blog

Salam Super. Sobat blogger kali ini npgprogram akan memberikan tutorial Cara Membuat Blog Archive Menjadi Scroll di Blog , Mungkin artikel ini sudah menjamur tapi menurut npgprogram semua kode HTML juga banyak yang berbeda jadi npgprogram akan memberikan tutorial kepada sobat semua dengan lebih mudah dipahami. Masih bergelut dengan bahasa html, disini kita akan mnambahkan kode html juga tetapi cara menambahkannya sedikit rumit bagi yang masih newbe. Jika sobat blogger ingin cepat bisa maka harus giat belajar, kalau begitu kita langsung menuju kecaranya saja.

• Sobat masuk ke akun blogger
• Klik template
• Klik edit HTML
• Klik expand widget template
• Tekan ctrl+F kemudian pastekan kode berikut <div id='ArchiveList'> 
• Setelah menemukan kode diatas maka bentuknya akan seperti dibawah ini

   <div class='widget-content'>

  <div id='ArchiveList'>

  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

    ...................................................................................................

  <b:include name='quickedit'/>

  </div>

• Kemudian pastekan kode berikut <div style='overflow:auto; width:ancho; height:350px;'> tepat diatas kode <div class='widget-content'>
• Kemudian beri kode berikut </div> tepat dibelakang kode <b:include name='quickedit'/>
• Setelah semuanya terpasang maka hasilnya akan seperti di bawah ini:

Hsil Akhir:

<div style='overflow:auto; width:ancho; height:350px;'> <div class='widget-content'> <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> <b:include name='quickedit'/> </div></div>

Hasil Nya

<OK SELAMAT MENCOBA!!!>

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-membuat-blog-arckive-menjadi.html. Untuk Sumber Artikel.

Selamat menikmati.

Hargailah Karya Orang Lain

Artikel Terkait

• Cara Membuat Label Menjadi Scroll Terbaru
• Cara Membuat Spoiler [AutoHide] di Blog

ttd
npgprogram.blogspot.com