16:47

•

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');


Pilihan Warna menu vertikal :

	blue1.gif blue2.gif
	green1.gif green2.gif
	red1.gif red2.gif
	pink1.gif pink2.gif
	black1.gif black2.gif

3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://fathulbarri.blogspot.com">unenk</a></li>
<li><a href="http://fathulbarri.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>

Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D

READ MORE

Fathul Ikut Pilkada Kalsel??

22:25

•

Pilpres 2009? Sudah lewat. Kematian Michael Jackson? Saya tak begitu tertarik mengikuti segala informasinya, cuma asyik kembali mendengarkan Happy, Billy Jean atau Earth Song saja. Apalagi rencana tuntutan cerai Cici Paramida, semakin tak menarik saya.

Hal yang menarik perhatian saya kali ini justru pemilihan kepala daerah (pilkada) Kalimantan Selatan 2010 yang akan datang, yang tidak akan sampai 1 tahun lagi itu. Karena persoalan lokal macam inilah yang bagi saya jauh lebih dekat dengan kenyataan hidup saya sehari-hari, bukan persoalan di Jakarta sana, apalagi di luar negeri. Bahkan kalau dipersempit lagi, hal-hal di Kabupaten Tanah Bumbu bagi saya lebih menarik lagi dengan alasan yang sama.

Memang belum bisa dipastikan, siapa yang akan benar-benar maju pada pilkada kalsel 2010 yang akan datang. Karena mafhumnya politik praktis, semuanya akan bergerak dan bisa berubah sewaktu dua waktu. Belum kemungkinan politik transaksional yang amat sangat praktis. Kepastiannya tetap harus menunggu masa pendaftaran di KPU Propinsi Kalimantan Selatan.

“saya tidaklah memilih seorang malaikat, tapi yang terbaik dari pilihan yang ada, cuma itu”Secara pribadi, saya sudah memiliki daftar coret, alias mereka yang sudah jelas pasti tidak akan saya pilih sekalipun positif menjadi calon gubernur Kalsel 2010-2015. Tentu saja dengan alasan dan pertimbangan pribadi pula kenapa saya tidak akan memilih seseorang. Baik karena persoalan interaksi dengan orang yang bersangkutan, figur pribadi dan keluarganya, pertimbangan rekam jejak (track record) yang dimilikinya dalam kepemimpinan, atau berusaha menilik lebih dalam ke hal-hal off the record yang biasanya cukup menarik. Tapi saya juga sadar, bahwa kita bukanlah memilih seorang malaikat, tapi yang terbaik dari daftar pilihan yang tersedia.

Bagaimana dengan kalian, yang menjadi penduduk Kalimantan Selatan, Sudahkah mulai mencermati siapa saja yang akan menjadi pemimpin kita di Kalimantan Selatan nanti? Ataukah acuh? tak peduli siapapun yang akan menjadi Gubernur Kalsel 2010-2015 nanti.

Saya hargai apapun sikap Anda, namun jelas, secara pribadi saya mencoba untuk tidak skeptis dengan berkata siapapun yang akan jadi Gubernur Kalsel 2010-2015 nanti tidak akan membawa perubahan. Karena bagi saya, perubahan itu harus diusahakan, bukan diharapkan.

Karenanya, mumpung hasil pemilihan kepala daerah (pilkada) Kalimantan Selatan (kalsel) 2010-2015 dalam artian perolehan suara belum lagi diketahui, saya ucapkan :
selamat menelisik …

....terutama di Kabupaten Tanah Bumbu akan Mengadakan Pemilihan Bupati dan Wakil Bupati..pecaya gak kalo calon BUpatinya Yang punya blog neh...wkwkwkwkk......otomatis Enggak Percaya ya...tapi mungkin setelah melihat foto ini..antara Percaya pa gak..soalnya Baliho-baliho saya uda pada nyebar di Plosok Tanah bumbu...hahahaha..
Di Jalan Sungai Loban
Deket Wrung ada Juga Lhoo

waahhhhh...ibu2nya make baju Fathul

READ MORE

Pasang Kupu-Kupu Terbang

22:18

•

Bagi yang suka menghiasi blog dengan accessories blog, Anda dapat memasang kupu-kupu yang sedang terbang melayang-layang di blog Anda. Tidak memerlukan langkah yang njlimet, hanya Copy Paste saja, Anda sudah dapat memelihara “kupu-kupu” tersebut menghiasi halaman blog Anda. Berikut Tips dan Trik Blog sampaikan tips memasang script kupu-kupu terbang.


Langkah-langkahnya.

Login ke blogger.com hingga masuk halaman Panel Kontrol
Klik Tata Letak (layout)
Klik Tambah Gadget
Tambahkan HTML/Javascript
Kemudian copy paste atau ketik script berikut ini.
Simpan Perubahan
Selesai


Script-nya adalah sebagai berikut.
<script language="JavaScript1.2" src="http://www.geocities.com/yono_pati/kupu.js">

</script>
Hasilnya, dapat dicoba pada blognya sendiri-sendiri, ya!!

Kalau mau lihat “kupu-kupu”nya, seperti di bawah ini. Tapi bukan “kupu-kupu” yang lain, lho, ya!!

Yang suka, silakan Mencoba.

Yang tidak suka, silakan kunjungi my life dan tips n trik intern

READ MORE