Membbuat kotak daftar posting

Untuk mempercantik blog kali ini kita akan membuat kolom daftar/list posting.

Ok.. langsung saja copy kode di bawah ini..

<div style="background: Black;overflow:auto;width:187px;height:290px; background-image: url(http://lh6.ggpht.com/_VyCMMkwhjoA/TBBW3YTQ_WI/AAAAAAAAAW4/4RqtygXziCU/Kibg.gif); padding:10px;border:0px #000000; rel-color:#00ff00;">

<ul>

<li> <a href="http://www.blog-matrix.co.cc/2011/05/ganti-background-di-blogspot.html">Ganti background di blogspot</a></li><br>

<li> <a href="http://www.blog-matrix.co.cc/2011/05/ganti-background-di-blogspot.html">Ganti background di blogspot</a></li>

</ul>

</div>

Jika ingin menambah list tinggal di tambah <li> (dalam contoh saya hanya membuat 2 list saja) dan ganti tulisan yang berwarna biru dengan alamat link sobat, dan ganti tulisan yang bergaris bawah dengan judul posting sobat. untuk merubah tinggi dan lebar tinggal ganti width dan height (tulisan kuning)

Biar tambah keren sobat bisa menambah “onmouseover” dan “onmouseout” maksudnya ketika kursor berada di atas tulisan, tulisan akan berubah warna.

di bawah adalah kode yang sudah di tambah onmouseover dan onmouseout.

<div style="background: Black;overflow:auto;width:187px;height:290px; background-image: url(http://lh6.ggpht.com/_VyCMMkwhjoA/TBBW3YTQ_WI/AAAAAAAAAW4/4RqtygXziCU/Kibg.gif); padding:10px;border:0px #000000; rel-color:#00ff00;">

<ul>

<li> <a href="http://www.blog-matrix.co.cc/2011/05/ganti-background-di-blogspot.html"><font color="#00ff00" onmouseover="this.color=’red’;" onmouseout="this.color=’#00ff00′;">Ganti background di blogspot</font></a></li><br />

<li> <a href="http://www.blog-matrix.co.cc/2011/05/ganti-background-di-blogspot.html"><font color="#00ff00" onmouseover="this.color=’red’;" onmouseout="this.color=’#00ff00′;">Ganti background di blogspot</font></a></li>

</ul>

</div>

Jika sudah di copy kode di atas masuk ke blogger pilih rancangan, pilih elemen laman, klik tambah gadget, pilih html/javascript kemudian pastekan kodenya dan simpan… beresss……

Perihal ajiholick
AVERAGE JOE

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: