Cara Membuat Widget Social Media Flat Design Keren Di Blog - Nandea96
Artikel Terbaru
Loading...

Monday, 8 July 2019

Cara Membuat Widget Social Media Flat Design Keren Di Blog





Hy Semua. kali Ini Dea akan membagikan sesuatu. apakah itu?. yup. Dea 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..

Share with your friends

Give us your opinion

Selamat Datang Di Website Nandea96
Mohon untuk selalu mencuci tangan dengan air bersih serta sabun setiap 15 menit sekali agar terhindar dari covid-19 dan penyakit lainnya seperti diare. selalu gunakan masker ketika berpergian kemanapun 😷. meskipun itu hanya berbelanja sekitar 0.1 km atau ke tetangga. hindari kontak fisik dan beri jarak sekitar 2 meter dari jarak tempat kita berdiri dengan seseorang agar tidak memunculkan klaster baru yang tidak di-inginkan.

-Terimakasih 🙏-
Done