Home » » Memasang Widget Social Media Di Blog

Memasang Widget Social Media Di Blog



1. Login ke akun blogger.com anda
2. Kemudian pilih Layout/Design
3. Klik Tambahkan Widget/Add a Gadget
4. Lalu pilih HTML/Javascript




5. Copy kode dibawah ini dan paste di widget blog anda.

<style>p#abt_socialicons img {
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
p#abt_socialicons img:hover {
    -moz-transform: rotate(160deg);
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
</style>
<center><p id="abt_socialicons">
    <a href="https://www.facebook.com/yurissandi007"target="blank">
<img border="0" src="https://lh5.googleusercontent.com/-Wg6R3S4r5JI/UbF-4VJKR1I/AAAAAAAABDs/2PplXc_j1X8/s64-no/Facebook+jagged+edge.png" /></a>
    <a href="https://twitter.com/yurissandi007"target="blank">
<img border="0" src="https://lh5.googleusercontent.com/-3iBkoYvzlgg/UbGGPX4AkGI/AAAAAAAABHM/AJQHPaO8IPM/s64-no/jagged+twitter.png" /></a>
    <a href="https://plus.google.com/117986192813427774274/posts"target="blank">
<img border="0" src="https://lh6.googleusercontent.com/-fBPGk_pVrU0/UbF_QRttjTI/AAAAAAAABE0/t2RiWvw-Vd8/s64-no/google+plus+jagged+edge.png" /></a>
    <a href="http://mosof.blogspot.com/feeds/posts/default"target="blank">
<img border="0" src="https://lh3.googleusercontent.com/-rk3xOrnclFs/UbF_Yt7rnnI/AAAAAAAABFY/QuutSV-0iUM/s64-no/RSS+jagged+edge.png" /></a></p></center>



Biru : ganti dengan link akun facebook anda.
hijau : ganti dengan link akun twitter anda.
merah : ganti dengan link akun plus.google anda.
kuning : ganti dengan link akun feed_Rss anda.

1 comments: