Warung Bebas
kc17

Rabu, 09 Februari 2011

Pasang Side Fixed Menu Di New Blogger


Hi..sobat blogger, 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, cari kode  ]]></b:skin> 
Setelah ketemu, letakkan 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2WozG3UuoEYFtgG3y8mis1xvccnWm3WF46lXeuURQ_vbwNxFxnPLchlq3Dwg78ScngwnkHO6A2MKubaJN2678BKL0uaYHNByQHr_Ub8aun7MDVsN2PzmdS28juuWSPVFmsxXppOxQP0/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/AVvXsEiLLtgvJEOZg4sob5Y9hFxFLEIucwZD09iqlSV_sF4jBHiE154NPSxtGSeF1R4Be2Iz7Xc5pXLq3oymSMExWWVQltsjlwjsodrRHsNVxOeGbboz4NKCGXSQRahmuLt3b0R8W8b2GWCkSwk/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLhyphenhyphenl9sTsFIyVFYW907fBtYTbabi01lgexjNZ_v0otV6RqvsMW4fi4nh7P8xRuzWsIIXlNTRiX38I5c46d78amGM9apkmocYao8qxOwSk8wRifbB4j6081iffhW3_2B3FBSbO7p3f9Kc/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4P3otmUfjhoQ9I30uaiPhqE0kBIJ87tWU1ZblDwQuM0-Itd126nHxAOqzMdhIgMd6_MNmR7eGqG7X9Ex0LlAwazJ0ze4A7yn1Dhms2NeKi4jl6EKXpFz-PuERg4lXuinOK_qcny4euhQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuX613zBSWcZuaJehtGnnr6-ywdS1tbzaASdNlfSGn2YF57kpq8JyUCnSFX0FuXKIoCQjNWJgm7OT2x7IJ-pIYcgpEsEAr1fjz3MHa6OcMxYmAA0EMEhFwN0DdcQ6TnmZrxYTXY9-EgUQ/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 em “Pasang Side Fixed Menu Di New Blogger”

Posting Komentar

Adversite

 

YHS Rider_Community Copyright © 2012 Fast Loading -- Powered by Blogger