Selasa, 26 Februari 2013

Cara menghilangkan Navigasi Bar (Navbar) Blogger (Auto hide Navbar)

Mungkin anda kadang melihat blog yang masih menampakkan navigasi bar.Secara default saat anda membuat blog,akan tampak navigasi bar yang terletak di bagian atas blog. Navigasi bar berguna untuk mempercepat login ke account blog anda untuk mengedit atau menambah postingan. Karena anda bisa langsung menekan tombol Sign in untuk masuk ke dashboard blog anda.

Jika anda telah menghilangkannya, maka untuk melakukan pengeditan atau menambah postingan, anda harus log in ke account blog anda pakai url:
http://www.blogger.com



Untuk menyembunyikannya, anda bisa gunakan prosedur berikut:

1. Login ke dashboard anda
2. Pilih Tata Letak => Edit Html => Centang "Expand Template Widget"


3. cari kode seperti di bawah ini





![CDATA[


4. Masukkan kode berikut setelah kode di atas


#navbar {
height: 0px;
visibility: hidden;
display: none;
}



5. Klik tombol SIMPAN Template. Silahkan Lihat perubahan pada blog anda.

Catatan:
Jika di template anda menemukan kode
/*-- teks */
letakkan script setelah /* --teks --*/
karena script atau teks yang ada dalam cakupan /* teks */ tidak diproses, karena dianggap sebagai keterangan.

Contoh:
![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

diubah menjadi:
![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar {
height: 0px;
visibility: hidden;
display: none;
}




Selain menghilangkan navbar, kita juga dapat membuat navbar autohide, yaitu navigation bar (nav bar) akan muncul saat mouse beada di posisi paling atas blog, jika mouse digerakkan/atau dipindahkan dari lokasi navbar, maka navbar akan menghilang(disembunyikan)


Untuk membuat navbar autohide, cukup ganti kode

#navbar {
height: 0px;
visibility: hidden;
display: none;
}

menjadi:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

NAMA - NAMA DUTA BESAR INDONESIA DI LUAR NEGERI

  1. DUBES INDONESIA DI TIMOR LESTEMarcellinus Primanti Hendrasmono  
  2. DUBES INDONESIA DI SINGAPURA:   Andri Hardi 
  3. DUBES INDONESIA DI MALAYSIA:   Herman Prayitno 
  4. DUBES INDONESIA DI THAILAND:   Lutfi Rauf
  5. DUBES INDONESIA DI PHILIPINA:   Yohanes Kristianto Legowo
  6. DUBES INDONESIA DI PAPUA NUGINI:    Andreas Sitepu
  7. DUBES INDONESIA DI VIETNAM:   Mayerfas
  8. DUBES INDONESIA DI KAMBOJA:   Soehardjono Sastromiharjo
  9. DUBES INDONESIA DI LAOS:   Kria Fahmi Pasaribu
  10. DUBES INDONESIA DI MYANMARDidin Julian
  11. DUBES INDONESIA DI AUSTRALIA: Herman Prayitno
  12. DUBES INDONESIA DI SELANDI BARU:  A. Agus Sriyono
  13. DUBES INDONESIA DI AMERIKA SERIKAT:  Dino Patti Djalal
  14. DUBES INDONESIA DI KANADA:   Djoko Hardono  
  15. DUBES INDONESIA DI INGGRIS/IRLANDIA:  T.M. Hamzah 
  16. DUBES INDONESIA DI PERANCIS:   Reslan Ishar Jenie
  17. DUBES INDONESIA DI JERMAN:  Edi Pratomo
  18. DUBES INDONESIA DI BELANDA:   Retno Marsudi
  19. DUBES INDONESIA DI RUSIA:   Djauhari Oratmangun
  20. DUBES INDONESIA DI POLANDIA:   Darmansjah Djumala
  21. DUBES INDONESIA DI ITALIA:   August Parengkuan 
  22. DUBES INDONESIA DI JEPANG:  Yusuf Anwar
  23. DUBES INDONESIA DI RRC/Mongolia:   Imron Cotan
  24. DUBES INDONESIA DI KOREA SELATAN:   John A Preasetio
  25. DUBES INDONESIA DI ARAB SAUDI:   Gatot Abdullah Mansyur 
  26. DUBES INDONESIA DI MESIR:   Nurfaizi Suwandi 
  27. DUBES INDONESIA DI IRAK :   Safzen Noerdin
  28. DUBES INDONESIA DI IRAN:   Dian Wirengjurit

Cara Membuat Agar Link Bergoyang

Hahahahaa....yuks goyang bang !!!! wkwkwkwkkwww...abis bingung mau kasih judul apa soalnya kaga ada felling tie...
Ea dah,langsung aja dach ane jelasin caranya :
1.Pertama login ke blogger
2.Kemudian klik HTML
3.Terus cari kode </head>
4.Kemudian copas kode di bawah ini dan taruh tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>      
$(document).ready(function()  {        
$(&#39;a&#39;).hover(function() {  //mouse in        
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);        
}, function() { //mouse out        
$(this).animate({ marginLeft: 0 }, 400);        
});        
});</script>

Kalo dah tinggal di save :)

Foto - Aja