Cara Membuat Widget Social Media Flat Design Keren Di Blog

Cara Membuat Widget Social Media Flat Design Keren Di Blog





Hy Semua. kali Ini aku akan membagikan sesuatu. apakah itu?. yup. aku akan memberikan sebuah widget. widget ini sangat berguna untuk menggaet para pengunjung. ya meski tidak sebanyak yang diperkirakan. jika kalian bertanya apakah widget ini responsive. sangat sangat responsive cocok untuk di blog yang ingin serba responsive :). nah widget social media ini sama demgan widget lainya. akan tetapi yang mmebuatnya berbeda ialah terdapat menu hover dan beberapa design yang cukup memanjakan mata. nah ingin memasangnya di blog kalian?. cukup ikuti langkah langkah dibawah ini...


Step By Step :

  • Buka Blog kalian disini.
  • Seperti biasa. carilah "Tata Letak".
  • Jika Sudah maka click/pilih "Tambah Gadget/Widget atau Add Gadget/Widget".
  • Maka akan muncul kotak tabel kecil memanjang.. disana pilih lah "HTML/JavaScript".
  • Copy dan pastekan kode dibawah ini tepat pada kolom "Konten".

<center>
<font size="4" color="#3f4040" font="Allerta,Allerta">My Social Media :</font>
<hr align="left" color="#3f4040" />

<style>
p#aquillien_nutties img {
border-radius: 2%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
p#aquillien_nutties img:hover {
-webkit-transform: scale(0.4, 0.4);
-moz-transform: scale(0.4, 0.4);
-ms-transform: scale(0.4, 0.4);
-o-transform: scale(0.4, 0.4);
transform: scale(0.4, 0.4);
}
</style>
<center><p id="aquillien_nutties">
<a href="URL AKUN FACEBOOK" target='_blank'>
<img border="0" src="https://1.bp.blogspot.com/-kwYsKUZAr8o/WWdiuRQEXvI/AAAAAAAAALs/RIt8G8g9Ipkx9R9xUGHOOB7hb34wZ3oQQCLcBGAs/s1600/Facebook1.png" /></a>

<a href="URL AKUN Twitter" target='_blank'>
    <img border="0" src="https://1.bp.blogspot.com/-GbqCHR63j_0/WWdi0zvfn3I/AAAAAAAAAMk/W4Ym9B-uZ1YrnBfBPMsicZDNk1Z2JQhewCLcBGAs/s1600/Twitter2.png" /></a>

<a href="URL AKUN GOOGLE+" target='_blank'>
    <img border="0" src="https://3.bp.blogspot.com/-E4N33hVBasw/WWdiwPaUeNI/AAAAAAAAAL0/klmy3S0QscEPnqgocJAEAs-U7IEVb7hawCLcBGAs/s1600/Google%252B2.png" /></a>

    <a href="URL AKUN Pinterest" target='_blank'>
    <img border="0" src="https://2.bp.blogspot.com/-5jhFhAvwDbo/WWdix-oDuHI/AAAAAAAAAMI/MF1s27-Wyg4p4vMunsnQvGmiBJzROJ_VgCLcBGAs/s1600/Pinterest2.png" /></a>


<a href="URL AKUN Instagram" target='_blank'>
    <img border="0" src="https://1.bp.blogspot.com/-dPxOI_VtfoA/WWdiw1s5OQI/AAAAAAAAAL8/AkGDMxc_OTkp8Z2CqQ1DzQOlzKOlStPcQCLcBGAs/s1600/Instagram2.png" /></a>


<a href="URL AKUN LINKEDIN" target='_blank'>
    <img border="0" src="https://1.bp.blogspot.com/-F6Cd_F6fsII/WWdixkn_jII/AAAAAAAAAME/tNRv2JkwICI2CYfACkENtKMG2Pg_GR_GwCLcBGAs/s1600/LinkedIN2.png" /></a>


<a href="URL AKUN Tumblr" target='_blank'>
    <img border="0" src="https://4.bp.blogspot.com/-PMT-LMsZmLA/WWdi7Rtfy0I/AAAAAAAAAM0/bqVzRgJ4AAMvq6opR_KksslFd1dCvjoPwCLcBGAs/s1600/tumblr2.png" /></a>


 <a href="URL AKUN RSS" target='_blank'>
    <img border="0" src="https://2.bp.blogspot.com/-5SP4VXRsYNo/WWdizikSVKI/AAAAAAAAAMY/7yk_NDJmVSkMB4mLbozwDLw0XZc85wUOQCLcBGAs/s1600/Rss2.png" /></a></p>
</center>

Ganti tulisan Merah Dengan Url Akun Social Media Kalian. Dan Jangan Lupa untuk mendapatkan hasil yang maksimal. taruh/pasang pada sidebar blog..