Sabtu, 26 Maret 2011

Membuat Address Bar / Alamat Blog Bergerak

Untuk membuat Address Bar / Alamat Blog menjadi bergerak seperti blog ini yang harus dilakukan adalah :
Login dulu ke blogger nya
Setelah itu Masuk ke Tata Letak
Lalu Pilih HTML
Lalu Cari Kode seperti di bawah ini
<b:include data='blog' name='all-head-content'/>
Lalu Kopikan Kode di bawah ini
<script language='JavaScript'>
var txt=&quot;<data:blog.pageTitle/>&quot;;
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>
Lalu Simpan tepat dibawah kOde poin 4 tadi
Simpan dan lihat deeech hasilnya

Cara Mengganti icon Pada Adress Bar di blog

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kalian yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://images.fanpop.com/images/image_uploads/Emotion-Icon-fanpop-447704_200_200.jpg' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

Jumat, 25 Maret 2011

Membuat Address Bar / Alamat Blog Bergerak

Untuk membuat Address Bar / Alamat Blog menjadi bergerak seperti blog ini yang harus dilakukan adalah :
Login dulu ke blogger nya
Setelah itu Masuk ke Tata Letak
Lalu Pilih HTML
Lalu Cari Kode seperti di bawah ini
<b:include data='blog' name='all-head-content'/>
LALU GANTI DENGAN KODE DIBAWAH INI....
<script language='JavaScript'>
var txt=&quot;<data:blog.pageTitle/>&quot;;
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>
Lalu Simpan tepat dibawah kOde poin 4 tadi
Simpan dan lihat deeech hasilnya

Twitter Delicious Facebook Digg Stumbleupon Favorites More