Membuat Menu Melayang | Tutorial Blog
Membuat Menu Melayang | Tutorial Blog
Menu melayang disini maksudnya menu yang tetap pada posisinya walaupun blog di geser keatas dan kebawah.
Berikut cara Membuat Menu Melayang :
- Login ke Blogger, Klik Design/Rancangan > Edit HTML.
- Beri tanda centang pada Expand Template Widget.
Tips : Biasakan mendownload template untuk membackup template sebelum di edit. - Selanjutnya cari kode </head>,dan letakan kode berikut diatasnya :
<style>
div.floating-menu {
position: fixed;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
background: -moz-linear-gradient(top, #000, #666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#999999');
border: 1px solid #000;
width: 150px;
z-index: 500;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border:none;
padding:10px 10px 10px 10px;
}
div.floating-menu a, div.floating-menu h4 {
display: block;
margin: 0 0.5em;
color:#FFF; }
div.floating-menu a:hover {
color:#0000FF;
background: -webkit-gradient(linear, left top, left bottom, from(#0088ff), to(#bbddff));
background: -moz-linear-gradient(top, #0088ff, #bbddff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088ff', endColorstr='#bbddff');
color:#FFF;
cursor: pointer;
text-decoration: none;
padding: 5px 5px 5px 5px;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
</style> - Setelah itu sobat cari kode <body> dan masukan kode di bawah ini di bawah <body>.
<div class="floating-menu">Ganti http://alamat-url/ dan Anchor Text,
<h4>Menu</h4>
<a href="http://alamat-url/">Anchor Text</a>
<a href="http://alamat-url/">Anchor Text</a>
<a href="http://alamat-url/">Anchor Text</a>
<a href="http://alamat-url/">Anchor Text</a>
</div> - Terakhir klik Save / Simpan Template.
makasih ya....
ReplyDeletemampir gan k blog q :-)
foll back y
bermanfaat
ReplyDeletemampir ke blog gue sob
http://blo99-er.blogspot.com
makasih yah kk :)
ReplyDeletethannks gann.. :D
ReplyDeletedi manankan gan,
ReplyDeletemamfir balik ke blog yg baru kmaren ane buat ;)
ReplyDeletekereen infonya :)
ReplyDeletesukses terus gan ditunggu artikel selanjutnya
ReplyDeletemenarik infonya gan :")
sangat menarik sekali infonya :)
ReplyDeleteThanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D
ReplyDeleteMantappppp infonya gan thankas ea :D
ReplyDeleteterima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..
ReplyDeletekereen bangettt sok artikelnya thanks infonya...
ReplyDelete
ReplyDeletethanks ea, kerennn bangettt infonya.... sukses selalu ea sob
thanks infonya gan,,,
ReplyDeletePembelian obat denature bisa invite pin bbm kami : 7968ab6b
ReplyDeletePembelian obat denature bisa invite pin bbm kami : 7968ab6b
ReplyDeleteshijun 7.2
ReplyDeletenba jerseys
louis vuitton outlet
louis vuitton outlet
christian louboutin outlet
louis vuitton purses
celine bags
louis vuitton handbags
coach outlet
christian louboutin shoes
lebron james shoes 2015
louboutin
jordan shoes
michael kors handbags
christian louboutin outlet
coach factory outlet
gucci outlet
hollister clothing store
michael kors outlet
abercrombie kids
hollister kids
louis vuitton
p90x
insanity dvd sale
concord 11
chanel handbags
concord 11s
jordan 6s
nfl jerseys
michael kors outlet
gucci
louis vuitton purses
burberry handbags
lv handbags
pandora bracelets
cheap ray bans
michael kors outlet online
toms shoes outlet
coach outlet online
michael kors outlet
jordan 13 retro