Cara Membuat Kutipan Rotator Animasi jQuery di Blogger

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 Rotator Animasi jQuery di Blogger?

Berikut adalah preview dari widget:

• Blogging bukan tentang penghasilan. Ini tentang melayani Kemanusiaan.
• Jangan memilih Blogging sebagai profesi Anda, kecuali jika Anda benar-benar tidak punya pilihan!!!
• Pendidikan adalah senjata paling kuat yang dapat Anda gunakan untuk mengubah dunia.
• The Lift is too shorT, Live it or be dead.
• Ini baik untuk merayakan kesuksesan, tetapi adalah lebih penting untuk memperhatikan pelajaran dari kegagalan.
• 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.

Hal pertama yang perlu Anda lakukan adalah untuk login ke account blogger Anda. Sekarang dari blogger dashboard pergi ke Buat Posting baru >> Edit HTML Tab dan hanya paste JavaScript berikut dan Kode CSS dalam Editor Blogger 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>

Setelah menambahkan coding di atas, Anda perlu menambahkan kode HTML berikut ke Editor Blogger HTML sehingga akan membantu Anda dalam menciptakan berputar dan kutipan animasi. Anda dapat mengubah transaksi animasi tergantung pada kebutuhan Anda.

<!-- TempatBlogging Quote Rotator -->
<br />
<div id="words">
<ul class="word-container">
<li data-author="---  Mubasir Alamsah" data-easeout="lightSpeedOut">Blogging bukan tentang penghasilan.
Ini tentang melayani Kemanusiaan.</li>
<li data-author="---  Mubasir Alamsah">Jangan memilih Blogging sebagai profesi Anda, kecuali jika Anda benar-benar tidak punya pilihan!!!</li>
<li data-author="---  Mubasir Alamsah" data-easeout="fadeOutDown">Pendidikan adalah senjata paling kuat yang dapat Anda gunakan untuk mengubah dunia.</li>
<li data-author="---  Mubasir Alamsah" data-easein="fadeInDown">The Lift is too shorT, Live it or be dead. </li>
<li data-author="---  Bill Gates (Microsoft)" data-easeout="bounceOut">Ini baik untuk merayakan kesuksesan, tetapi adalah lebih penting untuk memperhatikan pelajaran dari kegagalan.</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>

Selamat: Sekarang mempublikasikan artikel Anda dan menikmati keajaiban. Kutipan akan berputar secara otomatis. Namun, Anda dapat melompat ke kutipan berikutnya dengan mudah. Ini akan terus berputar sampai Anda pindah ke halaman web lain.

Kami harap tutorial ini telah membantu Anda untuk belajar Cara Membuat Kutipan Rotator Animasi jQuery di Blogger. Jangan biarkan kami tahu apa yang Anda pikirkan tentang widget ini. Bagi pemikiran dan pendapat melalui komentar di bawah ini. 

Share this post