Cara memasang sosial media lengkap di blog

02.45.00
Cara memasang sosial media lengkap - akhirnya bisa update lagi, karena saya ada kesibukan di dunia nyata , baiklah sekarang saya membagikan cara membuat sosial media lengkap. Sosial media bagi Blog sangat dibutuhkan untuk membuat pengunjung dapat mengikuti blog kita, dan yang saya share adalah sosial media yang lengkap ada Facebook Fanspage, Twitter dan Google +. meskipun tidak semuanya...
widget ini sebenarnya dibuat oleh kang mousir dan saya edit sedikit biar tampak cerah.tampilan ada disamping ini, tidak berat untuk dipasang diblognya. langsung saja tanpa basa basi lagi...

Memasang Sosial Media Lengkap di Blog :
1. masuk ke edit template
2. lalu cari kode </body> dengan cara Ctrl+F
3. masukkan kode dibawah ini tepat diatas 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>
4. kemudian tambahkan gadget dan pilih  HTML/JavaScript, lalu simpan kode dibawah ini :
<div style="background:#333;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=4528952368826788719" target="_blank" title="Follow this blog"><span style="color:#fff">Join</span> <span style="color:#00A5FF">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/masafdo" 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/farifarikun" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @farifarikun</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://masafdo.blogspot.com"></div></div></div>
<div class="g-person" data-href="//plus.google.com/u/0/+Afdoghifariq" data-layout="landscape" data-rel="author"></div>
5. Simpan , dan lihat hasilnya :)

Note : 
  •  4528952368826788719 : ganti dengan ID blog kalian.
  •  https://www.facebook.com/masafdo : ganti dengan Url Fanspage kalian.
  •  Https://www.twitter.com/farifarikun : ganti dengan Url Twitter kalian dan juga ganti @farifarikun
  •  //plus.google.com/u/0/+Afdoghifariq : ganti dengan Url Google + kalian.
Sekian dari saya dari artikel Cara memasang sosial media lengkap di blog . Semoga Bermanfaat 

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

6 komentar

mantap gam,,, ijin coba,,

Balas

wuih keren nih gan widgetnyaa,ijin nyobaa yaa... kali aja pantes buat blog ane huehue

Balas

Wah Keren banget mas, ijin mau coba ya

Balas

Nice Info Gan

Balas

ni infonya keren. thanks gan langsung menuju tkp mau praktekin

Balas

ni infonya keren. thanks gan langsung menuju tkp mau praktekin

Balas

Sebelum Berkomentar silahkan kalian membaca artikel diatas....