9 Februari 2011

Pasang Side Fixed Menu Di New Blogger


Hi..sobat tNet, malam-malam 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.
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. heheheh....
Jika sobat t'Net berminat silahkan ikuti langkah-langkah berikut!

Seperti biasa Login ke blogger.com>>Pilih Rancangan>>Pilih Edit HTML

Setelah berada pada halaman Edit HTML, lihat kode seperti ini (Cari kodenya) ]]></b:skin> 
Setelah ketemu, masukkan kode di bawah ini di atas kode ]]></b:skin>
 #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; }
Silahkan lakukan pengediatan jika perlu menurut Anda.

Kemudian cari kode seperti ini <div id='content-wrapper'> 

kemudian letakkan kode berikut di bawah kode <div id='content-wrapper'>
 <div id='menulateral'>
<span>
<a href='http://kartajaya25.blogspot.com/' style='border:0;' title='Home'><img alt='Home' class='menulateral'
src='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya1AI/AAAAAAAABoI/6EXVwJ-0xxc/s1600/menu-lateral-inicio.png'/></a>
<br/><a href='#BlogArchive1' style='border:0;' title='Archivo'><img alt='Archivo'
src='http://3.bp.blogspot.com/_Zuzii37VUO4/RlpT2Jya08I/AAAAAAAABno/fEetH56Ftgw/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='mailto:kartajaya25@yahoo.com' style='border:0;' title='Contact me'><img alt='Contact me'
class='menulateral' src='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya0-I/AAAAAAAABn4/F5Ax7A_8rLA/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='http://kartajaya25.blogspot.com/feeds/posts/default' style='border:0;' title='Suscribete a post
Feed'><img alt='Suscribete a post Feed' class='menulateral'
src='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya0_I/AAAAAAAABoA/HgSHFryV6kc/s1600/menu-lateral-feed.png'/></a>
<br/><a href='http://kartajaya25.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='http://4.bp.blogspot.com/_Zuzii37VUO4/RlpT2Zya09I/AAAAAAAABnw/38HqImjH21E/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>
Silahkan anda edit dengan mengganti kode berwrna Merah.

Kemudian silahkan Simpan Template.
Selamat mencoba dan semoga sukses.

0 komentar:

Sekedar catatan:
Kotak pada kolom blok komentar ini masih kosong. Maka merupakan suatu kehormatan jika sobat menjadi orang yang paling pertama menuliskan komentar, baik berupa pujian, masukan, kritikan, maupun pertanyaan di kolom komentar yang terletak di bawah kotak ini.

Tak ada yang bisa saya berikan selain ucapan terima kasih karena telah memberikan apresiasi terhadap artikel-artikel KARTA JAYA WEB

Masukkan email kamu untuk berlangganan tulisan dengan saya :

Delivered by FeedBurner