Tuesday, June 14, 2011
Membuat Scroll Menu Otomatis Buat Arsip Blog
Setelah sekian lama saya mencari kesana kesini tentang cara Scroll Menu Otomatis Buat Arsip Blog akhirnya saya dapetjuga berikut ini adalah caranya silahkan di lihat saja
1.Pertama login dulu
2.Klik Tata Letak
3. klik lagi Tambah Gadget
4.Pilih HTML/JAVASCRIPT
kemudian masukan kode ini :
Catatan : ganti teks yang berwarna merah dengan url blog sobat
jika sudah jangan lupa di simpan,
1.kemudian masuk lagi ke Edit HTML
2.Centang Expand Template Widget
Kemudian cari widget HTML/JAVASCRIPT tadi, misalnya widget html/javascript script tadi anda beri nama Arsip Blog Scroll Menu seperti ini:
jadi contohnya seperti ini
Jika sudah klik simpan.
1.Pertama login dulu
2.Klik Tata Letak
3. klik lagi Tambah Gadget
4.Pilih HTML/JAVASCRIPT
kemudian masukan kode ini :
<script style="java/script" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://www.blogcunayz.co.cc/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Catatan : ganti teks yang berwarna merah dengan url blog sobat
jika sudah jangan lupa di simpan,
1.kemudian masuk lagi ke Edit HTML
2.Centang Expand Template Widget
Kemudian cari widget HTML/JAVASCRIPT tadi, misalnya widget html/javascript script tadi anda beri nama Arsip Blog Scroll Menu seperti ini:
<b:widget id='HTML4' locked='false' title='Arsip Blog Scroll Menu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
kemudian letakkan kode seperti ini
<div style='overflow:auto;height:200px;'>
...............
</div>
jadi contohnya seperti ini
<b:widget id='HTML4' locked='false' title='Arsip Blog Scroll Menu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto;height:200px;'>
<data:content/>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Jika sudah klik simpan.
Semoga Bermanfaat....
Labels:
Widget
Subscribe to:
Post Comments (Atom)
Blog Archive
- 2012 (7)
-
2011
(362)
- December(5)
- November(6)
- October(5)
- September(9)
- August(20)
- July(227)
-
June(90)
- Membuat Sub Dropdown Pada Horizontal Menu
- Membuat Dropdown Pada Horizontal Menu
- Membuat Horizontal Menu di blog 2
- Membuat Horizontal Menu
- Penyebab Pengunjung Tidak Jadi Berkomentar
- Membuat Navbar Blogger Auto Hide
- Mengembalikan Navbar Blog yang Hilang
- Membuat Navbar menjadi Transparan
- Membuat Gambar Melayang di Blog
- memberi efek blur pada gambar
- Membuat Slide Headlines
- Membuat Artikel yg Berhubungan / Related Post
- Membuat Menu Slide Show Tab View
- Comment Owner Berbeda dengan Pengunjung
- Mengubah Ukuran Template Blog
- Membuat Footer 3 Kolom dengan Background
- Blogger sudah support fungsi Readmore
- Customisasi Tampilan Read more
- Google Translate Versi Baru
- Cara Menghilangkan Tulisan di Poskan Oleh: dan Lab...
- Cara Membuat Back To Top
- Tips Menghilangkan Bau Badan..Sudah Terbukti!!
- Membuat Link Berkedip Pada Saat Disorot Mouse
- Menghilangkan Sidebar Saat Membuka Posting
- Cara Membuat Search Engine Di Blog
- Mengganti Tampilan Cursor (Mouse)
- Cara Membuat Artikel Blog Tidak Bisa di Copy
- Cara Membuat Related Post Thumbnail/You Might Also...
- Tips Menghilangkan Pesan Windows Is Not Genuine Di...
- Cara Membuat Gambar atau Teks Berjalan ke Atas
- Cara Memasang Widget Animasi Entri Populer Pada Blog
- Cara Pasang Follow me Twitter di Blog
- Mozilla Firefox 5
- Background Buku Tamu
- Folder Marker Pro v3.2.0 Full Serial
- File Splitter & Joiner 3.3 Free
- Avatar Bobble Battles Full Version
- Game Fruit Ninja HD v1.6.1 Full Cracked
- Unlocker 1.9.0 Free
- Full Crack
- Pasang Counter Di Blog
- Cara menghilangkan Tanggal Posting
- Cara Membuat Buku Tamu Blog Show/Hide di Bagian Atas
- Membuat Chatbox Bergaya Absolute Vertical Sliding ...
- Pasang Jam Animasi Colorfull With CSS & jQuery
- Pasang Energy Saving/Power Save Mode di Blog
- Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
- Cara mudah membuat Scroll pada widget
- TuneUp Utilities 2011
- Membuat Number Page Navigation Blogspot
- Cara Membuat Artikel Terkait (Related Post) dengan...
- Cara Membuat Artikel Terkait (Related Post) dengan...
- Emotion Cw Sexy
- Emotion Monyet
- Emotion Kakus
- Emotion Upin & Ipin
- Cara Memasang Google Translator versi dropdown
- Cara Membuat Reply Komentar
- Cara Menghilangkan Tanda Obeng Pada Blog
- Membuat Scroll Menu Otomatis Buat Arsip Blog
- Cara Membuat Read More Otomatis
- Cara Merubah Tulisan Next Page Dengan Gambar
- Cara Membuat Menu Diatas Top Header
- Cara Pasang Widget SMS Gratis di Blogspot
- Cara Menampilkan YM di Blog
- Scrip Cursor Ular-Ularan
- Cara Pasang Buku Tamu Tersembunyi
- Cara Mendaftarkan Sitemap Ke Google
- Pasang Widget Google Translate
- Cara Merubah Navbar Bawaan Blogger
- Google Friend Connect
- Tips Mengganti Logo Blogspot
- HJSplit
- Menjadikan Windows XP seperti Vista
- Free Logon Screen XP
- Download Windows Xp Seven Ultimate SP3 2010
- Windows XP SP3
- Cara Membuat Banner
- Cara merubah Domain Blogspot Menjadi CO.CC
- Cara mempercepat Mozilla Firefox
- Kode Warna
- Mau Tukeran Link/Banner,...??
- CSS Compressor
- Contact Us
- Daftar Isi
- Parse Kode Script HTML
- Guest Book
- Daftar Banner Teman
- Daftar Link Teman
- Chat Room
About Me
- Sibuk Banget
0 comments:
Post a Comment