Memasang Widget Sosial Media Di Blog

Pada kesempatan kali ini kami akan membagi informasi cara memasang widget sosial media di blog. Widget sosial media merupakan widget yang terdapat berbagai macam tombol sosial media seperti facebook, twitter, google plus dan sosial media lainnya.

 

Apa keuntungan menggunakan widget sosial media? Seorang blogger sangat berharap dapat berinteraksi kepada pengunjung blognya melalui media sosial dan tidak hanya di berinteraksi di blog saja. Keuntungan lainnya yaitu pengunjung yang mengikuti media sosial kita dapat lebih mudah memperoleh update terbaru dari blog kita.

Baca Juga: Cara Membuat Tombol Media Sosial Melayang Di Blog

Berikut Cara Memasang Widget Sosial Media di Blog

•  Pertama-tama login ke akun blog Sobat
• Klik tab Template >> lalu Edit HTML. Sebelum itu backup template blog Sobat dahulu untuk antisipasi kesalahan. Copy-Paste kode ajaib dibawah ini tepat di atas kode </body>

 <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>

• Selanjutnya masuk ke tab Tata Letak >> klik Tambah Gadget dan pilih HTML/JavaScript, lalu Copy-Paste kode dibawah ini.

 <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=7549026780471874057" target="_blank" title="Follow this 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://web.facebook.com/7i74n" 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/Uchu28" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @yusufkarim</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://www.yusufkarim.web.id/"></div></div></div>
<div class="g-person" data-href="//plus.google.com/110921871738966109474" data-layout="landscape" data-rel="author"></div>

• Lalu Simpan.

Keterangan:

Ganti alamat sosial media pada kode diatas sesuai alamat sosial media Sobat.
Merah >> ID Blog Sobat
Kuning >> Alamat Fans Page Sobat
Hijau >> Alamat Twitter Sobat
Biru >> Username Twitter Sobat
http://www.yusufkarim.web.id/ >> Alamat Blog Sobat
110921871738966109474 >> ID Akun Google Plus Sobat

Jika Sobat mengalami kesulitan bisa berkomentar di bawah ini. Semoga bermanfaat. Terimakasih ;)

loading...

Share :

Tweet

More

Jika Sobat menyukai Artikel di blog ini, Silahkan klik disini, atau dengan memasukkan Email Sobat dikolom subcribe dibawah. untuk berlangganan artikel gratis via email. Dengan begitu Sobat akan mendapat kiriman artikel setiap ada artikel yang terbit di yusufkarim.web.id

Related Post