Langkah-langkah Cara Membuat Menu Horizontal Keren di Blog :
1. Log in ke akun Blog Sobat
2. Kemudian sobat klik tata letak -> Tambah gadget -> Pilih HTML/JavaScript
3. Copy kode dibawah ini dan paste pada kotak HTML/JavaScript dan letakkan diatas header:
<style
type="text/css">
/*
Menu horizontal untuk Blogger http://softwaremaniapc.blogspot.com/ */
div.topbar
{
height:
16px;
background:
#fcf9031;
}
ul.claybricks
{
font-weight:
bold;
width:
100%;
background:
#1914ea;
padding:
6px 0 6px 0;
margin:
0;
text-align:
left;
font-family:
calibri;
}
ul.claybricks
li {
display:
inline;
}
ul.claybricks
li a {
color:
black;
padding:
6px 8px 4px 8px;
margin-right:
20px;
text-decoration:
none;
}
ul.claybricks
li a:hover, ul.claybricks li a.selected {
color:
white;
background:
#5d4137;
background:
-moz-linear-gradient(top, #5d4137 0%, #41251b 12%, #2c0f05 100%);
background:
-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4137),
color-stop(12%,#41251b), color-stop(100%,#2c0f05));
background:
-webkit-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
background:
-o-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
background:
-ms-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
background:
linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4137',
endColorstr='#2c0f05',GradientType=0 );
-moz-box-shadow:
0 0 5px #595959;
-webkit-box-shadow:
0 0 5px #595959;
box-shadow:
0 0 5px #595959;
padding-top:
17px;
padding-bottom:
6px;
}
/*
http://softwaremaniapc.blogspot.com/ */
</style>
<div
class="topbar">
</div>
<ul
class="claybricks">
<li><a
href="http://riandy03.blogspot.com">Home</a></li>
<li><a
href="https://plus.google.com/100202248499406904306">My Profil</a></li>
<li><a
href="https://www.facebook.com/DrsStevenRiandyPartIII?ref=tn_tnmn">My Facebook</a></li>
<li><a
href="https://twitter.com/Riandy_03">My Twitter</a></li>
<li><a
href="http://riandy03.blogspot.com/search/label/Tutorial%20Blogger">Blogger</a></li>
<li><a
href="http://riandy03.blogspot.com/search/label/Software">Sofware</a></li>
<li><a
href="http://riandy03.blogspot.com/search/label/Games">Games PC</a></li>
<li><a
href="http://riandy03.blogspot.com/search/label/BlackBerry">BlackBerry</a></li>
<li><a
href="http://riandy03.blogspot.com/search/label/Android">Android</a></li>
<li><a
href="http://riandy03.blogspot.com/search/label/Kesehatan">Kesehatan</a></li>
<li><a
href="http://riandy03.blogspot.com/search/label/Percintaan">Percintaan</a></li>
</ul>
Keterangan :
Warna Biru : sobat ganti dengan URL yang diinginkan.
Warna Merah : Sobat Ganti Dengan Menu Yang Akan Sobat
Tampilkan.
4. Jangan lupa save
5. Dan Lihat tampilan menu horizontal sobat.
4. Jangan lupa save
5. Dan Lihat tampilan menu horizontal sobat.
6. Semoga bermanfaat
7. Jangan lupa tinggalkan pesan.
