Cara Membuat Widget Sosial Media Responsive

Larepct.com- cara membuat widget sosial media yang responsive dan lengkap, sesuai keinginan kita. Sudah lengkap kah blog Anda dengan adanya follow sosial media jika belum, di tulisan ini akan membahas cara membuat widget follow sosial media

Seperti demo gambar diatas tapi tenang Anda bisa menambahkan sosial media apapun dan warna bentuk apapun, sesuai selera dan sesuai keinginan tentunya, Sebelum itu apakah penting follow sosial media itu didalam blog

Jawabanya iya tergantung sih tetapi dari pengalaman dan dari pengamatan kebanyakan blog memiliki follow medsos dari blog kecil sampai dengan blog besar, widget follow sosial media berguna untuk memberitau pengunjung, bahwa blog tersebut tersedia juga di sosial media contohnya facebook instagram dan lain-lainya

Bermacam-macam bentuk dan tata letak didalam blog entah yang menempel atau menyatu didalam template blog, ataupun di widget blog, tergantung selera penempatanya

Cara membuat widget sosial media yang responsive di blog

1. Login blogger
2. Pilih menu tata letak
3. Tambah widget HTML/JavaScrip
4. Copy paste kode dibawah ini kemudian simpan selesai

<style>
.rtm-socials-icons{margin:0 0 25px 0}
.rtm-socials-icons ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.rtm-socials-icons ul li:before{display:none}
.rtm-socials-icons ul li{margin:0;padding:0;list-style:none;float:left;width:35px;height:35px;line-height:35px;text-align:center;background:#ff3d00;font-size:21px;margin-right:35px;margin-bottom:5px;opacity:.9;border-radius:3px;}
.rtm-socials-icons ul li:hover{opacity:1;}
.rtm-socials-icons ul li a{line-height:35px;display:block;color:#fff}
.rtm-socials-icons ul li a:hover{color:#000}
.rtm-socials-icons ul li.paypal{background:#0000ff}
</style>
<div class="rtm-socials-icons mom-socials-widget">
<ul>
<li class="facebook"><a href="https://www.facebook.com/okegoo/" rel="dofollow" target="_blank" title="Follow Facebook"><i class="fa fa-facebook-official"></i></a></li>
<li class="instagram"><a href="https://www.instagram.com/ukim_lp/" rel="dofollow" target="_blank" title="Follow Instagram"><i class="fa fa-instagram "></i></a></li>
<li class="youtube"><a href="https://www.youtube.com/channel/UCzCj6SsinM2zCChffz0uGmg" rel="dofollow" target="_blank" title="Subscribe Youtube"><i class="fa fa-youtube-square "></i></a></li>
<li class="paypal"><a href="#" rel="dofollow" target="_blank" title="Berdonasi Untuk Blog Ini"><i class="fa fa-cc-paypal"></i></a></li></ul></div>

Silahkan sesuaikan sendiri semenarik mungkin seselera Anda mungkin kemudian setelah disesuaikan lalu simpan dan lihat hasilnya, kalaupun masih ada kesulitan dalam cara membuat widget follow sosial media atau cara memasangnya silahkan ditanyakan di kolom komentar dibawah

Baca disini : Cara membuat tampilan blog menjadi rapi

Oke cuman seperti itu postingan singkat ini, mudah-mudahan bermanfaat selamat mencoba semoga berhasil terimakasih, Happy blogging