Posted by Evan SuhandA

.



evan Blog

cara membuat teks judul/ title blog berjalan

posted by: irv4n s@ndEr

 Memberikan sentuhan animasi pada judul blog.

           Memberikan sentuhan animasi pada judul blog maksudnya yaitu membuat  teks atau gambar  berjalan pada title atau judul blog  dengan menggunakan efek marquee. Jika anda sering browsing ke blog teman-teman dan melihat teks/ judul blog mereka berjalan dAn anda ingin membuat namun andA belum tahu caranya,sekarang andA jangan khawatir lagi hanya dalam hitungan menit saja  anda juga bisa  membuatnya seperti itu  karena tutorial saya ini akan memberitahukan cara dan langkah-langkah dalam pembuatannya,asAlkan anda simak dengan benar tutor saya.kembali pada pembahasan mengenai efek marquee pada postingan saya sebelum yaitu “ menggunakan efek marquee/ tulisan berjalan di blog  “ saya menyediakAn code  berbagai jenis efek marquee , dengan menggunakan beberapa jenis efek marquee kita akan membuat judul blog anda berjalan dengan keinginan anda seperti bergerak dari kiri-kekanan, dari kanan-kekiri, atas ke bawah,bawah ke atas atau juga mondar-mandir dan lain sebagai sesuai dengan keinginan anda yang penting ente senang!!!
 ok langsung aja ke langkah pembuatannya lihat code html di bawah ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>

caranya ikuti langkah berikut ini……..!!!


1.     open/ login ke blogger.
2.    Pada menu dasbor pilih-click template.
3.     Untuk menghindari kesalahan pahaman atau kerusakan terlebih dahulu anda membackup terlebih dahulu template anda dengan cara  pilih cadangkan/pulihkan– click unduh template lengkap . masih pada menu pengaturan template kemudian anda pilih edit html setelah itu  Centang " Expand Widget Template ". .
4.    Setelah itu cari kode atau tulisan yang sama persis seperti code  diatas tadi.  Supaya pencarian lebih cepat gunakan  tombol Ctrl + F.  
5.     Setelah ketemu code diatas hapus dan ganti code yang berwarna kuning ( <data:title/> ) dengan kode di bawah ini :

    <marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'><data:title/></marquee>

Sehinnga hasilnya seperti di bawah ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'><data:title/></marquee>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>

6.     Save/simpan template dan lihat hasilnya.

Anda juga bisa menganti/ mengatur code yang berwarna kuning sesuai keinginan anda.
Ket:
scrollamount='4' ( menunjukan kecepatan teks yang akan ditampilkan )

jika anda ingin menambahkan  image /gambar caranya anda cukup menyisipkan code alamat url image anda pada kode diatas. 
Contohnya:

# menyisipkan gambar sebelum teks judul blog anda dengan cara :

scrollamount='4'>……… sisipkan alamat img anda disini …..<data:title/></marquee>

# menyisipkan gambar sesudah teks judul blog anda dengan cara :
 scrollamount='4'><data:title/>……… sisipkan alamat img anda disini …..</marquee>

andA juga bisa mengganti jenis tampilan efeks marquee nya sesuai dengan keinginan anda dengan cara mengganti code marquee nya dengan yang lain.
lihat lagi lebih banyak contoh  code lainnya click disini.

Yang terakhir jangan lupa tinggalkan komentar andA dan semoga tutorial ini bermanfaat untuk anda

0 komentar:

twiter follow

tulisan cursor cycle

black

Thanks To Visit mY BlogS