Paseng Side Fixed Menu Di New Blogger

[+] Post Title :

Paseng Side Fixed Menu Di New Blogger

[+] Date : 5/14/2010
[+] Author : Oktri darmadi
[+] Link : http://tipsbelajar-blog.blogspot.com/2010/05/paseng-side-fixed-menu-di-new-blogger.html
[+] Type : Tutorial Blog

Hi..Friends,Pagi2 blogwalking berkunjung disalah satu blogger profesional dapet ilmu.Langsung saja Jika kita ingin menambah aksesories navigasi menu fixed  ( yang tidak bisa melakukan scrolling mouse pada halaman web , namun hanya menekan tombol gambar panah ke atas maka ia akan kembali ke atas halaman blog kita seperti yang terlihat pada gambar samping atau seperti terpasang pada blog ini demo..
kode hack ini saya dapatkan di blogandweb.com. kamu boleh langsung mengikuti caranya dengan mengklik web tersebut, atau mengikuti di blog ini hasil dari terjemahan-nya. 
1. cari kode penutup CSS ini.
]]></b:skin>
2. Setelah ketemu masukan di atasnya kode ini.

 #menulateral{
position:fixed; text-align:left;
/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:100px; margin-left:-28px; }
* html #menulateral{ /*para IE*/
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; }
* html #menulateral a img{
filter:alpha(Opacity=100); }
#menulateral img{
margin-bottom: -5px; }
* html .menulateral{
margin-bottom: -3px; }

3. Setelah itu baru kita cari kode berikut ini.
  <div id='content-wrapper'> 


Terkadang kode ini berbeda-beda sesuai template yang kita miliki.tetapi kalau  menemukannya, sekarang  kita masukan di bawah-nya kode berikut ini. 

 <div id='menulateral'>
<span>
<a href='http://oktridarmadi.blogspot.com/' style='border:0;' title='Home'><img alt='Home' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxYMt0s0tOfahAVBb8yEszDM3YsgRDqQ3I9ejY1ofQt4nij5-TWE7iJeFne4epjvR84_-VACZDbb81Zm94YXIX2ahDbvsCvJCQIaukyT7Skp7PHz2Yb3Pz1hal0UL-sUTUH1el11ZtKq8/s1600/menu-lateral-inicio.png'/></a>
<br/><a href='#BlogArchive1' style='border:0;' title='Archivo'><img alt='Archivo'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZe8mlsr8SuHhdlbdztvuQ_R3KvMn14evcn6MsUqRKQTwLF3boj15WT-jj_CY1IH4mRDbcGNGZKOucuztwztaPaSdPm5BpafXaggKkYCeaG22zTWfkH_DNufl7CUf12MIqfKrf6hyphenhyphenUUSY/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='mailto:ok3_dj@yahoo.co.id' style='border:0;' title='Contact me'><img alt='Contact me'
class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_QlNS4h1uqFm1NUxle47LRel_X3cLPk7qyKr988PL0JEdxk5tFoiPSPY3UVnUQlmEx6iqz0p5bkZo6Ee5OJrSsglC8Nmu24jj-56rfO1kClHXPO-wyG5ovgCz-kzdk0Wre5WUe6J28Wo/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='http://oktridarmadi.blogspot.com/feeds/posts/default' style='border:0;' title='Suscribete a post
Feed'><img alt='Suscribete a post Feed' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILIxjU2tBiT48O-1LmA99axnaEe3XFDn-LidOWop4ozW9WLVTWel31ptX5-D4o5HulvF5DoY2DF1JMQg1vdXyYmvsdplL2oVsbHrAzKgWAEPU19fHvn3b9gjsYzGrHJqdfarTCbU9g6Y/s1600/menu-lateral-feed.png'/></a>
<br/><a href='http://oktridarmadi.blogspot.com/feeds/comments/default' style='border:0;' title='Suscribete a comment
Feed'><img alt='Suscribete a comment Feed' class='menulateral'
src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/feed-icon-16x16b_BG_G.png'/></a>
<br/><a href='#' style='border:0;' title='My Album'><img alt='My Album' class='menulateral'
src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/flickr_icon_BG_G.png'/></a>
<br/><a href='#' style='border:0;' title='Arriba'><img alt='Arriba"' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKxVSlRDhMPNWYoW9CMdV5MiuuTwsFMZwRlFIoIZ_IKQd5D_bjArm1IzfX0MDZ_pwzd5C0XcZFCG_Ff-ym0RmZcZ74vIShpgVr6jqEESLZqwtkVxf8KuVdR8V3-_ZIO7_HevSc2E4pByM/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>
 4. Ganti http://oktridarmadi.blogspot.com/ dengan blog kita, dan mailto:ok3_dj@yahoo.co.id dengan alamat Email kita, juga http://oktridarmadi.blogspot.com/feeds/posts/default, http://oktridarmadi.blogspot.com/feeds/comments/default  dengan alamat Feed kita. dan My album dengan alamat  penyimpanan koleksi photo kita di web Flickr.
Nb : Karena saya coba menerapkan Navigasi Fixed Menu ini kedalam template minima , maka agar tidak berdempetan dengan body postinganya, saya merubah margin-left  di kode ini.

  /*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:100px;
margin-left:-28px;

margin-left-nya menjadi -40px;
Sangat bijaksana sekali bila ingin mencoba, selalu backup dulu template aslinya.
View Web : blogandweb.com