cara membuat arsip blog / daftar isi dengan fungsi scroll

, ,
Ping
Pada postingan sebelumnya bang germo telah membahas mengenai

Cara Membuat Label Dengan Fungsi Scroll

dan juga Cara Membuat Label Dengan Fungsi Scroll

maka untuk kali ini bang germi akan bahas mengenai cara membuat arsip blog / daftar isi dengan fungsi scroll

  1. Login terlebih dahulu mengunakan akun bloger
  2. Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip" ( bisa diganti sesuai keingian ) pilih gaya hierarki
  3. Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
  4. Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
  5. Beri tanda centang pada Expand Template Widgets.
  6. Cari Arsip yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Arsip”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:

    <b:widget id='BlogArchive2' locked='false' title='Arsip' 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: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'/>
    </div>
    </b:includable>

  7. Lihat tulisan yang berwarna merah di atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
  8. Simpan template dan lihatlah hasilnya

Desmikian tulisab abang tentang cara membuat arsip blog / daftar isi dengan fungsi scroll semoga membantu.

4 comments:

arishuda said...

Gan JOin Blog Saya Please
hack-pas.blogspot.com

Ibnu Zuhri said...

Saya nyari"Expand Template Widgets" supaya ada scrulnya ko ga ke temu-temu ya Gan!?
mohon bantuanya ya Gan!
Makasi!!

M Mukhlis said...

Pak Ibnu Zuhri : expand widget letaknnya diatas kotak edit html template gan 1 yang kotak kecil sekali ...thx

limare pastinipus said...

saya masih belum ngerti ni bang pada penjelasan no.7...

mampir juga di blog ku ya http://jalanbersamalimare.blogspot.com

Post a Comment

Gajah mati boleh meninggalkan gading, Harimau mati meninggalkan belang,Tetapi janganlah Anda pergi dengan meninggalkan SPAM komentarlah yang baik secara otomatis anda akan mendapatkan backlink dari link komentar Dofollow saya !

BackLink

BackLink !!!!