Membuat Scroll Box di Blog

Disini saya ingin sharing tentang cara membuat scroll box. Scroll ini bisa kita letakkan di dalam postingan, di tambahkan ke widget ataupun di isi dengan link, entah itu link terkait ataupun link teman. Caranya cukup mudah, kita tinggal memasukkan satu baris kode saja yang tentu saja tidak sulit.
Ok, saya akan coba menjelaskan caranya satu persatu.

1. Scroll Box Pada Postingan
Pertama, buat/ buka postingan (entri) yang akan di sisipi scroll box, lalu pilih/masuklah pada mode HTML



Pada tampilan HTML jadi seperti ini



Langkah selanjutnya masukkan kode seperti di bawah ini

<div style="border: 1px solid #eee; height: 40px; overflow: auto; padding: 10px; width: 200px;color:red">Letak Postingan di sini</div>

Contohnya seperti ini



Nanti hasilnya akan seperti ini

Hari ini aku capek banget, habis bersih-bersih, soale besok ayahku akan datang. Semoga ayah lekas sembuh.
<=================================

Catatan: Untuk mengubah ukuran tinggi sama lebarnya, anda dapat mengaturnya di Height dan Width.
2. Scroll Box Pada Widget Untuk membuat scroll box di widget, cukup ganti saja tulisan "Letak postingan di sini" dengan Kode Script Widget yang anda inginkan. Sehingga menjadi seperti ini :
   

   
   <div style="border: 1px solid #eee; height: 50px; overflow: auto; padding: 10px; width: 300px;">Kode Script Widget</div>

Scroll Box Untuk Menaruh Link
Jika ingin memberi scroll box pada link tautan ataupun link-link yang lain, anda bisa menggunakan kode script di atas, atau bisa juga menggunakan script alternatif seperti di bawah ini:

<div style="border: 1px solid #eee; height: 50px; overflow: auto; padding: 10px; width: 300px;">

<ol>
<li>Letak Link 1</li>
<li>Letak Link 2</li>
<li>Letak Link 3</li>
</ol>
</div>

Sehingga hasilnya akan seperti ini


Letak Link 1
Letak Link 2
Letak Link 3

Yang perlu diperhatikan adalah jika ingin menambah link, cukup tambahkan kode <li>Link Tambahan<li> sebelum kode </ol>. Mudah bukan....

Apabila ada script yang rusak/ tidak bisa digunakan, mohon untuk memberitahu kami melalui email atau bisa juga melalui kolom komentar di bawah. Terima kasih