Cara Membuat Widget Social Media Keren di Blog

Widget social media untuk blog ini memuat like box fanpage facebook, follow twitter, tombol share. Widget social media ini saya bilang cukup sederhana karena tidak terlalu ramai dan tidak pula terlalu simpel, dan dari segi penampilannya cukup keren dan dengan memasang widget social media ini di blog sobat tentu akan mempercantik/memperindah tampilan blog sobat.


Cara Membuat Widget Social Media Keren di Blog

Pertanyaannya apakah fungsi dari widget sosial media ini? untuk apa dipasang pada blog? Jawabannya karena blog dan sosial media memiliki hubungan erat dan saling mendukung satu sama lain, misal Anda pasang widget sosial media pada blog Anda maka akun sosial media Anda akan bertambah jumlah like dan pengikutnya, sebaliknya jika Anda membagikan link blog pada akun sosial media maka backlink yang mengarah ke blog Anda akan meningkat begitu pula terjadi pada peningkatan pengunjung atau visitor blog.

Selain fungsi promosi yang telah disebutkan di atas, widget sosial media ini juga memiliki fungsi sebagai hiasan, atau dengan kata lain akan membuat blog Anda lebih berwarna, keren, indah, bergaya dari sebelumnya. Dengan adanya widget ini diharapkan blog kita lebih enak dipandang oleh pengunjung. Seperti yang telah disebutkan, widget sosial media ini terdiri dari fanpage facebook, twitter follow, dan juga followers di bawahnya. Silahkan Anda simak tutorialnya di bawah ini.

Berikut langkah-langkahnya:

1. Login ke Akun Blogger.

2. Masuk ke Dasbor Blog > Tata Letak > Tambahkan Gadget.

3. Pilih HTML/JavaScript lalu salin dan letakkan kode berikut ini di dalamnya.

<div style='background:#fff;margin:0;border:0px;border-bottom:none;'>
<div style='background:#fff;margin:0;'>
<div class="fb-like-box" data-href="https://www.facebook.com/WhyCom" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div></div>
<div style="background:#fff; border:1px solid #ccc;margin:0; padding:5px 0 5px 40px">
<a href="https://twitter.com/WhyCom" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @WhyCom</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="https://why-com.com">
</div>
</div>

<script type='text/javascript'>
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})();
//]]>
</script>

Keterangan:

  1. Ganti WhyCom dengan ID Facebook Fanpage kamu.
  2. Ganti Whycom dengan ID atau Username Twitter kamu.


4. Klik Simpan dan lihat hasilnya.

Itulah tadi postingan singkat tutorial blogger tentang cara membuat/memasang widget social media keren di blog, semoga cara yang disampaikan di atas dapat bermanfaat untuk sobat blogger semua. Jangan lupa share postingan ini ke teman-teman kalian dan jika ada yang ingin ditanyakan silahkan kirim melalui kolom komentar di bawah.

Sekian, terima kasih.
Bynix Saya hanyalah blogger pemula yang ingin sukses didunia blogging

Berlangganan update artikel terbaru via email:

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel