Yeay,kali ini zynation balik lagi ke trick trick blogger karena udah lumayan lama gak ngepost tentang blogger lagi,okay kali ini gw bakalan bahas soal animasi judul nya yaitu "cara menambahkan kutipan animasi" lumayan kan buat bikin puisi tapi style animasi keren loh cuma ini menggunakan javascript sedikit jadi loading blog agak berat
dari pada penasaran yuk liat demo nya
keren kan? yuk pasang
1.letakkan kode ini di widget html/javascrip di tata letak blog kalian
<link href="https://googledrive.com/host/0Bxyf5AC_ilPwRFpfcHhFSXEzXzg" rel="stylesheet"></link>2.ini kode HTML nya jadi terserah letakkan kode ini di mana asalkan di bawah kode <body>
<script src="https://googledrive.com/host/0Bxyf5AC_ilPwYUlfNHRkbjh6ekk" type="text/javascript"></script>
<script>
jQuery(document).ready(function($) {
$('#words').quoteRotator();
});
</script>
<!-- Ani Quote -->3.save template kalian dan liat hasil nya
<div id="words">
<ul class="word-container">
<li data-author="--- Jose Mujica " data-easeout="lightSpeedOut">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.</li>
<li data-author="--- Thomas Alva Edison " data-easeout="fadeOutDown"> Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah.</li>
<li data-author="--- Mohandas Gandhi " data-easein="fadeInDown">Mereka yang berjiwa lemah tak akan mampu memberi maaf yang tulus. Pemaaf sejati hanya melekat bagi mereka yang berjiwa tangguh.</li>
<li data-author="--- Voltaire " data-easeout="bounceOut"> Pendidikan mengembangkan kemampuan, tetapi tidak menciptakannya.</li>
<li data-author="--- Soekarno " data-easein="bounceIn"> 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="--- La Fontaine " data-easein="lightSpeedIn"> Kemenangan yang paling indah adalah bisa menaklukkan hati sendiri.</li>
</ul>
<div class="quote">
<div class="quote-content">
</div>
<cite class="quote-author"></cite>
</div>
</div>
kata kata nya bisa di ganti sendiri
udah dulu deh,segini dulu pada siang yang panas ini XD
see you
source
0 Comments
Posting Komentar
Ayo berkomentar sesuai dengan topik pembahasan.