Home >Unlabelled > Cara Membuat Scroll Box Pada Blog
Cara Membuat Scroll Box Pada Blog
Posted on Kamis, 03 November 2011 by joges
Scroll BOX? Apa Itu Scroll BOX?.. Buat apa kita buat scroll box? Mungkin pertanyaan itu akan sepintas di pikiran kita yang masih merasa sebagai pemula di blog, Saya juga masih Pemula dasar Blog, Karena saya Masih Baru di dunia Blog, Sekitar 2 Mingguan yang lalu saya membuat blog ini. Saya udah punya beberapa Postingan, tapi saya berpikir kalo Postingan yang saya buat akan memenuhi Blog Archive saya, Dan saya mulai berpikir untuk Membuat Blog saya supaya Banyak posting tapi Rapih, Dan hasil nya saya Browsing di Google, saya menemukan sedikit solusi untuk mengatasi masalah ini, walau pun saya mendapatkan beberapa jawaban yang berbeda dar yang satu dengan yang lainya, di sini Creatif kita sebagai pemula dan pelajar blog, Pemula daan pelajar Blog Pingin menemukan Hasil yang Simple, Mudah dan Bisa Cepat Di buat, Jawaban yang saya ambil dari beberapa hasil yang saya dapat dari Browsing di internet yaitu "MEMBUAT SCROLL BOX" ini cara yang paling simple san mudah bagi para Pemula dan Pelajar blog,
Dengan membuat scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap. Walau pada bulan tertentu banyak postingan atau sedikit arsip blog yang tampilannya herarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model herarki, langsung saja lakukan langkah selanjutnya.
Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
6. Kode lengkapnya adalah seperti ini
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' 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>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
7. Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera.
8. Simpan jika sudah selesai.
Semoga Artikel Ini Bisa Bermanfaat Bagi Anda Semua, Bisa Jadi Pengetahuan baru yang berguna, Dan Semoga bisa di coba dalam blog nya,
Baca Artikel lainya, dan kunjungi lagi lain waktu
Terima Kasih Atas Kunjungan nya
Salam Blogger Indonesia
Diberdayakan oleh Blogger.
About Me
Blog Archive
-
▼
2011
(215)
-
▼
November
(146)
- TIPS SUKSES BELAJAR BAHASA INGGRIS
- CARA MEMBUAT BANNER IKLAN GRATIS DI BLOG ANDA
- SEJARAH PETERPAN
- NAZRIEL IRHAM MAIN FILM DI SANG PEMIMPI
- KABAR ARIEL DAN LUNA MAYA PUTUS, MANAGER PETERPAN ...
- Cara Cepat dan Mudah Update PageRank Google
- cara membuat widget statistik pengunjung di blog
- ALBUM BINTANG DI SURGA
- ALBUM TAMAN LANGIT
- AWAL TERBENTUK PETERPAN BAND
- CARA Mengetahui IP Address Pengirim Email
- Cara Membuat Bootable USB Drive
- KATA-KATA MUTIARA BIJAK 2011
- Cara Menyembunyikan dan Mendisable Icon Desktop
- Apakah Mengenal Pasangan Harus Lewat Pacaran?
- TRICK : 01.Menyembunyikan Tampilan Semua Drive di ...
- 20.BINTANG DI SURGA
- 11.ADA APA DENGANMU
- eBook Managing People Strategy
- TIPS DAN TRIK MEMBUAT OTAK LEBIH PINTAR
- FREE DOWNLOAD n-Track Studio Publisher's Description
- BLOG 12.TIPS AGAR BLOG KITA TERKENAL
- 7 KOTA MATI YANG MENAKUTKAN DI DUNIA
- VIDEO CLIP 31. MELAWAN DUNIA
- FREE DOWNLOAD GiliSoft Video Converter 3.5
- Dinosaurus Terseram dari pada T-Rex
- SEA GAMES JUARA UMUM, INDONESIA BUTUH 12 EMAS
- 7 KOTA TERBESAR DI DUNIA
- CARA MENGHASILKAN UANG DENGAN BLOG
- LOMBA TINGKAT III KWARCAB KARAWANG 2011
- Sesepuh Agama Karawang Meninggal Dunia "K.H OBAY H...
- Chikungunya Masih Mewabah di Jayakerta-Karawang
- TKW Jayakerta Terancam Hukuman Pancung?
- PASUKAN PRAMUKA SMPN 1 JAYAKERTA JADI JUARA UMUM LG3
- SEA GAMES "Dua Emas dari Marathon Tutup Cabor Atle...
- SEA GAMES "TUNGGAL PUTRA PANAHAN INDONESIA RAIH EMAS"
- SEA GAMES "INDONESIA TAMBAH 1 KOLEKSI EMAS DARI CA...
- SEA GAMES "INDONESIA DAPAT EMAS DARI CABANG GULAT ...
- SEA GAMES "TIM SEPATU RODA INDONESIA SIKAT SEMUA E...
- SEA GAMES TIM RENANG INDONESIA TAMBAH 1 EMAS LAGI"
- SEA GAMES "PANAHAN SUMBANG EMAS (ERWINA)"
- SEA GAMES "PANAHAN SUMBANG EMAS (ERWINA)"
- TENIS PUTRA DAPAT EMAS DENGAN SUSAH PAYAH DI AJANG...
- TIM TAEKWONDO INDONESIA SUMBANG SATU EMAS DI AJANG...
- UPDATE STATUS KEREN
- 9. CARA BUAT "TEXT SYMBOL & TEXT ART DI FACEBOOK"
- KATA-KATA LUCU PART III "ROMANCE"
- Umumkan Secepatnya Audit Forensik Kasus Century
- 7 NEGARA ATAU KOTA TERINDAH DI DUNIA
- 17 KEAJAIBAN DUNIA THE BEST
- Teknik Naikkan PageRank Sekaligus Datangkan Ribuan...
- KK 02. MENERAPKAN FUNGSI PERIPHERAL DAN INSTALASI ...
- 01 KK. MERAKIT PERSONAL KOMPUTER (PC)
- HARDWARE "Microsoft Pamer Tablet Samsung dengan Wi...
- HARDWARE "SAMSUNG CIPTAKAN NOTEBOOK WINDOWS 8"
- HARDWARE "G&D Umumkan SIM Card Terkecil di Dunia"
- SEA GAMES "INDONESIA VS THAILAND"
- SEA GAMES HARI KETIGA, INDONESIA JADI JUARA UMUM S...
- "SEA GAMES" Di Final, Ricky Yang Hadapi Juara Duni...
- PERAIHAN MEDALI DI AJANG SEA GAMES XXVI
- PALEMBANG - Indonesia kembali menambah tabungan em...
- SEA GAMES "Emas Perdana Loncat Indah"
- SEA GAMES "Lari Jarak Jauh Ikut Sumbang Emas"
- SEA GAMES "24 Atlet Nasional Anggar Siap Tempur"
- SEA GAMES "3 Pesilat Indonesia Tembus Semifinal"
- SEA GAMES "Dua Atlet Nasional Anggar Lolos ke Semi...
- Optimisme Zaky Silat Jadi Juara Umum
- Simon Bawa Indonesia Ungguli Laos
- Geser Malaysia, Indonesia Pimpin Grup A
- Taekwondo Tak Ingin Ketinggalan Sumbang Emas
- Glenn Victor Berpeluang Beri Emas di Renang
- Tim Kayak Putra Siap di Nomor Sprint
- SEA Games 2011 Resmi Dimulai
- Komodo Jadi 'Juara' New7Wonder
- Hujan Berkah di Pembukaan SEA Games 2011
- INDONESIA VS SINGAPORE
- TUJUH PAHLAWAN REVOLUSI "AHMAD YANI"
- TUJUH PAHLAWAN REVOLUSI "SEJARAH MONUMEN "
- KATA-KATA LUCU PART II
- KATA-KATA MOTIVASI ISLAM PART I
- KATA-KATA LUCU PART I
- TIPS BLOG : 11.MEMBUAT SCREEN SAVER
- JADWAL PERTANDINGAN SEPAK BOLA DI AJANG SEA GAMES ...
- NEWS PETERPAN 01. NAZRIEL IRHAM MERAYAKN IDUL ADHA...
- LYRIC PETERPAN : 45.DARA ARIEL (NEW)
- TUKERAN LINK
- LYRIC PETERPAN : 44.AKU PERGI (NEW)
- TIPS CARA MENDAPATKAN JUTAAN PENGGEMAR FANPAGE FA...
- TIPS MEMBUAT TOMBOL HOME,BACK T TOP,DAN BOTTOM
- TIPS KOMUTER 01:MERAWAT KOMPUTER I
- TIPS KOMUTER 01:MEMPERCEPAT KERJA KOMPUTER I
- 09.TIPS MENAIKAN TRAFIK DI BLOG
- TIPS SUPAYA BLOG KITA TERKENAL
- BLOG 07.TIPS BLOGGER YANG BAIK DAN BENAR
- CARA MEMBUAT GROUP DI FACEBOOK
- Penyakit Baru Pengguna Facebook
- LYRIC PETERPAN : 43.KITA TERTAWA
- LYRIC PETERPAN : 42.MIMPI YANG SEMPURNA
- LYRIC PETERPAN : 41.TAK ADA YANG ABADI
- LYRIC PETERPAN : 39.DILEMA BESAR
-
▼
November
(146)