Sabtu, 17 Desember 2011

Cara Membuat Judul Blog Bergerak

Cara Membuat Judul Blog Bergerak | pada tutorial Blog Kali ini saya akan menjelaskan Cara Membuat Judul Blog Bergerak, mungkin sobat sering melihat judulblognya bergerak bukan, nah berkut Cara Membuat Judul Blog Bergerak | Mungkin anda sudah mendapat sedikit gambaran saat membaca judul di atas, karena pada artikel lalu saya telah membuat artikel yang ber judul Cara Membuat Text Berjalan (Marquee). Okelah kalo begitu saya tidak akan berlama - lama lagi , langsung saja ke tutorial 

Langkah Pertama / First Step

  • Seperti biasa langkah pertama silahkan anda login terlebih dahulu.
  • Setelah itu silahkan ke halaman Tata letak - Edit html
  • Lalu beri centang pada Expand Template Widget
  • Setelah itu Download template lengkap untuk menghindari kesalahan.
Langkah Kedua / Second Step

  • Silahkan cari kode <data:title/> dengan menggunakan Ctrl + F.
  • Kode dalam keadan awal
Kode awal 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>

Setelah ditambahkan

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<marquee behaviour='alternate' direction='right' scrolldelay='5' width='100%'><data:title/></marquee>    
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>

Langkah Ketiga / Third Step

  • Pada langkah ketiga adalah bagaimana cara memodifikasinya, yaitu anda tinggal membaca terlebih dahulu pada artikel sebelumnya di Cara Membuat Text Berjalan (Marquee)
  • Anda cukup mengganti kode yang saya tandai dengan warna merah dengan kode marquee lainnya sesuka hati anda.
Contoh
Jika anda ingin mengganti kode marquee di atas dengan kode yang lainnya anda bisa mengikuti saran ini, akan tetapi jika tidak , jangan diganti.
Hapus semua kode ini 
<marquee behaviour='alternate' direction='right' scrolldelay='5' width='100%'><data:title/></marquee> 

Lalu gantikan dengan kode ini

<marquee direction="down" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="300px">Taruh Text Yang Anda Inginkan</marquee>

Keterangan : Ganti kode hijau dengan kode  <data:title/>. 

Saya benar - benar menyarankan anda untuk membaca Cara Membuat Text Berjalan (Marquee), supaya anda bisa bermain - main dan memodif sendiri marquee anda.

Keterangan
Kode ini hanya berlaku pada halaman home saja, setelah anda mengklik judul artikel maka judul blog tidak akan bergerak lagi, jika kamu ingin keduanya bergerak silahkan ulangi langkah yang sama pada kode berwarna biru.
Jika anda masih kebingungan silahkan saja bertanya kepada saya, karena mungkin ada beberapa dari anda yang masih belum bisa menangkap apa yang telah saya jelaskan. Ingat jika tidak tahu harus bertanya, karena hanya orang bodoh yang tidak bertanya pada saat ia tidak tahu. Be Smart...

sampai disini Cara Membuat Judul Blog Bergerak selesai
gotbloggers.co.cc

0 comments:

Posting Komentar