Submit

Membuat menu Fixed pada blog


  1. Log in blogger
  2. Rancangan, edit html
  3. Simpan kode berikut di atas kode ]]></b:skin>




#menulateral{
position:fixed; text-align:left;
margin-top:100px; margin-left:-28px;

}

#menulateral{

position:absolute;

}
#menulateral a img{
opacity:1; -moz-opacity:1;
filter:alpha(Opacity=100);

}
#menulateral a:hover img{
opacity:0.8; -moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;

}
#menulateral a img{
filter:alpha(Opacity=100);

}
#menulateral img{
margin-bottom: -5px;

}
.menulateral{
margin-bottom: -3px;

}
Kemudian cari kode :
<div id='content-wrapper'>
Jika sudah ditemukan simpan kode berikut di bawah kode tadi :

<div id='menulateral'>
<span>
<a href='Link tujuan' style='border:0;' title='Judul'><img alt='Judul gambar' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK9LAUdzd5lW-pzLtclCt5Ogsbq15JpAxKSt0IklvXGTojWnh00JdNrjfdGDn4qFQKnRxMdNQ3Y4Yo2qA6uMFRnmC2G-Bd6jQZkBQyItT0yB7spaiGEKjNqs4INdBeCmTOLW8PMy5VMKM/s1600/menu-lateral-inicio.png'/></a>
<br/><a href='Link tujuan' style='border:0;' title='Judul'><img alt='Judul gambar'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzlusHhvib43VqUYEehl-0WsBaEqQEvc1ygEr3P266P6wmr_PtGWuqoSTHmEO2apBoP1Im_ERypESujq7QwAWELLw-69983G_zCXjwAKm9ZwgjsPQjrakzFFoTXlbGg-pXgqTrxexKHfM/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='Link tujuan' style='border:0;' title='Judul'><img alt='Judul gambar'
class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXmof65wNZdVa07fIUmSNHGf5fZZKwrUaLCZk-ZjDR7zuCAXIlpV16v6oor4XyS_XurBwtJQ5_jkv9WiDpT9Plvlnj-bTBuC9H5kTzuohuD_WqaPd8ypqitQU396dnbgBHrbRgqAT-Es/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='Link tujuan' style='border:0;' title='Judul'><img alt='Judul gambar' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLQxK6hJMfQS756Da2JKoxUzBFYOGKZvXbDmpJuGhCE9q4pIO2pdYLa1qIhu1FEipVD-YFMi7_-AbEaRLvlNOleots4RJ33bnon_yNo96mJrJFzwKhtO8bY2r2b4uUfY_Ftl7-Ia8x2oY/s1600/menu-lateral-feed.png'/></a>
<br/><a href='Link tujuan' style='border:0;' title='Judul'><img alt='Judul gambar' class='menulateral'
src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/feed-icon-16x16b_BG_G.png'/></a>
<br/><a href='Link tujuan' style='border:0;' title='Judul'><img alt='Judul gambar' class='menulateral'
src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/flickr_icon_BG_G.png'/></a>
<br/><a href='Link tujuan' style='border:0;' title='Judul'><img alt='Judul gambar' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRM5GYRkczhMnCkog1odjftnL8nSR-w6nhQHm4MPq4wQPEHvFz7UHzrbfwRGpmhm5k3T-oPiH1m3R6PSBYEbfjTquf3DV5OBwkTQmBf53bAPJCRBhaM_gz_a4bg0NELbghEhQV9KGR3T8/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>

yang berwarna Link tujuan (Link yang dituju), Judul gambar(Deskripsi gambar) https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzlusHhvib43VqUYEehl-0WsBaEqQEvc1ygEr3P266P6wmr_PtGWuqoSTHmEO2apBoP1Im_ERypESujq7QwAWELLw-69983G_zCXjwAKm9ZwgjsPQjrakzFFoTXlbGg-pXgqTrxexKHfM/s1600/menu-lateral-archivo.png' (Link gambar pada menu fixed)

silahkan ganti sesuai keinginan..

Simpan template. dan selesai........

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Official Blog Of ZAS-XP.com di inbox anda:


0 komentar:

Posting Komentar

Berikan sedikit komentar anda pada blog ini. Komentar anda sangat berarti untuk kemajuan blog ini NO SPAM PLEASE