24 October 2012

Membuat Tombol Kontak Facebook dan Twitter di Blog


Spinning icons by Latest Hack
Membuat tombol kontak Facebook dan Twitter di Blog. Untuk melihat seperti apa demo-nya silahkan klik tab blog "Bocah Kedoya" yang ada diatas artikel ini. sebelum Ente klik ikon "FB", Ente harus masuk dulu di facebook.com.

Kalau sudah melihat dan tertarik silahkan ikuti tutorial ini:
Kalimat yang berwarna merah ganti dengan akun Fb Ente(Kamu), sedangkan yang berwarna hijau ganti dengan akun Twitter Ente dan sedangkan yang berwarna Biru ganti dengan akun Feedburner.com Ente.Dibawah ini adalah kodenya, silahkan letakkan di "Sidebar" atau "Laman":







<style>p#socialicons img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} p#socialicons img:hover { -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg);} p#socialicons1 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;} p#socialicons1 img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} p#socialicons2 img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} p#socialicons2 img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}</style><br /> <center> <div id="socialicons"> <a href="https://www.facebook.com/pages/Bocah-Kedoya-Berbagi-Cerita-Lucu-Dan-Tebak-Tebakan-Penghilang-Stres/254248407993722" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-Q7l2AIANnbI/UApzYR4CKWI/AAAAAAAABDE/g7m_rz8dW0s/s1600/latesthack.com-facebook.png" /></a> <a href="http://www.twitter.com/adidoya80/" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-GHi-SgA9yWY/UApzaE6ooTI/AAAAAAAABDc/glSG637KE4U/s1600/latesthack.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/107877224551351252870" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-4sZkt3DbUxg/UApzY-Eda8I/AAAAAAAABDM/p8-j4asZm6Q/s1600/latesthack.com-google_plus.png" /></a> <a href="http://feeds.feedburner.com/adidoya/" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-qxygObBRqtM/UApzZd8YQNI/AAAAAAAABDU/Pxn3uOsVjeg/s1600/latesthack.com-rss.png" /></a></div>
</center> <div style="display: none;"> Spinning icons by <a href="http://www.latesthack.com/">Latest Hack</a></div>

0 komentar:

Post a Comment

Dilarang mempromosikan blog dengan URL.
Dilarang menulis URL blog di kotak "Name:"
Bila Ente melanggar, maka komentar Ente, Ane HAPUS !!!