1. Log in first to your buddy blogspot.
2. KLik "Page Element" & Click "Edit HTML"
3. Centangkan "Expand Widget Templates"
4. Copy the code below and put it right above the code ]]></ b: skin>
. glossymenu (
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url (http://i730.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; / * Do not change this distance code * /
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://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kiri.gif) no-repeat;
background-position: left;
)
. glossymenu li.current ab,. glossymenu li a: hover b (
color: # fff;
background: url (http://i730.photobucket.com/albums/ww306/gozhilaq/Menu-kanan.gif) no-repeat top right;
)
5. Then copy the code below and put it right on top of the code <div id='content-wrapper'>
<ul class='glossymenu'>
<li class='current'> <a href='URL-Blog-Kamu'> <b> Home </ b> </ a> </ li>
<a href='URL-Link-Tujuan1'> <b>-Goal1 Title </ b> </ a> </ li>
<a href='URL-Link-Tujuan2'> <b>-Goal2 Title </ b> </ a> </ li>
<a href='URL-Link-Tujuan3'> <b>-Goal3 Title </ b> </ a> </ li>
<a href='URL-Link-Tujuan4'> <b>-Goal4 Title </ b> </ a> </ li>
<a href='URL-Link-Tujuan5'> <b>-Tujuan5 Title </ b> </ a> </ li>
<a href='URL-Link-Tujuan6'> <b>-Tujuan6 Title </ b> </ a> </ li>
<a href='URL-Link-Tujuan7'> <b>-Tujuan7 Title </ b> </ a> </ li>
</ ul>
In the red text you fill in the url desired goal.
In the blue text that you fill in the title match of the destination of the link.
Example: <a href='http://sibatman.blogspot.com'> <b> Tutorial </ b> </ a> </ li>
And so on .....
6. Save then see the results
7. Done
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Thank you so much for the visit and already took him to comment