BLOG INI AKAN DI UPDATE PADA PERTENGAHAN TAHUN 2018 DIKARENAKAN ADMIN MASIH SIBUK DENGAN TUGAS SEKOLAH, SETELAH LULUS AKAN BANYAK ARTIKEL YANG BARU, TETAP STAY YA KUNJUNGI WWW.WEBTEKHNOLOGI.BLOGSPOT.COM

CARA MEMBUAT WIDGET SOSIAL MEDIA YANG RESPONSIVE

Selamat malam,Kali ini kita akan membahas CARA MEMBUAT WIDGET SOSIAL MEDIA YANG RESPONSIVE
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

Author
avatar

wah ini yang lagi saya cari car, terima kasih sudah di share caranya ya

Balas
Author
avatar

oke sama sama :)

Balas
Author
avatar

sulit juga yah ane tampilin di blog malah kaga muncul muncul

Balas
Author
avatar

ikuti tutorialnya pasti kepasang gan :D

Balas
Author
avatar

sedikit bingung min hehe, tapi akan saya coba lagi pelan2...
dc power supply

Balas

Silahkan Anda Berkomentar Sesuai Topic Dengan Komentar Relavan,Jika Ingin Mendapatkan Backling Bisa Berkomentar Menggunakan "Name / URL" & Komentar Spam Akan Dihapus Otomatis