Cara Menambahkan Quote Animasi di Blogger

Hai sobat Bantolo Share, saya mau sedikit berbagi nih...
Kadang-kadang dalam menulis artikel di blog anda sering membuat sebuah kutipan atau Quote untuk menunjukan sebuah kata-kata inspirasi dari orang-orang terkenal, Secara umum di dalam blogger/blogspot kita dapat menggunakan fitur kutipan / quote dengan cara klik menu yang bergambar dua tanda koma di atas. Kutipan / Quote sendiri dapat menaikkan kredibilitas seorang blogger dan terkesan sebagai orang yang memiliki kecerdasan yang baik . namun sekarang banyak para blogger sudah menggunakan fitur ini , sehingga tidak akan menjadi sebuah fitur yang spesial lagi di mata pengunjung. Namun anda tidak perlu terlalu cemas dengan hal ini, karena saya akan memberikan sebuah trik untuk membuat Quote anda berbeda yaitu dengan menggunakan efek animasi didalamnya. Jadi hari ini kita akanmenunjukkan Bagaimana Cara menambahkan Quote Animasi di Blogger Blog.

DEMO = KLIK GAMBAR DIBAWAH INI

Untuk menambahkan tanda kutip animasi untuk blog blogger Anda, terlebih dahulu Anda harus membuat sebuah artikel (klik  posting >> tabHTML ) lalu anda harus menambahkan potongan kode berikut ini.

<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 Anda selesai dengan menambahkan kode di atas , sekarang silahkan tambahkan kode berikut ini di bagi dari post yang ingin anda tambakan sebuah quote :

<!-- Bantolo Share Quote Rotator -->

<div id="words">
<ul class="word-container"> <li data-author="--- Bantolo Setiadi" data-easeout="lightSpeedOut"> Kemenangan yang paling indah adalah bisa menaklukkan hati sendiri.</li>
<li data-author="--- Bantolo Setiadi " data-easeout="fadeOutDown">Mereka yang berjiwa lemah tak akan mampu memberi maaf yang tulus. Pemaaf sejati hanya melekat bagi mereka yang berjiwa tangguh.</li> <li data-author="---  Bantolo Setiadi" data-easein="fadeInDown">Pendidikan mengembangkan kemampuan, tetapi tidak menciptakannya.</li> <li data-author="---  Bantolo Setiadi" data-easeout="bounceOut">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.</li> <li data-author="---  Bantolo Setiadi" data-easein="bounceIn">Saya disebut orang miskin, tetapi sebenarnya orang miskin adalah mereka yang bekerja hanya untuk menjaga gaya hidup mewahnya dan selalu menginginkan lebih. </li> <li data-author="--- Bantolo Setiadi" data-easein="lightSpeedIn">Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah.</li> </ul> <div class="quote"> <div class="quote-content"> </div>
<cite class="quote-author"></cite>   </div> </div>

Mudah kan.....???

Anda dapat mengubah kutipan yang di atas dengan kutipan yang anda inginkan sendiri. 

Jangan lupa setelah anda mencoba cara di atas, silahkan beri kami masukan di dalam kolom komentar di bawah ini , Terimakasih (BS)