Cara Cepat Membuat Widget Tombol Follow Media Sosial yang Responsive di Blogger

Cara Cepat Membuat Widget Tombol Follow Media Sosial yang Responsive di Blogger

Cara Cepat Membuat Widget Tombol Follow Media Sosial yang Responsive di Blogger - Tombol follow media sosial, merupakan sala satu widget yang penting bagi sebuah blog yang professional.

Yups, dimana pengunjung yang senang dengan artikel disebuah blog, biasanya mereka mem-follow salah satu akun media sosial blog tersebut. Agar mereka selalu mendapatkan info artikel terbaru dari blog itu.

Widget ini berisi beberapa tombol follow media sosial seperti Facebook, twitter, Youtube, yang dirancang agar blog dengan akun media sosial tersebut saling terhubung. Dan, memiliki tampilan kotak-kotak kecil yang didalamnya terdapat icon masing-masing media sosial.

Tentunya, widget tombol follow media sosial ini sangatlah responsive dengan segala template blog kalian.

Lalu bagaimana cara membuat widget tombol follow media social ini di blogger ?

Sebelum kalian masuk ke tutorialnya, biarkan Saya memberikan penjelasan sedikit akan pentingnya widget ini untuk blog kalian.

Mengapa kita harus memasang widget tombol follow media sosial di Blog ?


Sebenarnya, setiap blogger perlu meningkatkan faktor keterlibatan pengunjungnya di blog mereka. Agar, pengunjung tersebut merasa betah akan blog tersebut dan juga meningkatkan nilai keprofesionalan sebuah blog.

Selain itu, adanya widget ini juga memungkinkan pengunjung untuk mengikuti pribadi/blog/bisnis kalians. Serta media promosi bagi blog kalian secara gratis.

Disamping itu, kalian juga harus membuat widget tombol share media sosial juga di blog tersebut. Untuk memperkuat media promosi blog kalian di media sosial dan tentunya, kalian akan mendapatkan backlink gratis dari berbagai media sosial tersebut,

Cara Cepat Membuat Widget Tombol Follow Media Sosial yang Responsive di Blogger


Cara Cepat Membuat Widget Tombol Follow Media Sosial yang Responsive di Blogger
  • Pertama, login ke akun blogger kalian.
  • Lalu, kalian klik opsi Tema => klik Edit HTML.
  • Setelah itu, kalian diwajibkan untuk memasang font awesome di blog tersebut. Dengan cara, pastekan kode dibawah ini sebelum kode </head>. Kemudian, simpan perubahan.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
  • Untuk menambahkan widget tombol follow media sosialnya, kalian buka opsi Tata Letak => klik Tambahkan Widget (Rekomendasi di bagian sidebar) => cari dan pilih HTML / Javascript. => pastekan kode dibawah ini di situ.
Cara Cepat Membuat Widget Tombol Follow Media Sosial yang Responsive di Blogger

<style>
.to-social-follow{width:300px;padding:10px;margin:0}.to-social-follow .fa{font-size:18px;padding:16px;text-align:center;margin:5px 2px;width:20%;text-decoration:none;color:#fff}.to-social-follow .fa:hover{opacity:.7}.to-social-follow .fa-facebook{background:#3B5998}.to-social-follow .fa-twitter{background:#55ACEE}.to-social-follow .fa-google{background:#dd4b39}.to-social-follow .fa-linkedin{background:#007bb5}.to-social-follow .fa-youtube{background:#b00}.to-social-follow .fa-instagram{background:#125688}.to-social-follow .fa-pinterest{background:#cb2027}
</style>
<div class="to-social-follow">
<a href="#" class="fa fa-facebook" target="_blank"></a>
<a href="#" class="fa fa-twitter" target="_blank"></a>
<a href="#" class="fa fa-google" target="_blank"></a>
<a href="#" class="fa fa-linkedin" target="_blank"></a>
<a href="#" class="fa fa-youtube" target="_blank"></a>
<a href="#" class="fa fa-pinterest" target="_blank"></a>
</div>
Ganti setiap tanda ‘#’ dengan url profile akun media sosial milik kalian.

Akhir Kata …..

Semoga tutorial diatas berhasil untuk kalian terapkan di blog tersebut. Oke, sekian saja artikel tentang cara cepat membuat widget tombol follow media sosial yang responsive di blogger. Semoga bermanfaat dan terimakasih.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel