tahukah anda ? visitor blog bukan hanya dari google (search engine) tapi bisa juga dari media sosial.
anda pastinya ingin kan membuat WIDGET SOSIAL MEDIA Yang responsivem oke kali ini saya akan memberikan tutorialnya karna sudah lama tidak memberikan tutorial blog
LANGKAH LANGKAH :
1.Buka blogger > Template > Edit HTML
2.Tekan Ctrl + F Lalu Tulis </body> lalu tekan enter
3.Pastekan Code dibawah Ini Tepat Diatas Code </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.Klik Simpan Template
5.Masuk Ke Menu Tata Letak > Klik Tambahkan Gadget > Pilih HTML / Java Script
6.Pastekan Code 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=106254869506140328795" target="_blank" title="Follow this blog"><span style="color:#fff">Sosial Media</span> <span style="color:#000">Web Tekhnologi</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/Web-Tekhnologi-Muhammad-Ikhwan/600989086619399" 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/ikhwan_1933" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Follow @ikhwan_1933</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://webtekhnologi.blogspot.com"></div></div></div>
<div class="g-person" data-href="//plus.google.com/106254869506140328795" data-layout="landscape" data-rel="author"></div>
NB :
- Ganti Link Berwarna Hijau Menjadi Link Fanspage Anda
- Ganti Link Berwarna Merah Dengan Link Twitter Ada
- Ganti Link Berwarna Biru Tua Dengan Username Twitter Anda
- Ganti Link Berwarna Biru Muda Dengan Link Blog Anda
7.Klik Simpan & Lihat Hasilnya
Bagaimana artikel CARA MEMBUAT WIDGET SOSIAL MEDIA YANG RESPONSIVE gampang dan mudah kan ???
5 komentar
Silahkan Anda Berkomentar Sesuai Topic Dengan Komentar Relavan,Jika Ingin Mendapatkan Backling Bisa Berkomentar Menggunakan "Name / URL" & Komentar Spam Akan Dihapus Otomatis