Widget Sosial Media Lengkap


Widget Sosial Media adalah widget yang berisi tombol like dan profile seperti Facebook, Twitter, Google Plus dan Blogger. Widget ini diperlukan untuk blog agar para pengunjung tidak berinteraksi dengan blog saja, namun di Sosial Meida juga. 

Cara Memasang Widget Sosial Media Lengkap

1. Masuk pada akun Blogger anda
2. Lalu pilih Template, kemudia pilih Edit HTML
3. Simpan kode dibawah ini diatas </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 masuk ke Tata Letak, Klik Tambahkan Gadget dan Pilih HTML/Javascript,       lalu simpan 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=4446744748420438894" 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://www.facebook.com/Renovocblog" 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/BimantoroYanuar" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @BimantoroYanuar</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://renovoc.blogspot.com"></div></div></div><div class="g-person" data-href="//plus.google.com/100323693093614597301" data-layout="landscape" data-rel="author"></div>

Pengaturan
Untuk mengganti alamat pada kode diatas perhatikan kode yang saya tandai, selanjutnya tinggal ganti sesuai pnegaturan dibawah ini.

Kode :

1. 4446744748420438894 : Ganti ID Blog Anda
2. https://www.facebook.com/Renovocblog : Ganti Dengan Alamat Fans Page Anda
3. https://twitter.com/BimantoroYanuar : Ganti Dengan Alat Twitter Anda
4. @BimantoroYanuar : Ganti Username Twittter Anda
5. http://renovoc.blogspot.com : Ganti Alamat Blog Anda
6. 100323693093614597301 : Ganti Dengan ID Google Plus Anda



Previous
Next Post »