meletakkan gambar disebelah judul postingan

Login akun blogger, dari dashboard >template > edit html

Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kode berikut.

    <a expr:href='data:post.url'><data:post.title/></a>

terus letakkan kode      <img src="url gambar"/>
dibawah antara kode <a expr:href='data:post.url'> dan kode <data:post.title/></a>

 kira kira seperti ini:
 <a expr:href='data:post.url'>  
<img src="http://icons.iconarchive.com/icons/tatice/cristal-intense/16/Notepad-Bloc-notes-2-icon.png"/>
<data:post.title/></a>










perlu di ingat ukuran gambar yang bisa dipakai sekitar 16  x 16PX

semoga berhasil . .  . . .

membuat text bergerak (marquee text)

untuk text berjalan dari kiri ke kanan
code:
<marquee>Contoh scrolling text</marquee>
 hasilnya:
ini text berjalan
untuk mengubah arah gerakan
direction="left"
direction="right"
direction="up"
direction="down"

misalnya code:
<marquee direction="right" >ini text berjalan </marquee>
hasilnya:
ini text berjalan

untuk mengubah warna bacground
bgcolor="#kod warna"
 misal code:
<marquee direction="right" bgcolor="#99CCFF">ini text berjalan</marquee>

 hasilnya:
ini text berjalan

 membuat tulisan berjalan bolak balik
behavior="alternate"
misal code:
<marquee behavior="alternate" bgcolor="#99CCFF">ini text berjalan bolak balik</marquee>
 hasilnya:
ini text berjalan bolak balik

untuk merubah kecepatan gerak
scrollamount="2"
misal code:
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">text berjalan dengan kecepatan</marquee>

 hasilnya:
text berjalan dengan kecepatan

membuat text berhenti ketika kursor mouse mendekatinya
onmouseover="this.stop()" onmouseout="this.start()"
misal code:
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >text akan berhenti ketika ada kursor mouse menyentuhnya</marquee>  

 hasilnya:
text akan berhenti ketika ada kursor mouse menyentuhnya






   

membuat ruang komentar dibawah postingan

login masuk ke dasboard >> templates >> edit html

cari kode berikut
<b:include data='post' name='comments'/>

masukkan code dibawah ini dibawah code yang anda cari tadi
<b:include data='post' name='comment-form'/>

save dan lihat hasilnya ..  . .. 
kalau hasilnya double ya ga usah dikasi tu code buat latihan saja . .  .

youtube video player jadikan mp3 dalam blog

Dapatkan link video (URL) dari youtube
misal: http://www.youtube.com/watch?v=h6dLCsnT47w&feature=player_embedded

coba hilangkan  >>watch?<<
contohnya seperti 

http://www.youtube.com/watch?v=h6dLCsnT47w&feature=player_embedded
jadi
http://www.youtube.com/v/h6dLCsnT47w&

kemudian Masukkan link yang telah diubah ke dalam kode berikut
 <embed width="425" height="25" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://www.youtube.com/v/h6dLCsnT47w&"></embed>


semoga berhasill   . . .. ..  /

membuat button Back To Top

cari ruang kode html/javascript masukkan code berikut 

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar"></a>

misal url gambarnya: http://img175.imageshack.us/img175/7297/up3.png
hasilnya akan seperti:

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src=" http://img175.imageshack.us/img175/7297/up3.png"></a>

save kemudian lihat hasilnya

semoga berhasill l. . .. . .. .