ShoutMix chat widget
Bhokalor

14 Apr 2011

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/AVvXsEieJS611H1NXcv9hxj01MLroX20wlwau2vjS0iTwCoBAFt9f3rStjEq5TpeibU6W_dStEAx9k53GBCVdbF1wV57sx6BtUz-nwIwh7CVPqq9MHFyhf-oXZD-3wMrwSg9q64oxG3im7Wq4MI/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/AVvXsEiA-lpaTfJsNNjN9-aVpejQxsEePRayqWFXS4GQiXoIrcY-zQLDJavqSA9XyzMPPhobMDXLkGhUYaHSTX6sUPn6W2_hD6du2Qmsys-omxCW2kBLXY3H-JuBZF9yss6X_WHxqfB_u2f-VmQ/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/AVvXsEjxOXGQWYbKSS8gGkVMxj5KY7u4yDcPv9Luww1iwWNXoqRfOnSN-o0Br_5Jf5vcuHdO_6rzZtdixZtApZuNHGZkeSTqZQKJc0NFdqFWdyrHm3TMswTRwH1mNgC9Po9Q31D-YUA87XGczzg/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/AVvXsEgqjjYlz2P5wtEN4ccAJ7wvZt0j1tQIrC8S6eiSyG-GQukCJzIsVm9op0vUDuNKMvZlpcr_DLMiGTa6ynA-pgMAufzCeVbgh5HP9kKuTLQQy9p9KIheWNSJxag9O1xJwHQzwwRy1U2fdt4/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/AVvXsEjHUgZ2cjx2j20Os42kp4I2dsas7SrM45u45je3GhQ7n-GEb1dbyn497PqmmJggaz9ZU808V3_c9HxbmzL256O5py2mF7kEGbbGEFuiiQMWy7eADixNEO1td749_3tWUIxMR6J0xMSwUGU/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/AVvXsEiA-lpaTfJsNNjN9-aVpejQxsEePRayqWFXS4GQiXoIrcY-zQLDJavqSA9XyzMPPhobMDXLkGhUYaHSTX6sUPn6W2_hD6du2Qmsys-omxCW2kBLXY3H-JuBZF9yss6X_WHxqfB_u2f-VmQ/s1600/menu-lateral-archivo.png' (Link gambar pada menu fixed)

silahkan ganti sesuai keinginan..

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

0 komentar:

Posting Komentar

IP
English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified