
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='Masukkan Link Blog nya di sini/' style='border:0;' title='Home'><img alt='Home' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXEUlQIMw6eVkYLCTpw0J1aoe1PE4CyvpAyjeoRj_MJEz2tG51oAIsQaSnAq3LeXjnHgOmSk60rOlRC35hTqrXFXB-T_k7aERweVqaKe1XUM9SpL2Yd4Ea_C3ynfCq4NfJf9rDteh9zes/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/AVvXsEh4stSubqqOem-3eAIl3VTR94aW5dLAb2Mpl5aWUHketxgVLMVtLwUlpRQit2yGKdFWScVTQwCa4vi1rp2R99Gxl9M_89-JzIRhDZagYqWU6zCffvEfKUZf2ep3w_hLhcJx9fwWjGQLKd4/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='mailto:Masukkan Email nya agan disini' style='border:0;' title='Contact me'><img alt='Contact me'
class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQGM3zTnutQNhoBHaIzWeQw2cT4wX5gv78MWcp67giU_nvoWQiSisNnQ9Gu9VMhdOPQGOzwxSusGaUUhHbFFHM7vucCjeP2Y0ED-WdEWfiIZGjH-sMEhpiy2ItvVzG_rXd_2wUDyKIPAU/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='alamat Feed' style='border:0;' title='Suscribete a post
Feed'><img alt='Suscribete a post Feed' class='menulateral'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUgrYHWOFnfzWVIZfz6JLMAahyphenhyphenVQXKlTDxFWO7OQ_941tFbyUi96KCUi2ikrbTCGQAMYDAQ4VHdhSZ5Hpbk5K-ipvH-NHKzUq1KZ_NLj1q2l1b-baJC4WArhz31pBfe2GuwNLbJfhELpw/s1600/menu-lateral-feed.png'/></a>
<br/><a href='alamat Feed default nya' 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/AVvXsEhmiwtq9TVHZQOWusaaGE2Cy6i3I5BQ7dYdIxhclokAE_KiYEp29Ks-cHV4OtRi6kvwpwEwC7Ia2KMBHPfhjfFsJJLYsIOgKuuKhmLJPOhNjOmA6xwGU2FWszNQ29dBlNvuCZoQjagz-VQ/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>
4. Ganti semua yang berwarna biru dengan,blog,alamat Feed kita,My album, 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-top:100px;
margin-left:-28px;
margin-left-nya menjadi -40px;
Selamat mencoba....
No comments:
Post a Comment