Thursday, 10 January 2013

Membuat Scroll Menu

Menu scroll untuk keperluan di blog memang dapat menghemat tempat, kita dapat menyimpan link cacatan, iklan maupun link yang lainnya.

Berikut cara membuat menu Scroll :
  1. Login seperti biasa untuk mengedit blog Anda
  2. Pilih menu layout/tata letak
  3. Kemudian pilih Add Widget/Tambah Widget dimanapun yang Anda mau
  4. Pilih HTML/Javascript
  5. Masukan kode berikut :
<div style="border: 2px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 150px; solid #eee"> <ul>
<p>1. <a href="permalink">judul</a> </p>
<p>2. <a href="permalink">judul</a> </p>
<p>3. <a href="permalink">judul</a> </p>
<p>4. <a href="permalink">judul</a> </p>
<p>5. <a href="permalink">judul</a> </p>
<p>6. <a href="permalink">judul</a> </p>
<p>7. <a href="permalink">judul</a> </p>
 </ul></div>
  • Warna merah : ukuran panjang dan tingginya bisa dirubah sesuai kebutuhan.
  • Warna biru : permalink postingan Anda.Contoh = http://ahsugan.blogspot.com/2013/01/membuat-scroll-menu.html
  • Warna hijau : Judul postingan agan

Anda bisa mengkreasikan kode diatas jika ingin menempatkannya ditengah postingan. Nah begitulah cara bikin Scroll Menu, yaaa semoga bermanfaat ajalah yaa hehehe…