Beberapa orang menghubungi saya bertanya tentang bagaimana menambahkan menu cantik untuk seorang blogger blog sidebar, Hari ini saya akan mengajar Anda dalam cara yang sangat mudah cara menambahkan menu ke sidebar Anda dan bagaimana untuk menyesuaikan warna itu untuk berbaur dengan warna template Anda blogger.

Menambahkan menu horizontal ke blog blogger Anda.

Pergi ke akun blogger Anda, dan pergi ke Dashboard> Layout>>> dan di halaman Elemen Halaman, klik Tambah Gadget A dan pilih HTML / JavaScript Tambahkan lalu copy kode berikut dan paste di area Konten HTML / JavaScript.

paste it in the HTML/JavaScript Content area.

<style type="text/css">

/* Made By sharetex.blogspot.com */

#ddblueblockmenu{
border: 1px solid #000000; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #ffffff; /* Menu Font Color */
background-color: #2175bc; /*Menu background Color */
border-bottom: 1px solid #90bade; /*Bottom border color */
border-left: 7px solid #1958b7; /*Left border color */
list-style-type:none; 
}

* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}

#ddblueblockmenu a:hover {
background-color: #2586d7; /*Menu background Color On Hover*/
border-left-color: #1c64d1; /*Left border color On Hover*/
}

#ddblueblockmenu div.menutitle{
color: #ffffff; /* Title Font Color */
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #000000;  /*Menu Tite Background Color*/
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
/* Made By sharetex.blogspot.com */
</style>

<div id="ddblueblockmenu">

<div class="menutitle">Browse</div>
<ul>
<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Blogger
templates</a>
<a href="#">Blogger
Tricks</a>
<a href="sharetex.blogspot.com">Blogger Tools</a>
<a href="#">Edit</a></* You can copy this line each time you want to add a new element to your menu and change Edit to your text and change# to the url.*/>
</ul></div><font size="1">Menu By <a
href="sharetex.blogspot.com">sharetex menampilkan</a></font>

Sekarang klik Simpan Dan Anda selesai, silakan cek blog Anda.
sekarang akan mempelajari bagaimana untuk menyesuaikan warna menu untuk saya itu tampak sempurna dengan template blogger Anda Atau Anda hanya dapat meninggalkan sebagai Anda melihatnya.