Cara Membuat Social Sharing Icon Angry Birds

Cara Membuat Social Sharing Icon Angry Birds - Selamat datang di situs media global terbaru Xivanki, Pada halaman ini kami menyajikan informasi tentang Cara Membuat Social Sharing Icon Angry Birds !! Semoga tulisan dengan kategori social media !! ini bermanfaat bagi anda. Silahkan sebarluaskan postingan Cara Membuat Social Sharing Icon Angry Birds ini ke social media anda, Semoga rezeki berlimpah ikut dimudahkan Allah bagi anda, Lebih jelas infonya lansung dibawah -->


Cara Membuat Social Sharing Icon Angry Birds - Buat sobat blogger yang ingin membuat social sharing icon dengan tampilan yang berbeda, mungkin tips yang satu ini bisa di coba. Social sharing yang kali ini saya share berbentuk angry bird. Social share ini selain bentuknya yang unik, juga sangat berbeda dengan social share yang lain. Dan tips ini saya dapat dari blognya mas www.vikrymadz.web.id.

Seperti apa Cara Membuat Social Sharing Icon Angry Birds ini ?? silahkan sobat ikuti step-step berikut :
  • Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
/* Vikrymadz */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

  • Kemudian buka menu tata letak > add gadget/tambah gadget (HTML/JavaScript)
  • Lalu masukkan kode dibawah ini
<ul class="bubblewrap">

<li><a href="https://plus.google.com/112967100591602380317"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiencTU0xHiN5aSFIBirUUCRq8Ucp6rjSNI4eJrfhI6m_TMHKLwsUGKMIZ2sNaC1YhOX4sSngiiJb6qQCA6zmGyaMC1cTGc3JTY25y_SZiZ3yKBaf0EGRHuyErozrgTVegzfSML7CCkokE/s1600/bloggertrix-googleplus.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzn0Hm9o-aVPxTTGavdk6LZiAo2K2GE12XlkmjLUmGQ1raNuWAeBygdh7Fr79YqVNfWy9udbWoQMcKt6rFLyeM3J7OsffEElo_K4xvx7-WfRLyDMlqo1APkvK-ly9J0vToR_pDPaTmJkY/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.youtube.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9J-JO_shpa5GvMvzMyJCnzx1bWBI4yn02vyUJJc-aiVr5NvVD6r0pKnPVyqM_ZxXw9LrJ0MXeLivQ96SnQnFJ_QHE63E9sHFSyL-_L0wJ2lE0sTft0k9cL_MSO2JLf7oGfC4Z35yyd8g/s1600/bloggertrix-youtube.png" title="Add to Youtube" /></a></li>

<li><a href="http://www.twitter/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwaJH400qQPJyfZTayNAulklTTJgalAVoA0iMh2JO33KMuCL4AhnzPF69h552pPEba_XcpJK17p1VnRcj6jO18kddMZUW2iK200gCVVLV_7hc2avyTYhxw-1lbv4IpmBOAhkxXIhpJ920/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYd3vOPaNbPvIwDNgmM-U-OmRG03gfw3fuqSvFw4imPmwDSU9EGrZ7SZcoLDtp5zZg0LF8IzvWRgep0otEwdZYPcpNWWyMk0F5-7IfrAML2m03kW0qhc5_4QF3jn2tQxun_BeI94EPIJM/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul>

  • Simpan
Sampai disini sobat sudah mempunyai social share icon yang berbeda dengan yang lain, yaitu social share berbentuk angry bird.

Selamat Mencoba, Semoga bermanfaat.

Demikian info Cara Membuat Social Sharing Icon Angry Birds, Semoga dengan adanya postingan ini, Anda sudah benar benar menemukan informasi yang memang sedang anda butuhkan saat ini. Bagikan informasi Cara Membuat Social Sharing Icon Angry Birds ini untuk orang orang terdekat anda, Bagikan infonya melalui fasilitas layanan Share Facebook maupun Twitter yang tersedia di situs ini.

أحدث أقدم