Kotak scroll biasanya di gunakan Untuk Meletakkan link teman Atau menaruh Link dari artikel-artikel blog yang berada pada blog itu sendiri...
<div style="border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 280px; height: 150px; background-color: #003300;">
<a href="http://uc1n.blogspot.com/">Link1</a><a href="http://uc1n.blogspot.com/">Link2</a>
<a href="http://uc1n.blogspot.com/">Link3</a>
<a href="http://uc1n.blogspot.com/">Link4</a>
<a href="http://uc1n.blogspot.com/">Link5</a>
<a href="http://uc1n.blogspot.com/">Link6</a>
</div>
KET:- Ganti kode warna biru dengan URL yang dituju..?
- Ganti Tulisan Link1 s/d Link... dengan nama link yang di tuju..
- rubah tinggi dan lebar, juga backgroundnya. Silahkan rubah pada bagian kode ini:
width: 280px; height: 150px; background-color: #003300 - agar link terbuka pada tab baru pada browser tambahkan code "target="_blank"
CONTOH:
<a href="http://uc1n.blogspot.com/"target="_blank">Link1</a>
Sedangkan untuk menampilkan widget dalam kotak scroll adalah sbb:
<div style="border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 280px; height: 150px; background-color: #003300;">
Code widget disini
</div>
KET:- Rubah Code widget disini. dengan kode widget...?
- Jika ingin merunah tinggi dan lebar kotak, juga backgroun. Rubah pada kode:
width: 280px; height: 150px; background-color: #003300;
Pada kolom posting saat menulis artikel pilih tab Edit Html dan letakkan kode scroll tersebut.,
Cara Memasang Kotak scroll pada widget di blog pilih tab Rancangan >> Elemen halaman >> tambah gadget >> HTML/javascript
Semoga bermanfaat.
No comments:
Post a Comment