Diposkan oleh Unknown on 01 January 2012 at 1:12 PM

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">
<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>
Ganti http://alamat-url/ dan Anchor Text,
Terakhir klik Save / Simpan Template.

Selamat mencoba dan semoga berhasil Membuat Menu Melayang.

.:. 18 komentar .:.Post a Comment

entungsouvenir11 January, 2012 15:39
makasih ya....
mampir gan k blog q :-)
foll back y
Unknown27 June, 2012 22:16
bermanfaat
mampir ke blog gue sob
http://blo99-er.blogspot.com
Anonymous13 September, 2012 23:27
makasih yah kk :)
UnlimitSoft10 November, 2012 19:42
thannks gann.. :D
Unknown22 May, 2013 17:10
di manankan gan,
mamfir balik ke blog yg baru kmaren ane buat ;)
sasa11 October, 2013 12:21

kereen infonya :)
dea16 October, 2013 14:43

sukses terus gan ditunggu artikel selanjutnya
kiki26 October, 2013 17:07

menarik infonya gan :")
tedi26 November, 2013 09:15
sangat menarik sekali infonya :)
tina02 December, 2013 16:53
Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D
rio12 December, 2013 09:51
Mantappppp infonya gan thankas ea :D
gina13 December, 2013 14:26
terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..
cici18 December, 2013 09:31
kereen bangettt sok artikelnya thanks infonya...
dani19 December, 2013 14:16

thanks ea, kerennn bangettt infonya.... sukses selalu ea sob
cinta28 December, 2013 09:55
thanks infonya gan,,,
Obat Ambeien Yang Manjur Tanpa Operasi04 June, 2015 08:22
Pembelian obat denature bisa invite pin bbm kami : 7968ab6b
Obat Kencing Nanah Atau Gonore20 June, 2015 22:53
Pembelian obat denature bisa invite pin bbm kami : 7968ab6b
Unknown02 July, 2015 17:08
shijun 7.2
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )
( Maaf!!! Link aktif tidak bisa di tampilkan )