Sunday 15 September 2013

Cara Membuat Teks Bergerak Dalam Posting


 
“Banyak jalan menuju roma”. Banyak dalam posting dan sidebar wordpress, yang saya tahu (baca di internet) blog gratis wordpress.com tidak mendukung “Java Script” jadi untuk membuat teks bergerak menggunakan java script tidak bisa dilakukan. Ketika cari di internet dengan keyword , dari beberapa link yang saya buka hampir semuanya menerangkan cara membuat teks bergerak menggunakan jasa (website) pihak ketiga seperti marqueetextlive.com. Saya menggunakan cara yang berbeda yaitu dengan menggunakan animsai GIF yang dibuat menggunakan aplikasi “Easy GIF Animator”, hasilnya dapat dilihat di animasi gif seperti yang saya pasang dalam posting ini dan widget sidebar.
Image atau gambar dengan format file “GIF” bisa diupload di wordpress dan bisa dipasang hanya menggunakan kode html standar, anda yang memiliki blog sendiri atau sering berkunjung di banyak blog tentunya bisa membedakan antara teks bergerak yang menggunakan jasa website pihak ketiga (marqueetextlive.com) dengan teks bergerak menggunakan animasi gif yang dibuat sendiri.
Dengan membuat animasi gif sendiri, hasil teks bergerak akan terlihat lebih dinamis, anda bisa menggunakan gambar latar yang dipilih sendiri dan juga bisa menambahkan “masked link” (jika teks atau gambar diklik akan diarahkan ke alamat/url yang disisipkan).
  • Seperti animasi gif berikut ini:


Screenshoot membuat animasi gif menggunakan Easy GIF Animator
Anda bisa menggunakan animasi dibawah ini untuk dipasang pada blog anda, gunakan kode html berikut ini:

1
<div align="center"><a href="http://chairoezz.wordpress.com/2013/07/08/cara-membuat-teks-bergerak-dalam-posting-dan-widgets-wordpress/" target=_blank><img src="http://chairoezz.files.wordpress.com/2013/07/welcome.gif"></img></a></div>
welcome
1
<div align="center"><a href="http://chairoezz.wordpress.com/2013/07/08/cara-membuat-teks-bergerak-dalam-posting-dan-widgets-wordpress/" target=_blank><img src="http://chairoezz.files.wordpress.com/2013/07/welcome2-chairoezz-wordpress-com.gif"></img></a></div>
welcome2-chairoezz.wordpress.com
1
<div align="center"><a href="http://chairoezz.wordpress.com/2013/07/08/cara-membuat-teks-bergerak-dalam-posting-dan-widgets-wordpress/" target=_blank><img src="http://chairoezz.files.wordpress.com/2013/07/welcome3-chairoezz-wordpress-com.gif"></img></a></div>
welcome3-chairoezz.wordpress.com
1
<div align="center"><a href="http://chairoezz.wordpress.com/2013/07/08/cara-membuat-teks-bergerak-dalam-posting-dan-widgets-wordpress/" target=_blank><img src="http://chairoezz.files.wordpress.com/2013/07/welcome4-chairoezz-wordpress-com.gif"></img></a></div>


  • Login ke akun wordpress
  • Buka Menu Tampilan – Widget
  • Drag Widget “Teks” ke Sidebar dan drop ke bagian teratas sidebar
  • Pilih salah satu kode html (animasi gif yang diinginkan)
  • Copy dan paste kode html diatas ke widgets – teks wordpress
  • Kemudian simpan


    Untuk anda yang ingin memasang animasi selamat datang dengan nama blog anda, silahkan tinggalkan komentar dan alamat blog, pilih salah satu contoh animasi gif diatas, bagi yang beruntung akan saya buatkan animasi gif dengan nama blog anda
  • 0 komentar:

    Post a Comment

     

    Counter

    Web Counter

    Trend

    © 2013 Indahnya Tips Kesehatan . Designed by dian arjunayusuf, Powered by Blogger