Sabtu, 15 September 2012

Cara Membuat Scrollbox atau Kotak Scroll di Blog


Kali ini Saya akan membahas cara membuat scrollbox atau kotak scroll pada blog yang sebelumnya Saya sudah bahas waktu lalu disini.
Scrollbox atau kotak scroll erupakan fitur tambahan untuk menghemat ruang yang ada pada suatu web atau blog, selain praktis dan menghemat banyak tempat, fitur ini juga bisa di sesuaikan dengan kebutuhan blog itu sendiri. kegunaanya pun sangat beragam, misal di buat untuk daftar isi, Link sahabat dan masih banyak lagi. Proses pembuatanya pun bisa di bilang mudah karena tidak perlu masuk ke halaman edit HTML, cukup dengan Copy Script saja. DEMO

Berikut Langkah-langkah Pembuatan ScrollBox :
  • Login ke blogger.com, jika sudah,
  • Pilih Template → Pilih Tata Letak → Add Page Elemen → Tambah Widget/Add Widget
  • Letakkan script di bawah ini ke dalam kolom.

<div align="center">
<table width="250" border="1">
<tr> <th colspan="100%" scope="col">Nama Widget</th> </tr><tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 250px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">Silahkan Anda Masukan Text Anda Disini.</div></div></td></tr>
</table>
</div>


  • Simpan dan lihat hasilnya.


Keterangan :
  • Warna Merah : Silahkan ganti sesuai keinginan anda
  • Warna Biru : Silahkan Isi text, atau widget yang lain yang ingin anda masukkan dalam scrollbox.
  • Untuk jenis huruf : font-family dan ukuran : font-size, lebar : width, tinggi : height bisa Anda rubah sendiri angkanya, silahkan Anda berkreasi sendiri, jika ada yang kurang jelas silahkan Anda tanyakan. 

Selamat Mencoba !

Tidak ada komentar:

Posting Komentar