CARA MEMBUAT WIDGET SOSIAL MEDIA BLOG

Media Sosial adalah Media online. Dengan media ini banyak orang berpatisipasi, berbagi dan menciptakan isi. Media ini banyak di gunakan di seluruh dunia. karena kemudahanya untuk bershare melalui akses internet, dengan itu sangat berguna untuk meningkatkan blog.

 

Multi cara akan sedikit memberi tutorial cara membuat media sosial di blog.

mari kita kerjakan bersama.

widget yang berisi tombol like dan profil
seperti Facebook,twitter,Google Plus dan Bloger

CARA MEMASANG WIDGET SOSIAL MEDIA
1. Masuk ke akun bloger
2. Simpan kode di bawah ini tepat di atas </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>

3. Tambahkan gadget dan pilih HTML /JAVA SCRIPT simpan kode di bawah 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=2525689254962850530" target="_blank" title="Follow this blog"><span style="color:#fff">Join</span> <span style="color:#000">Now</span></a><br /> </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/facebookmu" 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/twittermu" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @user name kamu</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://collectiontnshop.blogspot.com"> </div> </div> </div> <div class="g-person" data-href="//plus.google.com/109178350839652156518" data-layout="landscape" data-rel="author"> </div>

4. SIMPAN

PERHATIKAN
kode di atas

GANTI semua kode di bawah ini sesuai ID, Alamat, Akun, User name anda

www.facebook.com/facebookmu
twitter.com/twittermu
@user name kamu
collectiontnshop.blogspot.com
2525689254962850530
109178350839652156518