Membuat kutipan animasi dengan JQuery ~ blog sepot

Kutipan adalah salinan kalimat,paragraph,atau paendapat dari seorang pengarang atau ucapan orang terkenal karena keahliannya, baik yang terdapat dalam buku, jurnal, baik yang melalui media cetak maupun elektronik.menurut kamus besar bahasa Indonesia,
Mengutip adalah mengambil perkataan atau kalimat dari buku atau yang lainnya.mengutip itu berbeda dengan plagiat.
Plagiat adalah mengambil karangan karangan atau pendapat orang lain dan menjadikannya seolah-olah karangan atau pendapat sendiri.

Kadang-kadang sebuah artikel tidak dapat diselesaikan tanpa kutipan yang tepat atau kutipan dari sumber yang otentik. Orang ingin berita yang akurat dan tepat. Oleh karena itu, mereka selalu mengandalkan sumber yang dapat dipercaya. Stuffing artikel anda dengan terlalu banyak kutipan mungkin membuat posting blog Anda terlihat panjang, tapi anda mungkin merasa sulit pengguna untuk menggulir terlalu banyak.
Bagaimana kutipan Rotator jQuery dan Animator, yang tidak hanya akan membuat kutipan anda terlihat luar biasa tetapi juga akan mengumpulkan semua tanda kutip di satu tempat. Pada artikel ini, kami akan menunjukkan Cara membuat Kutipan Animasi dengan jQuery

Ini animasi quote berputar yang terus rotasi dan mencakup banyak efek seperti fade in dan fade out. Lihat demo dari kutipan bernyawa di bawah ini dengan semua kemungkinan efek yang diceritakan dalam tutorial ini.

DEMO Klik disini!!!

Laki-laki dan perempuan adalah sebagai dua sayapnya seekor burung. Jika dua sayap sama kuatnya, maka terbanglah burung itu sampai ke puncak yang setinggi-tingginya; jika patah satu dari pada dua sayap itu, maka tak dapatlah terbang burung itu sama sekali.
Menulis dapat didefenisikan sebagai suatu penyampaian pesan (komunikasi) dengan menggunakan bahasa tulis sebagai alat atau medianya.
Pendidikan adalah senjata paling kuat yang dapat Anda gunakan untuk mengubah dunia.
Saya disebut presiden termiskin di dunia, tetapi saya tak merasa miskin. Orang miskin adalah mereka yang bekerja hanya untuk menjaga gaya hidup mewahnya dan selalu menginginkan lebih.
Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah.
Mereka yang berjiwa lemah tak akan mampu memberi maaf yang tulus. Pemaaf sejati hanya melekat bagi mereka yang berjiwa tangguh.
Pendidikan mengembangkan kemampuan, tetapi tidak menciptakannya.
Kemenangan yang paling indah adalah bisa menaklukkan hati sendiri.
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.

Simak langkah² dibawah ini:

Langkah 1. Untuk menambahkan tanda kutip animasi anda harus membuat posting terlebih dahulu kemudian tambahkan script dibawah ini ke dalam postingan anda. (Gunakan Mode HTML)

<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>

Langkah 2.Setelah anda selesai menambahkan kode di atas lalu tambahkan lagi kode dibawah ini.

<div id="words">
<ul class="word-container">
<li data-author="--- Aristotle" data-easeout="lightSpeedOut">It is the mark of an educated mind to be able to entertain a thought without accepting it.li>
<li data-author="--- Nelson Mandela " data-easeout="fadeOutDown">Education is the most powerful weapon which you can use to change the world.</li>
<li data-author="---  Aristotle " data-easein="fadeInDown">The roots of education are bitter, but the fruit is sweet.</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>

Anda juga bisa mengubah kutipan di atas sesuai selera anda atau imajinasi anda,.. hehehee

Selamat anda telah berhasil menambahkan kutipan animasi dalam posting blogger dan sekarang artikel blog anda akan terlihat lebih profesional dan pembaca akan menikmati juga.
Semoga Bermanfaat dan Salam Blogger Indonesia,..

Source script: http://probloggertricks.com/2014/02/how-to-add-a-animated-quote-to-blogger-blog.html

Terima kasih telah membaca artikel tentang Membuat kutipan animasi dengan JQuery di blog blog sepot jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.