Search

Nov 16, 2012

Cara Membuat arsip dengan fungsi scroll pada blog

sobat-sobat sekalian pada kesempatan kali ini saya akan menerangkan cara bagaimana membuat arsip dengan fungsi scroll pada blog. mungkin sobat-sobat yang baru memulai di dunia bloging seperti saya pasti mencari artike tutorial blog,, hehe jangan menyerah untuk tetap mencari artikelnya. nah langsung aja ke point dari artikel ini. mungkin sobat-sobat sekalian tau donk tentang arsip blog ituloh yang merupakan kumpulan dari postingan kita dan kali saya akan memberitahukan kepada sobat-sobat sekalian membuat arsip blog dengan scroll,, Berikut ini langkah-langkahnya :

1. Login ke blogger terlebih dahulu

2. Sobat-sobat harus sudah memasang widget archive blog terlebih dahulu

3. Jika sudah lalu pilih Template > Edit Html jangan lupa centang expand widget

4. lalu cari kode berikut <div id='ArchiveList'> untuk memudahkan pencarian tekan CTRL+F

5. Tambahkan kode
<div style='overflow:auto; widht:ancho ; height:200px;'>

6. Jika sudah trus cari lah kode berikut <b:include name='quickedit'/>

7. lalu tambahkan lagi kode </div> tersebut diatasnya

8. Maka Hasilnya seperti ini

<div style='overflow:auto; width:ancho; height:200px;'>
<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'/>

9. Jika sudah lalusimpan template dan liat hasilnya..

Keterangan :

  • Kode yang berwarna Merah adalah kode yang harus ditambahkan
  • Apabile sobat ingin mengatur ketinggiannya tinggal ganti angka pada height



>>>>Terimakasih Karena Telah Membacanya<<<<


Related Post:

Comments

0 komentar:

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Post a Comment