Cara Membuat Animated jQuery Quote Rotation di Blogger

Cara Membuat Animated jQuery Quote Rotation di Blogger

Cara Membuat Animated jQuery Quote Rotation di Blogger - Animasi jQuery Quote Rotasi adalah widget script Quote yang memiliki tampilan animasi yang keren dan cukup menarik untuk anda gunakan sebagai Quote didalam postingan anda. Selain itu juga, Quote ini memiliki animasi rotasi yang kucup keren sehingga membuat pembacanya menjadi tidak bosan.

Untuk demo seperti dibawah ini:

  • Blogging is not about earning. Its about serving the Humanity.
  • Don't choose Blogging as your profession, unless you really have no choice!!!
  • Education is the most powerful weapon which you can use to change the world.
  • The Lift is too shorT, Live it or be dead.
  • It's fine to celebrate success but it is more important to heed the lessons of failure.
  • You can't have a light without a dark to stick it in.
  • If you think your teacher is tough, wait until you get a boss. He doesn't have tenure.


Bagaimana? Menarik dan Enak dilihat bukan Quote yang satu ini. untuk anda yang ingin menggunakan dan memasang Quote ini diblog anda, silahkan ikuti langkah-langkah dibawah ini :

Untuk menggunakan Quote ini di blog anda, anda hanya perlu menambakan script dibawah ini dan masukkan kedalam postingan baru anda, paste kode dibawah ini dibagian tab HTML bukan Compose. Selanjutnya anda bisa mengganti isi teks sesuai keinginan anda. lalu Publish postingan anda untuk melihat hasilnya.
 <link href="https://googledrive.com/host/0B0WJjcJEFNziaGlLbi04Uk00b3c" rel="stylesheet"></link>
<script src="https://googledrive.com/host/0B0WJjcJEFNzid180dVRuai1WQ1U" type="text/javascript"></script>
 <script>
 jQuery(document).ready(function($) {
  $('#words').quoteRotator();
 });
 </script>
<br />
<div id="words">
<ul class="word-container">
<li data-author="---  Mgs Rama Dony" data-easeout="lightSpeedOut">Blogging is not about earning.
Its about serving the Humanity.</li>
<li data-author="---  Mgs Rama Dony">Don't choose Blogging as your profession, unless you really have no choice!!!</li>
<li data-author="---  Mgs Rama Dony" data-easeout="fadeOutDown">Education is the most powerful weapon which you can use to change the world.</li>
<li data-author="---  Mgs Rama Dony" data-easein="fadeInDown">The Lift is too shorT, Live it or be dead. </li>
<li data-author="---  Bill Gates (Microsoft)" data-easeout="bounceOut">It's fine to celebrate success but it is more important to heed the lessons of failure.</li>
<li data-author="---  Arlo Guthrie (1947 - )" data-easein="bounceIn">You can't have a light without a dark to stick it in. </li>
<li data-author="---  Bill Gates (Microsoft)" data-easein="lightSpeedIn">If you think your teacher is tough, wait until you get a boss. He doesn't have tenure.</li>
</ul>
<div class="quote">
<div class="quote-content">
</div>
<cite class="quote-author"></cite>
  </div>
</div> 

Semoga Bermanfaat..

#Tags

3 komentar untuk *Cara Membuat Animated jQuery Quote Rotation di Blogger!

bagus gan, mau coba tapi apakah tidak berat di blog?

Balas

wah bagus nih .. tapi ane ga bisa coba gan entar blog ane jadi berat :)

Balas

Silahkan berkomentar sesuai topik artikel diatas dan jangan buang waktu anda hanya untuk membuat komentar SPAM disini.