Widget Sosial Media yaitu widget yang berisi tombol like dan profile menyerupai Facebook, Twitter, Google Plus dan Blogger. Widget ini sangat diharapkan untuk blog supaya pengunjung sanggup berinteraksi tidak hanya di blog saja, namun di Sosial Media juga. Baca juga artikel ihwal sosial media Membuat Tombol Facebook, Twitter dan Google Plus Valid HTML5.
2. Simpan arahan dibawah ini diatas arahan
Sumber http://kang-mousir.blogspot.com
Cara Memasang Widget Sosial Media Lengkap
1. Silakan masuk pada akun blogger Anda2. Simpan arahan dibawah ini diatas arahan
</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. Kemudian Tambahkan Gadget dan pilih HTML/JavaScript, kemudian simpan arahan 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=4618488608224214041" target="_blank" title="Membuat Widget Sosial Media Lengkap"><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/Mousirr" 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/KangMousir" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @KangMousir</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://lifeakandistar.blogspot.com"></div></div></div> <div class="g-person" data-href="//plus.google.com/107577168276378903527" data-layout="landscape" data-rel="author"></div>
4. Terakhir Simpan Pengaturan
Untuk mengganti alamat pada arahan diatas perhatikan arahan yang Saya tandai, selanjutnya tinggal ganti sesuai pengaturan dibawah ini ;)Kode | Keterangan |
---|---|
4618488608224214041 | Silakan ganti dengan ID blog Anda |
https://www.facebook.com/Mousirr | Ganti dengan alamat Fans Page Anda |
https://www.twitter.com/KangMousir | Ganti dengan alamat Twitter Anda |
@KangMousir | Ganti dengan username Twitter Anda |
http://lifeakandistar.blogspot.com/ | Ganti dengan alamat blog Anda |
107577168276378903527 | Ganti dengan ID akun Google Plus Anda |
Membuat Widget Sosial Media Lengkap
4/
5
Oleh
Admin