CSS

Membuat Widget Author Blog Keren Bergetar

·
Karena Saya Rasa lebih enak kalo pake efek getar, dari pada seperti di blog blog lain, memakai author blog, tapi gak ada efek getarnya, kan bosan ! 
Hahahaha

Nih lihat :



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDhL2hBC6WRqJiXgSd62u3H8zOBfqIZhEmeWDxgNa5-2zilvR8v13Uj_ZoCvzQFOHQU4cAH5uWTidjDXxZJb_1V-xBt_drot7FIw13rPVqBmsIC0073wi0NEdg4CNL0-lpf8AaBY1Pv8k/s1600/demo-button.png
Mau Tau Caranya, SIMPLE kok
- Login ke blogger
- Tata Letak.
- Edit HTML.
- Carilah kode ]]></b:skin> ,lalu letakkan Kode CSS berikut tepat diatasnya.




Kode Yang Di Beri Garis Tebal Bisa Diganti Dengan Background Sesukamu !
- Langkah Selanjutnya cari lagi Kode <data:post.body/> , Setelah ketemu, letakkan kode berikut tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="authorboxakaUTta" class="author_getar" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()">
<img alt='' src='https://lh6.googleusercontent.com/-pWBw9iUmbtg/AAAAAAAAAAI/AAAAAAAAACQ/nT1DJgMW7N4/s250-c-k/photo.jpg ' height='100' width='100'/> 
<h6><a href="http://www.mafiasitez.blogspot.com/' rel='author' title='Posts by Hazhama MafiaWare'>Posts by Mafia Hacker</a></h6>
 <p>Hi aku Yandi, Itu Foto Profil editan ku waktu itu , terima kasih telah membaca Artikel Ini</p> <p>Follow Me On <a href='https://twitter.com/Yandim_MBS'>Twitter</a> Or <a href='https://www.facebook.com/yandidoetha'>Facebook</a> !!</p><a href='https://www.mafiasitez.blogspot.com'>Get This Widget !!</a></div></b:if>



- Bisa juga dibawah kode : <div class='post-footer-line post-footer-line-1'> 
atau diatas kode : <div class='post-footer'> 
Selanjutnya letakkan script berikut diatas kode </head>
<script src="http://mafiaproject.googlecode.com/files/Mbs_Getar.js" type="text/javascript"></script>



- Tolong Di Preview Dulu, Takutnya Ada Kesalahan ! 
NB : >> Diatas terdapat tulisan yang saya beri warna, sobat tinggal merubahnya saja sesuai keinginan masing-masing.
Semoga Tutorialnya Bermanfaat, Dan Jangan Lupa Komentarnya ! :D

0 komentar:

Posting Komentar

Terima Kasih Atas Komentar Anda..

handapeunpost

content