Membuat Widget Social Network Dengan Effect Keren

Tutorial kali ini saya share tentang Cara Membuat Social Network Widget Keren. Gimana cara pasangnya? silahkan ikuti tutorial berikut ini. ...

Tutorial kali ini saya share tentang Cara Membuat Social Network Widget Keren. Gimana cara pasangnya? silahkan ikuti tutorial berikut ini. Lebih kurang seperti gambar di bawah ini.

Cara membuat Widget Social Network

Login ke accunt blogger sobat.

Pilih rancangan atau tatak letak kemudian, Klik tambah gadget.

Pilih opsi HTML/Javascript

Lalu copy-pastekan kode dibawah ini.

<style>
p#socialicons 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#socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
/* Spinning Social Icons Widget By bloggertrix.com */
</style>
<center>
<p id="socialicons">
    <a href="URL facebook sobat"><img border="0" src="http://4.bp.blogspot.com/-U4-lm-VG-Rs/UAFFARjvXBI/AAAAAAAACKg/5eXZk3g6JTw/s1600/facebook.png"/></a>
    <a href="URL twitter sobat"><img border="0" src="http://1.bp.blogspot.com/-v1j9lvjPaks/UAFFDtW2I2I/AAAAAAAACK4/7ux4VptLkk0/s1600/twitter.png"/></a>
    <a href="URL google plus sobat"><img border="0" src="http://1.bp.blogspot.com/-TatTDxZ7QlQ/UAFFBg8qgCI/AAAAAAAACKo/_iyTQXBwEEw/s1600/googleplus.png"/></a>
    <a href="URL feedburner sobat"><img border="0" src="http://1.bp.blogspot.com/-y8Gyyv6mVpY/UAFFCqff4dI/AAAAAAAACKw/p84nEbEoIIo/s1600/rss.png"/></a>
    <a href="URL youtube sobat"><img border="0" src="http://2.bp.blogspot.com/-UykY0xp20bw/UAFFEpCKPAI/AAAAAAAACLA/eOimlneyMyc/s1600/youtube.png"/></a>
</p>
</center>

Note : silahkan ganti tulisan bercetak tebal dengan URL Social Networks sobat

Terakhir, Klik save dan selesai.