Dan kemungkinan besar hal tersebut bukan sesuatu yang baru, sebagian dari blog anda saya kira suda banyak yang memasang Scroll tersebut. Nah untuk anda yang mungkin baru dan belum memasang Scroll tersebut, silahkan kalau anda berminat untuk memasangnya langsung kita simak petunjuk pemasangan Scroll tersebut.
Jika anda ingin membuat scroll di widget blog anda, silahkan ikuti tutorial
berikut:
Cara Pertama:
Jika menggunakan widget HTML/JavaScript anda bisa gunakan script dibawah ini :
Cara Pertama:
Jika menggunakan widget HTML/JavaScript anda bisa gunakan script dibawah ini :
<div style="overflow:auto;width:100%;height:200px;padding:0px;border:0px solid #eee">
teks atau daftar link bisa dibuat disini.
</div>
teks atau daftar link bisa dibuat disini.
</div>
Untuk membuat daftar link supaya
tampilanya rapi, gunakan kode seperti dibawah ini:
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
Agar Link terbuka di jendela baru anda harus menambahkan : target="_blank" diantara # dengan >Link.
Contoh : <li><a href="#"target="_blank" >Link</a></li>
Cara Kedua:
Jika anda menggunakan widget seperti label, archive, atau lainya, caranya adalah sebagai berikut:
Cara Kedua:
Jika anda menggunakan widget seperti label, archive, atau lainya, caranya adalah sebagai berikut:
1. Widget Label = Label1;
Label2; Label3, and so on
2. Widget Blog Archive =
BlogArchive1; BlogArchive2; BlogArchive3, and so on
Sebagai contoh, jika anda ingin membuat scroll untuk widget label/
kategori:
cari kode ]]> didalam template blog anda, copy paste kode dibawah ini:
cari kode ]]> didalam template blog anda, copy paste kode dibawah ini:
#Label1 .widget-content{ /* anda bisa edit, seperti
BlogArchive1, atau lainya */
height:200px; /* anda bisa edit angka ini, untuk mengatur ketinggian */
width:auto;
overflow:auto;
}
height:200px; /* anda bisa edit angka ini, untuk mengatur ketinggian */
width:auto;
overflow:auto;
}
Demikian sedikit info diatas, semoga bermanfaat.
0 komentar:
Posting Komentar
Pengunjung yang bijak : selalu meninggalkan komentar yang sopan dan tidak mengandung unsur sara ! Dengan hormat kami mohon anda untuk meninggal kan komentar untuk kami, Terimakasih.