Home » » Paseng Side Fixed Menu Di New Blogger

Paseng Side Fixed Menu Di New Blogger

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/AVvXsEge6Z-bEu9kuMbcSuj9XLv3VE7aqadkhiN-OjII00lFIY23BLjaGDN6n3TgCMYRZk2VlB70grY5NBFL8kyCpqtzt_bmWB6i2iysCW76A9WPLXsOJHEj3YgZpCV3QtUrVBliA9lPYhH3geY/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/AVvXsEgAMdXuczDT2xyemwWibeV6ubC5q9ajwp657lt2yr7sXGTsfziEO7LAGTd4b7CcfgXtVBw55FPZBXyIJT19a_-wA1urlQ2TXzWPLnTzlgiunZiUTTp6OZQ2ETgWIfFtRaSLd41toZi7GTI/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/AVvXsEi9EjhF31JTcFSbyKDTMhnxeSBzl5tXbpb-mZeY6XyRYnOrcLfrdL3zcbzatgxkHKPbUIuJYahwGdSfMS2WXiSEFoU0swSwu25LPsmCiUW2mPcOgGr8Cd75aZme_dTPyoHYj8P0tB8Tx-M/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/AVvXsEifKGEbqTZp_mbUWBuyU4P97FV1NLmH7CQ1MvMqvzxXx-5HQ3E5vM40m5fF1n8Tqbo3ZualurNHtQIWW1xJYXi21w45a0jMF4F9r4WjbGFFALlekvg1L6qnqRYhsswQvUV67h0BxwMnyK8/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/AVvXsEiPftiWaPd1UdM1_fm18OhCN9P7WdEh6z3xdlXi9Tp5QdFjahr2BLuFoxXGKu76y_QMTqIQ9kLbvIW50YgkYXprS-wKs-ufGeArmwPv1pVOANkM_dT13ptUwCFkmaQ8W0d3tthc9q9uM4Y/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




Artikel Terkait:

6 komentar:

  1. ni bisa memperlambat kecepatan muat blog ga??

    BalasHapus
  2. Berkunjung, boss warna teksnya kok keras begitu. thanks untuk infonya.

    BalasHapus
  3. hatur nuhun buat infonya yg sudah di bagi ke kita kita

    BalasHapus
  4. ea......
    kk
    ajariin donk kita2 bikini template sendiri pakai macromedia flash

    BalasHapus
  5. assalamualakum om
    saya mau nanya g mna bikin statistik pengunjung sprti punya om,?
    terima kasih

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri