BLOGGER TEMPLATES - «
The Difference between Strength and Courage

It takes strength to be firm. It takes courage to be gentle.
It takes strength to stand guard. It takes courage to let down your guard.
It takes strength to conquer. It takes courage to surrender.
It takes strength to be certain. It takes courage to have doubt.
It takes strength to fit in. It takes courage to stand out.
It takes strength to feel a friend's pain. It takes courage to feel your own pain.
It takes strength to hide your own pains. It takes courage to show them.
It takes strength to endure abuse. It takes courage to stop it.
It takes strength to stand alone. It takes courage to lean on another.
It takes strength to love. It takes courage to be loved.
It takes strength to survive. It takes courage to live.

Membuat Duck Menu

Tau kan apa yang dimaksud Duck Menu contohnya seperti gambar ini:





Cara buatnya sbb,

1. Ke Layout –> Edit HTML
NB: Jangan lupa Backup template dan Jangan klik expand widget templates

2. Masukkan kode dibawah ini tepat di atas kode ]]></b:skin>

.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://i73.photobucket.com/albums/ww306/gozhilaq/Menu-background-1.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
padding:0 0 0 16px; /*Jangan Dirubah kode Jarak ini*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 20px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://i73.photobucket.com/albums/ww306/gozhilaq/Menu-kiri.gif) no-repeat;
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://i73.photobucket.com/albums/ww306/gozhilaq/Menu-kanan.gif) no-repeat right top;
}

3. Kemudian masukkan kode dibawah ini diatas kode <div id=’content-wrapper’>

<ul class=’glossymenu’>
<li class=’current’><a href=’URL-Blog-Kamu’><b>Home</b></a></li>
<li><a href=’URL-Link-Tujuan1’><b>Judul-Tujuan1</b></a></li>
<li><a href=’URL-Link-Tujuan2’><b>Judul-Tujuan2</b></a></li>
<li><a href=’URL-Link-Tujuan3’><b>Judul-Tujuan3</b></a></li>
<li><a href=’URL-Link-Tujuan4’><b>Judul-Tujuan4</b></a></li>
<li><a href=’URL-Link-Tujuan5’><b>Judul-Tujuan5</b></a></li>
<li><a href=’URL-Link-Tujuan6’><b>Judul-Tujuan6</b></a></li>
<li><a href=’URL-Link-Tujuan7’><b>Judul-Tujuan7</b></a></li>
<li><a href=’URL-Link-Tujuan8’><b>Judul-Tujuan8</b></a></li>
</ul>

-Ganti kode berwarna Biru dengan URL Alamat Link Tujuan.
-Ganti kode berwarna Merah dengan Judul Dari Link Tujuan.

4. Save template ).. lihatlah hasilnya.

0 komentar:

 
Web Statistics