Sabtu, 26 Maret 2011

Cara Membuat Judul Posting Berjalan



Oke langsung aja kita mulai penjelasannya :


  1. Login ke Dashboard Blogger Anda
  2. Klik Layout - Edit HTML. Untuk berjaga-jaga sebaiknya backup dulu template Anda, lalu klik pada Expand widget templates dan carilah kode dibawah ini:
  3. <b:includable id='post' var='post'>
  4. <h3 class='post-title entry-title'>     


<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3> </marquee></b:if>

Teks yang berwarna merah adalah kode yang harus Anda tambahkan. Anda dapat merubah arah dengan mengganti kode left menjadi right. Klik tombol Preview untuk melihat hasilnya, jika Anda sudah cukup puas silahkan di simpan pekerjaan Anda.
Selamat mencoba..

cara membuat tulisan berkedip

<blink><b>cara membuat tulisan berkedip</b></blink>

Cara Membuat Google translate atau penerjemah bahasa

1.Google Translate Versi 1
Berikut ini adalah cara membuat windget penterjemah...??????Google translate, jadi kita bisa merubah rubah bahasa yang kita inginkan walaupun hasil terjemahannya " agak aneh " hee... tapi lumayan juga,Para pendesain blog beginilah caranya :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy saja kode dibawah ini didalamnya:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=id&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script>

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

Twitter Delicious Facebook Digg Stumbleupon Favorites More