Assalamualaikum pada kesempatan ini saya akan share mengenai cara membuat sharing button widged dengan tampilan baru di blog anda sebenarnya ada banyak sekali tampilan tampilan menawan yang ditawarkan oleh widged ini tetapi mungkin apa yang akan saya bagikan sekarng bisa menjadi salah satu pilihan anda jika anda tertarik silahkan ikuti langkah dibawah ini....
Masuk blog anda
pilih menu tata letak/add gadged
kemudian pilih html javascript
setelah itu letakan kode dibawah ini pada box yang tersedia
<style>
#PTTHOME img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#PTTHOME img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center><p id="PTTHOME">
<a href="https://www.facebook.com/arieadie30 "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiuMXHFUSgfBsHLu-Bl8VzolELDx6s4kSmrrSjzxF4IRqxMWp1gC9U0XwgZ0fqmAj7KMfid1L2Po76BABYgXSHeujNJb1CrK5wfkn4ClKJU0TwbtRavGWVzywrKGXkcJVX0P0_5kzCRLo/h120/Facebook-Home.png" title="Like Our Facebook Page" /></a>
<a href="https://www.twitter.com/lindamarlina40"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSR73y7EI3CmAXBHPAmKMfF2RlwItRLOzKiq8MJOfjyV9Mpn1hMWwC7EyMLdSfZpnEwXOTg0ZY4pMYL1GVvKmbN-8hol2MtnD4bZGg4LY5F7XRrpFFPlYYrd4-ZT9vZSnzZYQIwhcUXs/h120/Twitter-Home.png" title="Follow Our Updates On Twitter" /></a>
<a href="https://plus.google.com/u/0/112756918350798570373"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwsxRwf87IKIgiyzt0gBscagEqWKVnCpO91hcQZrsH-uHXzwzN_ulhiYQPM3rnP5LNLDSTBFY4e1fi84HaHckh80aDqJQCAJRmZw3MhFEXhqWqiq00IMdZHEhtYPyWjl1oG5m4bdHMQH8/h120/Google-Social-store.gif" title="Follow Us On Google+" /></a>
<a href="http://www.feeds.feedburner.com/pengembarabiru"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL6rUOr_-8wqPClwBtDpDKqE2v_11ehQd7nYtw_ebxn7UumobNckt3GAvXSFjWQIbUlxd858dgDv55W4C2spZAqTZ1FRYfmKGlsrYWDV4pEogx2MRr532vQ8PKFPdwrBkV-8OW950cRpo/h120/RSS-Home.png" title="Grab Our Rss Feed" /></a>
</p></center>
Catatan : saya kira agan sudah mengerti silahkan ganti kode yang berwarna merah sesuai dengan akun agan masing - masing
setelah itu simpan template agan dan lihat hasilnya..
semoga agan menyukainya selamat mencoba semoga bermanfaat....
No comments:
Post a Comment