Cara Membuat Widget Media Sosial Diblog

( BUAT WIDGET SOSIAL MEDIA )

 Kampoeng iLmu2 - Cara Membuat Widget Media Sosial Diblog , Widget Media Sosial Ini Terdiri Dari Facebook , Twiter ,G+ .Dan Widget Media Sosial Ini Sudah Valid HTML5 jadi Bisa Membuat Blog Kita Lebih Valid HTML Dan Fast Loading !. Dengan Adanya Widget Ini Penggunjung Blog Anda Bisa Mengenali Anda Lewat Widget Ini.

Cara Membuatnya :

- Pertama Kamu Masuk Kedasbor Blog Kamu ! :D
- Kedua klik TATA LETAK >> ADD GADGET .
- Ketiga Klik Atau Pilih HTML/Javascript .

- Keempat Copy Kode Javascript dibawah ini lalu pastekan ke HTML/Javascript :

<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="ID Blog"
 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;'>

<div style='background:#fff;margin:0;'>

<div class="fb-like-box" data-href="URL Fanpage Fb"
 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="URL Twitter" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @Nama Twitter</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="URL BLOG"></div></div></div>

<div class="g-person" data-href="//plus.google.com/ID Google+" data-layout="landscape" data-rel="author"></div>

<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>

KET :
Ubah ID BLOG Dengan ID Blog kamu !
Ubah URL FANS PAGE FB Dengan url fp facebook kamu.
Ubah ID Google Dengan Id Google Plus kamu !.

Kelima Klik Save Atau Simpan !! 8).

Nah Itulah Cara Membuat Widget Media Sosial Diblog Semoga Bermanfaat Dan Jika ada yang error bisa lapor di komentar ! :v

Share this :