Tip membuat Side Menu untuk blogger dengan gaya minimalis

Walau hati masih sedih karena terjadi gempa di kampung halamanku tapi ngeblog harus tetap semangat.... Sedikit agak terhibur nih nulis posting sambil dengerin lagu bernuansa islami yang liriknya seperti ini..

Jilbab lambang busana muslim jilbab cermin wanita alim jilbab tak perlu malu jilbab bikin cantik dan ayu
Pesona jilbab pancarkan jiwa yang sehat busana sopan tidak merang sang masiat banyak pemuda yang tergoda karna busana yang merangsang hati hati memakai busana

asik juga nih lagunya mendayu dayu langsung saja ah malahan kebanyakan basa basi
Langkah pertama untuk membuat side menu bergaya minimalis adalah sebagai berikut
1.Login ke akun blogger pilih Layout" and "Add a Gadget" of HTML/JavaScript
tip ini udah saya praktekan di blog saya Yang ini

2.Silahkan copy paste kode dibawah ini




jangan lupa baca bismilah dulu sebelum cpy paste heheheheh



<center><div id="menu">
<ul>
<li><a class="current" href="http://masih-berharap.blogspot.com/">home</a></li>
<li><a href="http://masih-berharap.blogspot.com/">Still wish</a></li>
<li><a href="http://hospital-asep.blogspot.com/">Hospital</a></li>
<li><a href="http://www-createmoney.blogspot.com/">Create Money</a></li>
<li><a href="http://masih-berharap.blogspot.com/2008/09/contact-us.html">Blog Asep canda</a></li>
</ul>
</div></center>
<style><br/>/* --------------------------<br/>AUTHOR : STYLED MENUS<br/>URL : http://www.styledmenus.com<br/>Copyrights by STYLED MENUS<br/>Widget From http://bloggerstop.Net<br/>----------------------------*/<br/>*{<br/>margin:0;<br/>padding:0;<br/>}<br/>#menu{<br/>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvMz96wsl1rrmlJjSVu5620YYYuousK5epjXR7wEtnUxH6lP7iLCdzrXmeYQKrlyIr9qXrblV6M5J3GxEfG0iWhpWFclZLBWIbS5Nfirfhf2MhaQlB0dZQkaP8rao9LHsHr33Cb9hyphenhyphenCn8/s1600/menu_026_bg.jpg) no-repeat;<br/>width:172px;<br/>height:191px;<br/>padding:15px;<br/>}<br/>#menu ul{<br/>list-style:none;<br/>padding:0 0 0 8px;<br/>}<br/>#menu li{<br/>list-style:none;<br/>display:block;<br/>padding:10px 0;<br/>}<br/>#menu li a{<br/>list-style:none;<br/>display:block;<br/>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEQp8QSX1SiQGfzj3iUvk413hW0387B1DTRGt-fKpY396eSnftHPp1Gno_8UC9nBkrQ1MuT-BveFlxv4jsb-cMzfsZdCG566moMNiCtkstRPa1JCuheIq7RKfbNvVmCveT526ym81Jfxg/s1600/menu_026_b.gif) no-repeat left center;<br/>color:#ffe991;<br/>font-weight:bold;<br/>text-transform:uppercase;<br/>font-size:11px;<br/>line-height:1.2em;<br/>text-decoration:none;<br/>padding:0 5px 0 25px;<br/>}<br/>#menu li a:hover{<br/>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXaodIbg2oBU9L1PxAdLnyImOzdHuvs12Hm4RpMPIKJPBhoOyi8OM4r9BcxO0b5RaQywWkjrVkRakV94tHgFrgyQ7VUIQ_S1XSRMaiJ2Mo3hDP0Y-hNqEUMMhYjOO4vZ68xJEAiNdQUw/s1600/menu_026_h.gif) no-repeat left center;<br/>color:#fff;<br/>text-decoration:none;<br/>}<br/>#menu li .current{<br/>list-style:none;<br/>display:block;<br/>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXaodIbg2oBU9L1PxAdLnyImOzdHuvs12Hm4RpMPIKJPBhoOyi8OM4r9BcxO0b5RaQywWkjrVkRakV94tHgFrgyQ7VUIQ_S1XSRMaiJ2Mo3hDP0Y-hNqEUMMhYjOO4vZ68xJEAiNdQUw/s1600/menu_026_h.gif) no-repeat left center;<br/>color:#fff;<br/>font-weight:bold;<br/>text-transform:uppercase;<br/>font-size:11px;<br/>text-decoration:none;<br/>padding:0 5px 0 25px;<br/>}<br/>#menu li a.current, #menu li a:hover.current{<br/>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXaodIbg2oBU9L1PxAdLnyImOzdHuvs12Hm4RpMPIKJPBhoOyi8OM4r9BcxO0b5RaQywWkjrVkRakV94tHgFrgyQ7VUIQ_S1XSRMaiJ2Mo3hDP0Y-hNqEUMMhYjOO4vZ68xJEAiNdQUw/s1600/menu_026_h.gif) no-repeat left center;<br/>color:#fff;<br/>text-decoration:none;<br/>}<br/></style>

Catatan tulisan yang berwarna merah silahkan ganti dengan link kamu sendiri dan yang berwarna biru ganti dengan judul yang diinginkan
Cukup sekian dulu ya sob tip nya semoga bermanfaat
Jika tidak keberatan silahkan tinggalkan komentarnya ....!!!!

Posted in: Tip Blogging