SILAHKAN BACA DAN AMBIL YANG BERMANFAAT BAGI ANDA

Sabtu, 25 Februari 2012

Membuat kotak scroll pada blogspot

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://cimamut.blogspot.com/">Link1</a>
<a href="http://cimamut.blogspot.com/">Link2</a>
<a href="http://cimamut.blogspot.com/">Link3</a>
<a href="http://cimamut.blogspot.com/">Link4</a>
<a href="http://cimamut.blogspot.com/">Link5</a>
<a href="http://cimamut.blogspot.com/">Link6</a>
</div>
KET:
  1. Ganti kode warna biru dengan URL yang dituju..?
  2. Ganti Tulisan Link1 s/d Link... dengan nama link yang di tuju..
  3. rubah tinggi dan lebar, juga backgroundnya. Silahkan rubah pada bagian kode ini:
    width: 280px; height: 150px; background-color: #003300
  4. 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 atau Artikel yang akan di masukan dalan scroll


</div>
KET:
  1. Posisikan scrip diatas scrip yang akan ada di dalam scroll dan di akhiri </div>
  2. Jika ingin merunah tinggi dan lebar kotak, juga backgroun. Rubah pada kode:
    width: 280px; height: 150px; background-color: #003300;
  3. Untuk kodewarna silahkan klik di SINI
Cara menampilkan kotak scroll pada post di blog
Pada kolom posting saat menulis artikel pilih tab Edit Html dan letakkan kode scroll tersebut.di atasnya,
Cara Memasang Kotak scroll pada widget di blog pilih tab Rancangan >> Elemen halaman >> tambah gadget >> HTML/javascript

Tidak ada komentar:

FB like