Kategori melayang

Lo pastinya sudah mengenal dengan kata kategori ataupun berkecimpung dengannya tetapi saat loe buat blog di blogger, bukan kategori yang loe akan temukan melainkan label lah yang akan loe temukan. Secara default kategori ini akan tersusun kebawah, yang pastinya akan menambah runyam blog loe. Jika loe lebih senang pake kategori asli dari blogger. Gini caranya (pembaca said “nah gitu donk dari tadi kek mulai, gak usah cipika cipiki”) ok 2x kita mulai aja ya:

1. Klik menu tata letak, di submenu tata letak pilih elemen.
2. Kemudian klik tambah elemen atau gadget. Tapi untuk kali ini loe pilih gadget label. Kemudian akan muncul lagi kotak kecil yang isinya meminta konfirmasi dari loe.
3. Saat gadget label sudah ditambahkan. Bukalah blog loe kemudian tekan tombol Ctrl + U untuk fasilitas page source.
4. Saat gua posting artikel ini gua kasih kategori trik blog, yang berada pada bagian bawah kotak postingan saat loe buat posting baru.
Maka saat masuk dalam page source gua cari kata trik blog, karena postingan gua kategorinya gak cuma trik blog maka label yang lainnya gua cari juga. Tetapi biasanya terletak berdekatan kok.
5. Setelah kata kategori loe ketemu, kemudian didepannya pasti ada script yang diawali dengan <a href="http://alamat blog lo/.../...> nama kategori </a>
copylah script tersebut.
6. Paste kan script tadi di notepad. Kemudian masuk ke edit html dan cari
</head> dengan menekan tombol Ctrl + F. Dan kopikan script di bawah ini diatasnya.

============================
<style>
td.top {
background-color: green;
text-align: right;
}
td.bottom {
background-color: white;
padding: 15px;
}
</style>
<script type="text/javascript" src="http://ul1n.comuv.com/floatinglayer.js">
</script>
============================

7. tapi sebelumnya jangan lupa untuk di backup, untuk antisipasi jika terjadi kesalahan. Kemudian disimpan lo ya.
8. masuk ke tab element kemudian tambah elemen html script. Kopikan script ini didalamnya.

============================
<div id="layer1" style="position:absolute; left:20px; width:410px; height:10px; visibility:hidden;">
<table border="2" cellspacing="0" cellpadding="3">
<tr>
<td class="top">
<a href="javascript:hideIt()" style="text-decoration: none">
<font color="#ffffff">
<b>Close
</b>
</font>
</a>
</td>
</tr>
<tr>
<td class="bottom">
Pada bagian ini loe copykan script yang loe dinotepad tadi ( tulisan ini ganti dengan script dinotepad ).
<br>
<br>
[
<em>You can close the layer by clicking the
<strong>Close
</strong> at the top right of this layer.
</em>]
</td>
</tr>
</table>
</font>
</div>
<form>
<input type="button" value="Kategori" onClick="showIt()">
</form>
==========================

9. simpan dan coba lihat hasilnya. Dan jangan lupa untuk komentnya ya. He...... he....... (^_^)

ket : untuk yang tulisan yang berwarna hijau merupakan warna background dari kepala dari table kategori, dapat loe ganti dengan warna yang sesuai dengan warna dominan blog low. Ke 2 yaitu warna biru merupakan warna background bagian bawah tabel. Ke3 tulisan warna merah mempunyai fungsi untuk menentukan jarak tabel dari kiri, semakin besar nilainya maka semakin jauh pula tabel dari batas kiri.


Sumber bahan => pcmild

Nih download tan nya jika pengen ini artikel