Jika posting terdahulu saya menguraikan cara menambahkan fungsi scroll pada kategori / lebel,
namun pada postingan kali ini saya menguraikan cara membuat Arsip blog /
Daftar isi dengan fungsi scroll. Caranya sama persis dan script kode
nya pun sama, hanya penempatannya saja yang berbada.
Dibawah ini adalah screenshot pada saat posting ini saya tulis:
Dibawah ini adalah screenshot pada saat posting ini saya tulis:
Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti tips ngeblog berikut ini:
- Login terlebih dahulu mengunakan akun bloger
- Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip" ( bisa diganti sesuai keingian ) pilih gaya hierarki
- Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
- Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
- Beri tanda centang pada Expand Template Widgets.
- 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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
- Perhatikan tulisan yang berkedip dan 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 )
- Simpan template dan lihatlah hasilnya
Selamat mencoba.....
tips blog
- Cara ECHO 17 Membuat Tabel pada Postingan
- Menampilkan Rich Snippet Rating Bintang 5
- Cara Cepat Update PageRank Google
- Cara ECHO 17 Buat Pop-up Iklan di Blog
- Cara Menaikan Pagerank Ala ECHO 17
- Cara ECHO 17 Membuat Banner Animasi
- Daftar Kode Warna HTML Untuk Blog VERSI ECHO 17
- Cara ECHO 17 Membuat Headline News di Blog
- Cara ECHO 17 MENGOptimasi SEO Image Blog
- Widget Recent Comment dengan Sistem Notifikasi
- Menghilangkan Komentar Admin Pada Recent Comments
- Pasang Widget Social Bookmark di Blog
- Cara cek seo blog agar mengetahui kekuatan seo blog
- Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant
- Cara ECHO 17 Terindex di program SEO
- Memasang Widget IP Address Pengunjung
- Cara Meningkatkan Penghasilan PPC (Pay Per Click)
- Cara Cepat Menaikkan PagerRank Secara Otomatis
- Cara Membuat Sitelink di Google
- Cara Setting Robot.txt Khusus Pada Blog
- Cara Setting Tag header robot khusus Pada Blog
- Tips Menghindari Konflik Javascript Pada Template
- Memunculkan Deskripsi Blog Ketika Share di Facebook
- Optimasi Penulisan Artikel Agar Terindeks Akurat di Search Engine
- Memasang Widget FeedBack dari Getsatisfaction di Blog
tips
- Cara ECHO 17 Membuat Tabel pada Postingan
- Menampilkan Rich Snippet Rating Bintang 5
- Cara Cepat Update PageRank Google
- Cara ECHO 17 Buat Pop-up Iklan di Blog
- Cara Menaikan Pagerank Ala ECHO 17
- Cara ECHO 17 Membuat Banner Animasi
- Daftar Kode Warna HTML Untuk Blog VERSI ECHO 17
- Cara ECHO 17 Membuat Headline News di Blog
- Cara ECHO 17 MENGOptimasi SEO Image Blog
- Widget Recent Comment dengan Sistem Notifikasi
- Menghilangkan Komentar Admin Pada Recent Comments
- Pasang Widget Social Bookmark di Blog
- Cara cek seo blog agar mengetahui kekuatan seo blog
- Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant
- Cara ECHO 17 Terindex di program SEO
- Memasang Widget IP Address Pengunjung
- Cara Meningkatkan Penghasilan PPC (Pay Per Click)
- Cara Cepat Menaikkan PagerRank Secara Otomatis
- Cara Membuat Sitelink di Google
- Cara Setting Robot.txt Khusus Pada Blog
- Cara Setting Tag header robot khusus Pada Blog
- Tips Menghindari Konflik Javascript Pada Template
- Memunculkan Deskripsi Blog Ketika Share di Facebook
- Optimasi Penulisan Artikel Agar Terindeks Akurat di Search Engine
- Memasang Widget FeedBack dari Getsatisfaction di Blog
terimakasih
ReplyDelete