Cara Membuat Widget Sosial Media Lengkap
Cara Membuat Widget Sosial Media Lengkap - Kali ini hostze akan Memberikan tips cara membuat Widget Sosial Media keren dan Lengkap widget ini berisi tombol like dan profile seperti Facebook, Twitter, Google Plus dan Blogger. Widget ini memudahkan pengunjung agar dapat berinteraksi tidak hanya di blog saja, namun di Sosial Media juga ok langsung saja di simak Cara Membuat Widget Sosial Media Lengkap.
Langkah - Langkah Cara Memasang Widget Sosial Media Lengkap
2. Kemudian Masuk Dasbor -> Template -> Edit HTML.
2. Simpan kode dibawah ini diatas kode </body>
Kodenya :
4. Lalu pilih HTML / Javascript.
5. Kemudian Masukan Kode HTML / Javascript lalu klik simpan.
Kodenya :
Catatan :
Gantilah kode diatas perhatikan kode yang Saya tandai, Nanti tinggal anda ubah sesuai yang anda.
Langkah - Langkah Cara Memasang Widget Sosial Media Lengkap
1. Silakan Login pada akun Blogger Anda
2. Kemudian Masuk Dasbor -> Template -> Edit HTML.
2. Simpan kode dibawah ini diatas kode </body>
Kodenya :
<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>
5. Kemudian Masukan Kode HTML / Javascript lalu klik simpan.
Kodenya :
<div style="background:#0015FF;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;"> <a href="http://www.blogger.com/follow-blog.g?blogID=111530662257448244435" 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/pages/Hostze/238174349709606" 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/hostze" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @hostze</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://hostze.net"></div></div></div> <div class="g-person" data-href="//plus.google.com/111530662257448244435" data-layout="landscape" data-rel="author"></div>
Catatan :
Gantilah kode diatas perhatikan kode yang Saya tandai, Nanti tinggal anda ubah sesuai yang anda.
- 111530662257448244435 = Silakan ganti dengan ID blog Anda
- https://www.facebook.com/pages/Hostze/238174349709606 = Ganti dengan alamat Fans Page Anda
- https://www.twitter.com/Hostze = Ganti dengan alamat Twitter Anda
- @Hostze = Ganti dengan username Twitter Anda
- http://www.hostze.net/ = Ganti dengan alamat blog Anda
- 111530662257448244435 = Ganti dengan ID akun Google Plus Anda