Membuat Kolom Scroll

Membuat kolom scroll sangat berguna untuk membuat daftar baca agar terlihat lebih rapih dan tidak menumpuk jika daftar bacaan yang anda posting lumayan banyak. Selain itu juga dapat mempercantik tampilan blog anda. Seperti contoh dibawah ini:

• Cara Membuat Read More
• Cara Mengganti Template Pada Blog
• Cara Menambahkan Tampilan Jam Pada Blogspot
• Cara Membuat Link Dalam Gambar
• Cara Menghilangkan Underline (garis bawah) Pada Link diblogspot
• Cara Membuat Kolom Tambah Gadget dibawah Header
• Cara Membuat Share Artikel
• Cara Menghapus Link Gambar Pada Blogspot
• Cara Menambah Gadget diatas dan dibawah Posting

Jika anda berminat, silahkan ikutilangkah berikut ini:

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript 
6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut

<div style="overflow: auto; padding: 5px; width: 80px; height: 80px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);">

<ul>
<li><a href="http://siniput.blogspot.com/2012/08/cara-membuat-readmore.html" style="text-decoration: none;">Cara Membuat Read More</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-mengganti-template-pada-blogspot.html" style="text-decoration: none;">Cara Mengganti Template Pada Blog</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menambahkan-tampilan-jam-pada-blog.html" style="text-decoration: none;">Cara Menambahkan Tampilan Jam Pada Blogspot</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/membuat-link-dalam-gambar.html" style="text-decoration: none;">Cara Membuat Link Dalam Gambar</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menghilangkan-underline-garis.html" style="text-decoration: none;">Cara Menghilangkan Underline (garis bawah) Pada Link diblogspot</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-membuat-kolom-tambah-gadget-di.html" style="text-decoration: none;">Cara Membuat Kolom Tambah Gadget dibawah Header</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-membuat-share-artikel.html" style="text-decoration: none;">Cara Membuat Share Artikel</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menghapus-link-gambar-pada-blogspot.html" style="text-decoration: none;">Cara Menghapus Link Gambar Pada Blogspot</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menambah-gadget-diatas-dan-dibawah.html" style="text-decoration: none;">Cara Menambah Gadget diatas dan dibawah Posting</a></li>
</ul>

</div>

Keterangan: Untuk merubah Lebar atau tingginya tinggal mengganti nilai width: 250px; height: 250px;nya.

Artikel Terkait: