Bagaimana Caranya Membuat Widget Sosial Media yang dengan Valid Html5

Pada pertemuan kali ini akan saif  share Bagiamana Caranya Membuat Widget Sosial Media yang dengan Valid Html5 seperti pada Join Now di samping:
Berikut ini tentang langkah-langkah Bagiamana Caranya Membuat Widget Sosial Media yang dengan Valid Html5:

1. Silakan masuk pada akun www.blogger.com
2. Kemudian Tambahkan Gadget dan pilih HTML/JavaScript, lalu simpan kode dibawah ini

<div style="background:#E903F9;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=5247793033105090825" 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="https://www.facebook.com/saifdesain" 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/saif_desain" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @saif_desain</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://www.saifdesain.com">
</div>
</div>
</div>
<div class="g-person" data-href="//plus.google.com/107537205737225711769" 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>

3. Silahkan ubah:

• 5247793033105090825 dengan Id Blog
• https://www.facebook.com/saifdesain dengan URL Fanpage Fb
• https://twitter.com/saif_desain dengan URL Twitter
• Ikuti @saif_desain dengan Ikuti @Nama Twitter
• http://www.saifdesain.com dengan URL BLOG
• 107537205737225711769 dengan ID Google+

Bagaimana Caranya Membuat Widget Sosial Media yang dengan Valid Html5 2014-12-02T01:15:00-08:00 Rating: 4.5 Diposkan Oleh: Ebook Adsense