Bagi sahabat pinter_online yang
memiliki blog, anda dapat mempercantik blog anda dengan memasang menu cantik.
Agar tampilan blog anda terlihat lebih menarik dibandingkan sebelumnya. Menu
yang di letakkan dengan posisi mendatar yang pada umum nya terletak di bagian
atas blog atau website ini adalah menu horizontal. Dengan menu ini kita dapat
mengisikan alamat link tujuan atau menjadikan nya sebagai navigasi blog kita.
Baik langsung saja kami memberi cara langkah langkah nya berikut ini :
Cara pemasangan menu horizontal ini adalah sebagai berikut :
1. Copy Kode Berikut ini :
.menu-solid{
margin: 0;
padding: 0;
float: left;
font: bold 16px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 2px 0;
background: #ebf225 ;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}
.menu-solid {
display: inline;
}
.menu-solid a{
float: left;
color: #000;
padding: 10px 12px;
text-decoration: none;
}
.menu-solid a:visited{
color: #cc0000;
}
.menu-solid a:hover, .menu-solid .current{
color: #ffffff;
background: #800000;
text-decoration:none;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
}
margin: 0;
padding: 0;
float: left;
font: bold 16px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 2px 0;
background: #ebf225 ;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}
.menu-solid {
display: inline;
}
.menu-solid a{
float: left;
color: #000;
padding: 10px 12px;
text-decoration: none;
}
.menu-solid a:visited{
color: #cc0000;
}
.menu-solid a:hover, .menu-solid .current{
color: #ffffff;
background: #800000;
text-decoration:none;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
}
2. Masuk ke edit HTML blog dan cari kode ]]></b:skin> dan copy kan kode tadi di atasnya.
3. Masuk ke tata letak / rancangan blog. Pilih Tambah Gadget dan pilih html/javascript
4. Copy kan kode berikut dan pastekan di dalamnya :
<div class='menu-solid'>
<a href='http://pintronline.blogspot.com'target="_blank">Home</a>
<a href='http://pinteronline.blogspot.com/2014/01/cara-mmbuat-judul-blog-bergerak.html'target="_blank">Cara Daftar</a>
<a href='http://jss-triplernews.blogspot.com/p/cara-membeli-posisi-jss-tripler.html'target="_blank">Beli Posisi</a>
<a href='http://pinteronline.blogspot.com/2014/01/cara-memberi-animasi-pada-blog-apakabar.html'target="_blank">Daftar AlertPay</a>
</div>
<a href='http://pintronline.blogspot.com'target="_blank">Home</a>
<a href='http://pinteronline.blogspot.com/2014/01/cara-mmbuat-judul-blog-bergerak.html'target="_blank">Cara Daftar</a>
<a href='http://jss-triplernews.blogspot.com/p/cara-membeli-posisi-jss-tripler.html'target="_blank">Beli Posisi</a>
<a href='http://pinteronline.blogspot.com/2014/01/cara-memberi-animasi-pada-blog-apakabar.html'target="_blank">Daftar AlertPay</a>
</div>
5. Selesai.
No comments:
Post a Comment
Usahakan memberi komentar yang baik dan sopan. Jika ada yang perlu ditanyakan lebih lanjut, bisa kontak saya melalui Twitter di @roby_hamzah