Cukup lama juga ane cari tutorialnya, dan akhirnya dapet juga....
Ne, langsung ane bagi buat sobat blogger semua.....
- Login ke blog sobat
- Pilih Rancangan
- Pilih Edit HTML
- Untuk menjaga kemungkinan yang tidak diinginkan, lebih baik sobat back-up dulu template sobat, atau boleh juga dengan mencentang Expand Template Widget
- Setelah itu, cari kode ]]></b:skin>, untuk mempercepat pencarian tekan cntrl + F.
- Copy paste kode di bawah ini tepat di atas kode ]]></b:skin> tersebut
#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}
#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}
#nav{margin:0; padding:0;}
#nav ul{float:left; list-style:none; margin:0; padding:0;}
#nav li{list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:0px 0px 0px; font:bold 11px Arial, Times New Roman;}
#nav li a:hover, #nav li a:active{color:#fff; padding:2px 2px 2px; text-decoration:none;}
#nav li li a, #nav li li a:link, #nav li li a:visited{width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:0px 0px; border-bottom:0px solid #151f23; border-left:0px solid #151f23; border-right:0px solid #151f23; font:normal 14px Georgia, Times New Roman;}
#nav li li a:hover, #nav li li a:active{color:#fff; padding:2px 2px;}
#nav li{float:left; padding:0;}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}
#nav li ul a{width:140px;}
#nav li ul ul{margin:-24px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}
#nav li:hover, #nav li.sfhover{position:static;}
#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;}
#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}
#top a:hover{color:#cc0000; text-decoration: underline;}
#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}
.topleft {width: 304px; float: left; margin: 0; padding:0;}
.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}
.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}
- Kemudian cari kode <body> dan letakkan script di bawah ini tepat di bawah kode <body>
<div id='outer'>
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a href='http://pengembara-alam-maya.blogspot.com/'><img src='https://lh5.googleusercontent.com/-BckhZCJouLQ/Ths_0RKo-6I/AAAAAAAAAXE/jAbbO1Y2VgY/cooltext539456488.png'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/daftar-isi.html'><img src='https://lh6.googleusercontent.com/-ZsAaGvzHilY/Ths_02pvc9I/AAAAAAAAAXI/F8dF5Ku3SQM/cooltext539456942.png'/></a></li>
<li><a href='#'><img src='https://lh3.googleusercontent.com/-6IOFNhHiTUo/Ths_1ztsNtI/AAAAAAAAAXQ/dlk07ZoUhdk/cooltext539457377.png'/></a>
<ul>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/tukar-link.html'><img src='https://lh3.googleusercontent.com/-ZGH9hr-ZZ7U/Ths_2nVJuKI/AAAAAAAAAXc/IkHwq4JEV6s/cooltext539458793.png'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/friend-banner.html'><img src='https://lh3.googleusercontent.com/-kqfQl_CTJm8/Ths_3DpXTWI/AAAAAAAAAXg/T7oRpsxhqDI/cooltext539458885.png'/></a></li>
</ul></li>
<li><a href='#'><img src='https://lh6.googleusercontent.com/-G4gnpxwUxBs/Ths_1DTqX0I/AAAAAAAAAXM/CUGPMGc9SbM/cooltext539457587.png'/></a>
<ul>
<li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Trik%20Facebook'><img src='https://lh3.googleusercontent.com/-_RyTPD5kR50/Ths_3A3_Q4I/AAAAAAAAAXk/MICYLC8DgZ4/cooltext539459437.png'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Tips%20dan%20Trik'><img src='https://lh4.googleusercontent.com/-yaHmfCloeXg/Ths_3jkqqhI/AAAAAAAAAXo/7hoTBLOXUeA/cooltext539459457.png'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Tutorial'><img src='https://lh4.googleusercontent.com/-RbnqoqE98Ts/ThtdjFYMyjI/AAAAAAAAAYU/tleyI1rmqzI/Tutorialblog.png'/></a></li>
</ul></li>
<li><a href='#'><img src='https://lh5.googleusercontent.com/-ZBEdWAGvtxs/Ths_2PKZV_I/AAAAAAAAAXU/mJxK7b-Sh4A/cooltext539458099.png'/></a>
<ul>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/software.html'><img src='https://lh6.googleusercontent.com/-4YXvCDrtQps/Ths_3gd4gCI/AAAAAAAAAXw/_UpG8eMoHwg/cooltext539459975.png'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/download-lagu.html'><img src='https://lh3.googleusercontent.com/-5P1EqeAX-rk/Ths_306M5mI/AAAAAAAAAXs/hrzFC8elSik/cooltext539459985.png'/></a></li>
</ul></li>
<li><a href='#'><img src='https://lh5.googleusercontent.com/-Rz3njwTWwkw/Ths_2CltLLI/AAAAAAAAAXY/6oP7o5M6xU0/cooltext539458110.png'/></a>
<ul>
<li><a href='http://blogspot.com/home'><img src='https://lh3.googleusercontent.com/-2cYMf9v9PDY/Ths_4VsyZwI/AAAAAAAAAX0/CmP-mmAJiDQ/cooltext539460407.png'/></a></li>
<li><a href='http://blogspot.com/logout.g'><img src='https://lh3.googleusercontent.com/-BQeJn5BXbsA/Ths__Sx-JTI/AAAAAAAAAX4/liQkF6yRj7Y/cooltext539460421.png'/></a></li>
</ul></li></ul>
</div>
</div>
</div>
Ganti tulisan yang berwarna merah dengan link url sobat
Ganti url gambar yang berwarna hijau dengan url gambar kreasi sobat sendiri.... - Kemudian save template sobat
1 Komentar:
salam kenal dari mautau
http://www.mautau.net/
Posting Komentar
Silahkan Isi Komentar Sobat Sesuai Dengan Opsi Yang Telah Di Sediakan...
Di Harapkan Berkomentar dengan Bijak
Terima Kasih