BloonOnline GoTemplatez VersiEdan
Facebook Twitter You Tube Friendfeed
Blog Seo Intermezo

Side Fixed Menu Di New Blogger

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://TUBLOG.blogspot.com/' style='border:0;' title='Home'><img alt='Home' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCUf4UIxNdGmTegBLLmdr4bR9P5-HCiCqv10H8YZTDQIEO5DYHbkwH7Znc7J5Yo9K35_osWowaIfRjY4Z9DEUdHDcFbs__XrQHfnLkqC-ppMCd6Sle4b2mHLixaUW1Rsp30qv1nWjfX4/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/AVvXsEifct8LybIpmHYjJoH3XQcZar-Mr4fjwZb6T4QpRZvrkAbUGAPel9FNkqIAX_l6WXpPr3y8YAPATT-aZnW_ZSo2JwbV-be82Q0EnyGnYJ-BNSml6DPVgG4Bf8G_zudcboa6DCoIWPGZ9jQ/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='mailto:TU-MAIL@servidor.com' style='border:0;' title='Contact me'><img alt='Contact me'
class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjthbJ6EkMbUeQZqQg730A6xMRpE2JWe8tXtgknKFts-D1tDu-YHT5SlXknkaynHxiwae5NIKIXUumkL1W6iNURh5TzcYCGEhNPH6q67_v2rcL78NaLdpZIywuP_zlCTlmtgwzpJAuHW4k/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='http://TUBLOG.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/AVvXsEhnqmgDRo_ay2QsccL3IRCUengbldTtFBHzw-wBFtn996kH1mpzfqsKRpN4mHmBECPcFXO7JPPGCambuiJoCYR88KD8ajR7fLklHr5UyWx8bMAQUSYoErkMbvruBbs7xDa4nrP1jZPDB6A/s1600/menu-lateral-feed.png'/></a>
<br/><a href='http://TUBLOG.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/AVvXsEgrAbltJkdeIKF6iFvJMg1wWrHSXnWehR-lgNTmiIEO-EVitSEgqPtB91D3dPjcJHKtoKcZBoLQUPnui9O_Kc2ImuVxmB_uCQgIiQvykGFqoy3-tmlAvuIWbOVwJALEX-jv0k0cmMa6ask/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>

4. Ganti Http://tublog.blogspot.com dengan blog kita, dan mailto:Tu-Mail@servidor.com dengan alamat Email kita, juga http://TUBLOG.blogspot.com/feeds/posts/default, http://TUBLOG.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

del.icio.us tags: ,
Page views this post: reader

1 komentar:

ARA said...

asikkk

tambah lagiii!

Post a Comment

" Apapun Yang Dapat Anda Lakukan, Atau Ingin Anda Lakukan Mulailah

Keberanian Memiliki Kecerdasan, Kekuatan Dan Keajaiban Di Dalam-nya"

Makacih Atas Komentar-Nya

 

Copyright 2009. Home | Serba Serbi Google | XHTML | CSS Design by Catalog-Tutorial