Teks Berjalan Pada Bar Menu

Anda mungkin pernah melihat di beberapa blog dengan teks yang berjalan di bar menu (di bagian atas). Bila anda ingin menambahkan teks tersebut pada bar menu blog, anda bisa baca dan ikuti langkah-langkah berikut ini:
- Sign in di blogger > Layout (Tata letak) > Edit HTML
- Copy kode dibawah ini lalu paste di atas kode <head>

/* Teks Berjalan pada Bar Menu */
<script type='text/javascript'>
//<![CDATA[
msg = "[www.durrotu-aswaja.co.cc]";
msg = " :: Silaturahmi :: Berbagi :: Belajar Bersama :: " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Seperti ini contohnya :

/* Teks Berjalan pada Bar Menu */
<script type='text/javascript'>
//<![CDATA[
msg = "[www.durrotu-aswaja.co.cc]";
msg = " :: Silaturahmi :: Berbagi :: Belajar Bersama :: " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
<head>

Catatan : "anda tinggal mengedit teks dan karakter berwarna hitam dan dicetak tebal, dengan teks yang ingin anda tuliskan".

- Simpan template
- Selesai



Selengkapnya...

Hilangkan Navbar, Auto Hide Navbar, atau Buat Navbar Transparan ya?

Pada awal mengenal blog mungkin ada yang beranggapan kalau navbar dihilangkan akan terlihat lebih elegan kali ya..., tapi setelah navbar dihilangkan timbul masalah baru yakni apabila mau log in ke blogger itu sendiri, ya kalau kesulitan buat link log in blogger dunk....!! (kalau itu sih lain ceritanya). Apakah bijak menghilangkan navbar ya? semua itu kembali kepada kita. Navbar blogger memang ditujukan mempermudah kita untuk login ke blogger, bisa juga untuk menelusuri blog lain, ataupun mempermudah kita untuk melapor ke pengembang blogger bila ada konten yang dianggap pelanggaran oleh pihak blogger, misal konten pornografi, yang mengandung unsur SARA, yang mengandung kebencian, informasi pribadi/ rahasia, pelanggaran hak cipta, spam, apalagi pelanggaran hukum.
kalau saya memilih auto hide navbar sajalah, kalau anda gimana..?

:: Untuk Menghilangkan Navbar Blogger:

- Sign in blogger > Layout (Tata letak) > Edit HTML
- Copy kode dibawah ini lalu paste di atas kode ]]></b:skin> atau body {

/* hilangkan navbar Mulai*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* hilangkan navbar selesai*/

Seperti ini contohnya :

/* hilangkan navbar Mulai*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* hilangkan navbar selesai*/
]]></b:skin>

atau

/* hilangkan navbar Mulai*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* hilangkan navbar selesai*/
body {

- Jangan lupa dipratinjau terlebih dahulu apabila sudah sesuai baru kita simpan (Hal ini agar kita tidak perlu download template lengkap terlebih dahulu sebelum mengubah kode HTML dan menyimpannya, akan tetapi untuk lebih amannya sebaiknya download template lengkap dulu kali ya..!!!)


:: Untuk Menyembunyikan (Auto Hide) Navbar

- Login blogger > Layout > Edit HTML Copy kode dibawah ini diatas body { atau bisa anda letakkan diatas ]]></b:skin>

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

jadi penempatannya seperti di bawah ini :

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

atau

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
]]></b:skin>



:: Untuk Nembuat Navbar Transparan
Untuk membuat navbar agar nampak transparan pada dasarnya adalah nilai "opacity", coba bandingkan dengan di atas.
- Login blogger > Layout > Edit HTML
- Copy kode dibawah, kemudian paste diatas kode body { atau ]]></b:skin>
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}

Selengkapnya...