Cara Membuat Widget Link Social Media diBlog

Widget Social Media | Social Media merupakan sarana komunikasi dunia maya (Internet), bukan hanya untuk sarana berkomunikasi saja, social media juga dapat dijadikan sebagai sarana bisnis.

Memasang widget social media merupakan hal penting bagi seorang pemilik website untuk mengoptimalkan mesin pencari google atau SEO (Search Engine Optimization), selain itu dengan memiliki akun social media baik itu berupa akun perorangan atau bisnis, kalian dapat menyebarkan atau membagikan konten yang kalian publikasikan di website kalian sebagai tempat Promosi.

Bukan hanya itu saja dengan memasang widget social media, para pengunjung dapat mengetahui informasi update artikel terbaru dari social media kita selama artikel terbaru tersebut kita bagikan di social media.

Nah pada tutorail kali ini saya akan membagikan bagaimana cara membuat widget link social media diblog, tentunya dengan memasang widget social link ini akan membuat blog kalian akan menjadi lebih menarik, dan para pengunjungpun dapat mengakses akun social media kalian. Yuk simak bagaimana cara membuat widget Social Link untuk blogger.

Cara Membuat Widget Link Social Media :
1. Pertama Login dulu ke  Blogger ,
2. Pada menu blogger, Masuk ke menu Tema Kemudian Pilih Edit HTML
3. Copykan kode CSS dibawah ini dan pastekan tepat diatas kode  </b:skin>

#anirocksosmed {max-width:100%}
#anirocksosmed-widget {background:#fff;text-align:center;border-top:2px solid #ff69b4;border-radius:5px;padding:6px;box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);}
.anirocksosmed a{display:inline-block;text-align:center;color:#fff;margin:0px 5px;border-radius:100%;}
.anirocksosmed a:hover{transform: translateY(-10px);box-shadow: 0 2px 7px rgba(255,255,255,.82), inset 0 2px 7px #b3feff;transition: all .5s ease-in-out;}
.anirocksosmed a i{font-family: Fontawesome;width: 32px;height: 32px;padding:5px;line-height: 32px;display: block;}

5. Kembali ke dashboard blogger, kemudian Masuk ke menu Tata Letak Kemudian Pilih HTML/Javascript,
6. Selanjutnya, copy dan pastekan kode HTML dibawah ini

<div id='anirocksosmed'>
  <div id='anirocksosmed-widget'>
<div class="anirocksosmed">
<a style="background: #3b5999;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Facebook"><i class="fa fa-facebook"></i></a>
<a style="background: #00abf0;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a>
<a style="background: #3fbb50;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Whatsapp"><i class="fa fa-whatsapp"></i></a>
<a style="background: linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Instagram"><i class="fa fa-instagram"></i></a>
<a style="background: #f50000;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow our Youtube"><i class="fa fa-youtube-play"></i></a>
</div>
  </div>
</div>

6. Terakhir Simpan/save.

Pada teks yang saya beri highlighter kalian ganti dengan Alamat URL Akun Social Media kalian.

Sekian tutorial bagaimana cara membuat widget link social media yang dapat saya bagikan, selamat berkunjung kembali^^.

Semoga Bermanfaat :D

DEMO