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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekytB2xdew2YhMag73pLgsb87L-b-OTiiFiDF6Cb2JzFMnqxqXkNLOWKuxbmxDgWQULCcrWsy_nacLPXLSN5fro4Fz4tbMIPBT_MRA71isUQwRetw_PQh1epc9cc05fX-lovakKlh9yKV/'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/daftar-isi.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1GT-KsVzlw0Eps2KjXUXw1nSc13bQosuUNChTFo4lSLjiuh8JTRkFScpG2PEMBhSnWUhCM8b-tedO1a_mO8NJcVaDOi9eTKaYF2P98r25UQhLQlcx_i4EByVpUWkZbcQsiDBXvZZUdTLk/'/></a></li>
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMBfSWpoAQfMEQb0jZZEbGhSlukmZpacKueWByS6U3WXqEzopZIUcopqtS-xF8rueHdu2rtFLVKYZ1u3Mbr4hBZK8MLDwMQUUMkyLmswGkWoKqRh_Dp2HyDw-7TVsriKd_8rml4Savl6au/'/></a>
<ul>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/tukar-link.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfwqkJYoT3lg1xxUOkbjXu7_u-2igm1jgxSWjodCCwanttkBQAu4JO_zqYSgD312j8s35fovoTCGF8lSgZonFQVsC_dL8cTsfWlSr9EG8n5_LeJ9sMEb8D7LobUFgZhQOcFuo4zHf-2Cj/'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/friend-banner.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdI54oPbK5yV86p9Ib00Bhzh5SnP00kjQ94taB_8RFpxvLcag4eatQhJkRR4KtmAjQZ8ufVwy8dy1YMI5biYp2AwCYGqEUKskLC0Q2CEcZ2rspttFSXGE3d23_GgFzDZbyvRaBhDDUzjc/'/></a></li>
</ul></li>
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi069KBHYVpx2jeG71l10SKAh6A8yU3YDd-RPPPlmCq4IiElIHjMjENKSxQ2WLWEMXB72d0X14k3TyCqKoy6eBTFl0hHi2Lm8CekAh8v0DfFkUJqj_Rr_SW7Kt5ntUj0ebe0TGfSKY_A-5U/'/></a>
<ul>
<li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Trik%20Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySVEybodnVVztjZi7Q7cqj6aUuSQBRgQ6-7adyZhGgMXrc063BrqjRs9hoZBVNSd1jRi-T2HYLqUlX6wD7bivkorHyASadazvVYGkgUW_P8CeIgMLl4v3zHU7Hh_UVYqAnpv1kA5OTdHm/'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Tips%20dan%20Trik'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCCRzeRO_0qEU2-E4BxnNX1iphlLY3m1BZ9UmpDsn7PgNdfp-fyouDl4pOadAo86ZyAgzK14I5YYXG4-d8-Nr603mARP8D0BZ2eZhuV9fEtNFQptKz7BpDU0823p8cf-DY1otUQerUGWa5/'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Tutorial'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxdeWP8xEycuYgEZgQmB3Aif3HMnbmx2jlOXnjSoBUkw7zyLkl61dG8BZlyl6tdMf5aUSUM2JOkxnhgLW-iJ19RCcRXFLY6MXCuh0GejhGNQTwTbzLdJw0zKpzlpE5YxywpusLBrwrCvfx/'/></a></li>
</ul></li>
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNWxmYOFSDw2l5yDL_C8QWiLfw786MI8kYeLqILwV5c7nxrzt67f5TeARXZn-9tA1SsnaCySv5_ae08m5vPBiUOY-F17oLDo9fa0EIF0dH67hClaex_3KiXiU6PtIkowXlFhIi9ajEBM0/'/></a>
<ul>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/software.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCsOaQTkXHwnOUxVFLLw60B-Nb8KLognjW1q30AtrsPeJfz_j0Y5BaRsqwR-w0QFe49mN49tArjDeqYcJ44228LE_pRL8hcUsH9z0gBV0xN5SxX9xxPGytWk7AS-IPpELEObGpKC9u388d/'/></a></li>
<li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/download-lagu.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrNDfDVYHshD3V4mVLLmGskZfc4xR_qbJHwkEmye_qJ7DYR8G9Y-Q1v2sWTFTMu0Y807OrzGbhC_FUyDmnr_WtigWSaXIYyMw_9zccL3PzQId_yE4HlBPiSPlKQ5nyObjHpOblghpQtNk/'/></a></li>
</ul></li>
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvMesxU5EB9erBnkr5lJK0GnPVMfCDnzZ2us2KZTMIrSEddttuVMeuwu8SzvtQqwg2EsNO5f31R1zi-fKBfId88iRpkvjCDpQ24e_EUwqRmKkjnb8PCb0gvgpYNDgcKuHNHLH9KAfnnEKP/'/></a>
<ul>
<li><a href='http://blogspot.com/home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihw-CHPrRDPnXPjyFkvoJfDU_bPD3OPS_yGb2PIZfDYRSbOMWZHz4LEQhXwiQZbuPoaK2fYZH-Ahr7ZMi7fqIO-QeARWS26c6uifkeJaOdiuKFiXmC4L0OnieAXRzRuM1Zwq7BXB0Y9rMQ/g'/></a></li>
<li><a href='http://blogspot.com/logout.g'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZcA8NbU-lNrqfubSCXUd44ipHgZHzZPyNihGw9El1i06phqfhbsmpppRXg4RtTMlz_P7L2rr0RU6vsAIHmTMPpav8An2I8RAnaH-S6Gd-rxL6jAhqL_8nE8V_Zsy8MjI4qC_GDzaw6Of1/'/></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