Widget Fandspage, Twitter, Google plus valid HTML5

Oleh Roronoa Alwei

Sabtu, 12 Maret 2016

Bagikan :

Tweet

Tidak sedikit para blogger memakai widget ini (termasuk saya sendiri), karena widget ini tidak memberatkan loading blog, tampilan simple dan valid HTML5, selain tidak memberatkan loading blog, widget ini sudah mencakup sebagian besar. Follower blogger, Fand page facebook, follower twitter (di foto tidak ada karena saya tidak memakai twitter), dan G+. jadi widget ini menggabung semua itu agar tidak memakan tempat pada tata letak...

langsung saja ya.

1. Login ke blogger>tata letak>Tambah gadget(tempat sesuai keinginan anda)>lalu pilih HTML/Javascript.

2. taruh kode HTML di bawah 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=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 a=document.createElement('script');a.type='text/javascript';a.async=true;a.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var b=document.getElementsByTagName('script')[0];b.parentNode.insertBefore(a,b)})();(function(){var a=document.createElement('script');a.type='text/javascript';a.async=true;a.src='http://platform.twitter.com/widgets.js';var b=document.getElementsByTagName('script')[0];b.parentNode.insertBefore(a,b)})();(function(){var a=document.createElement('script');a.type='text/javascript';a.async=true;a.src='https://apis.google.com/js/plusone.js';var b=document.getElementsByTagName('script')[0];b.parentNode.insertBefore(a,b)})();
//]]>
</script>

Nah Penjelasan nya bagi yang bingung saya akan menjelaskannya
Pada script saya menandakan text yang berwanda seperti ini  anda ganti dengan info data anda

-ID Blog anda bisa mendapatkan saat anda membuka daftar entri blog (lihat pada URL blog)
ID Blog saya (8294486122046934398) nah anda masukan ID blog anda

-URL Fanpage Fb anda bisa mendapatkannya saat anda berkunjung di fandpage fb (copy link nya taruh disini)

-Plus google saat anda di profile google plus (copy linknya)

-@Nama Twitter ya masa ga tau :v

Oke mungkin sekian dari saya. Jika ada yang belum faham silahkan comment yah

Tag : Widget Blog