Selasa, 15 Maret 2011

Cara Mudah Buat kolom Scroll Widget di Sidebar Blog

Kali ini kita akan belajar Cara Mudah Buat kolom Scroll Widget di Sidebar Blog, Fungsi Widget ini adalah agar kolom Sidebar blog terlihat lebih rapi.

Cara Membuatnya :
  • Login ke Blogger.com
  • Kemudian klik Tata Letak atau Layout
  •  Klik Tambah Elemen atau Add Element
  • Klik HTML / JAVASCRIPT
  • Copy pastekan kode di bawah ini ;
<h2 class="title">isi judul di sini</h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 310px; height: 150px; text-align: left;">

<li> <a href="
link anda" target="new'">Teks yang tampil</a></li>

<li> <a href="
link anda" target="new'">Teks yang tampil</a></li>

</div>

  • Klik Simpan/Save.

Keterangan

-Angka 150 adalah ukuran tinggi kotak scroll widget, bisa anda ganti dengan ukuran yang sesuai dengan templets blog
-Ganti URL/Link yg ditulis dengan warna merah dengan link yang ingin anda pasang.
-Ganti tulisan yg berwarna hijau dengan judul link yg anda pasang.
-Jika ingin pasang banner atau widget di dalam scroll bos ini, anda tinggal hapus script link dan ganti dengan script banner yang akan anda pasang.

  Selanjutnya

<h2 class="title"> JUDUL KOTAK SCROLL </h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 310px; height: 200px; text-align: left;">

<li> <a href="
link anda" target="new'">Cara Buat Scroll Widget Di Blog</a></li>

<li> <a href="
link anda" target="new'">Cara Buat Scroll Widget Di Blog</a></li>

</div>
-Angka 310 adalah lebar kolom widget scroll
-Angka 200 adalah tinggi kolom widget scroll.
-Ganti URL/Link yang berwarna merah dengan link tujuan
-text yang tampil adalah yg berwarna hijau diganti dengan judul sesuai dengan link tujuan
Tidak Susah bukan..?????mari tetap belajar untuk bias mahir ngeblog bersam
tutorialblogmu


Artikel Terkait Cara mudah membuat Menu Drop Down Blogroll

0 komentar:

Posting Komentar