Home » Blog Tips » Cara Membuat Widget Sosial Media di Side Bar Blog Keren

Cara Membuat Widget Sosial Media di Side Bar Blog Keren

Tips/Cara Membuat Widget Sosial Media di Side Bar Blog Keren - Sosial media memang menjadi salah satu tempat bagi para blogger untuk menautkan link postingannya kepada para masyarakat yang bermain sosial media tersebut dengan begitu dapat menjadi aspek terpenting suatu blog memiliki sosial medianya sendiri. Ok sob, kali ini mas jonny mau sedikit membagikan kepada pembaca mengenai cara membuat widget sosial media, sudah pada tahu belum ? kalau belum sini mas jonny kasih tau caranya.
( Baca Juga : Cara Membuat Button Share Media Sosial Ringan )

Sosial Media

Tips Membuat Widget Sosial Media di Side Bar Blog Keren
  • Pertama masuk ke Template > Edit HTML
  • Kedua cari kode </body> dan tempatkan kode dibawah ini tepat diatas kode </body> tadi.
<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>
  • Jika sudah Simpan Template,
  • Masuk ke Tata Letak > Add Gadget > HTML/Javascript
  • Jika sudah menambah HTML silahkan masukkan kode dibawah ini kedalam kotak HTML/Javascriptnya.
<div style="background:#3498db;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=6468424141157353512" target="_blank" title="Follow My Blog"><span style="color:#fff">Join</span> <span style="color:#000">Now</span></a>
</div>
<div style='background:#fff;margin:0;border:1px solid #ccc;border-bottom:none;border-top:none'>
<div style='background:#fff;margin:0;'>
<div class="fb-like-box" data-href="https://www.facebook.com/Mas-Jonny" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="false"></div></div>
<div style="background:#fff; border-top:1px solid #ccc;margin:0; padding:5px 0 5px 40px"><a href="https://twitter.com/Mas__Jonny" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Follow Terus @Mas__Jonny</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://masjonny.blogspot.com"></div></div></div>
<div class="g-person" data-href="//plus.google.com/102592988300883286057" data-layout="landscape" data-rel="author"></div>
  • Silahkan ganti semua script berwarna hijau diatas dengan semua data blog anda.
Demikianlah Tips Membuat Widget Sosial Media di Side Bar Blog Keren semoga dapat bermanfaat bagi anda semua, Happy Blogging.......