Cara Mudah merubah Favicon di Blogspot/Blogger

Hai hai.. apa kabar semua ada berita bagus nich buat pecinta Blogspot.com sekarang blogspot ngeluarin widget baru. Apa tuch??? nah penasaran kan... jadi sekarang kalau mau pasang atau merubah favicon di blog tidak usah menggunakan kode macem2, cukup pake widget ini aja cepat, mudah dan memuaskan hehehe....

Mau tau caranya ?? baca terus artikel ini .

Begini caranya :

1. Masuk ke Account Blogspot kamu.
2. Lihat pada elemen halaman kiri atas sebelum navbar seperti gambar dibawah ini. lalu klik edit.
3. akan muncul form Konfigurasikan Icon Favorit klik Browse untuk memilih favicon yang kamu punya. Setelah selesai klik Simpan. catatan : gambar favicon tidak perlu berupa file .ico. JPG pun bisa asal tidak terlalu besar. :)
4. Favicon kamu sudah berubah seperti dibawah ini.

BagaiMana mudah kan?? ok selamat merubah favicon kamu ya...

Continue reading ...

Cara Buat Navbar Jadi Transparant

Satu lagi nich cara permak blogs bagian navbar, kalau kemaren udah di kasih tau cara menyembunyikan Navbar dan cara membuat navbar otomatis hidden. Nah sekarang di kasih satu lagi nich cara buat navbar jadi transaparant, maksudnye transparant gimana bang? maksudnye jika pointer tidak berada di Navbar blogger navbar akan kelihatan samar atau transparant, tapi jika Pointer berada di navbar blogger maka Navbar akan kelihatan jelas dan terang.Trus gimane caranye bang? ok tanpa banyak cingcong langsung aje ye ke TKP.......
Seperti biasa ikuti langkah - langkah di bawah ini :

1. Log In ke Blogger lalu ke menu Layout dan masuk Edit HTML
2. Kemudian cari kode



]]></b:skin>




3. Lalu copy kode dibawah kemudian paste/tempatkan diatas kode tadi



]]></b:skin>

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




4. Kemudian klik simpan Template dan lihat hasilnya .. bim salabim ka arba arba jadi dech...

Oh ya catatan, Jika kalian sudah menggunakan trik menyembunyikan atau auto-hide navbar blogger harap dihapus dulu kodenya okey..

Semoga berhasil

Continue reading ...

Auto Hide Navbar Blogger Tamplates

Selamat pagi Permaker ketemu lagi, kali ini cara permak blogs masih di bagian atas Blog yaitu bagian navbar. Di artikel sebelumnya tentang navbar membahas bagaimana Cara Sembunyikan Navigation Bar(Navbar) di Blogger , eh ngemeng - ngemeng udah baca belum? kalau belum klik disini aja, Kalau sudah mari kita lanjut.... kalau kemaren Navbar disembunyikan, sekarang navbar bisa dibuat auto hide (otomastis hidden) jadi ketika krusor mouse di posisi atas navbar baru akan muncul. Bagaimana caranya? ok langsung aja ke TeKaPe... (OVJ banget)...

Ikuti langkah-langkah berikut ini:

1. Masuk ke account blogger.com kamu.
2. Masuk kehalaman Dashboard,klik link Layout,lalu klik link Edit HTML.
3. Lalu carilah kode berikut ini(tag Body { )


body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}



4. Ketikan Kode berikut di Atasnya


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



5. Kode keseluruhanya seperti ini


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}



6. jika sudah klik SAVE TEMPLATE
7. Akses blog kamu .... bim salabim kaarba arba (kata cinta)....

Semoga berhasil ....

Continue reading ...

Cara Sembunyikan Navigation Bar(Navbar) di Blogger

NavBar atau Navigation Bar pada Blog letaknya ada di atas sebelum header. Kadang banyak blogger kurang nyaman dengan navbar ini. Apalagi yang baru ngeblog pengennya menghilangkannya. Lalu bagaimana cara menghilangkan Navbar ini?

Hmmmm.. kayaknya gak boleh dihilangkan dech, itu denger - denger nyalahin TOS yang punya blogger. Namun ini masih belum ada kejelasan boleh atau tidaknya mengilangkan Navbar, tapi kalau mau nyoba boleh kok. Gimana caranya boss? Cara sembunyikan atau menghilangkan navbar ya? hmmm ok! langsung aja dah di kasih tau, gak usah banyak cingcong :)

Ikuti langkah - langkah berikut ini :

1. Login ke account blogger.com hingga masuk ke halaman panel kontrol(dasboard).
2. Klik Tata Letak(layout)
3. Klik tab Edit HTML
4. Copy Code dibawah ini :



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



5. tempatkan hasil kopian(paste) diatas code
   
   
   #header-wrapper {
   
   
   Tekan Crtl+F untuk memudahkan pencarian kode, copy paste code diatas



6. Hasilnya seperti di bawah ini:



/* Header
-----------------------------------------------*/

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

#header-wrapper {
width:410px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}

selamat mencoba... semoga cara menyembunyikan NavBar blogger diatas dapat bermanfaat bagi anda.. yuk bagi-bagi ilmu..

Continue reading ...