Cara Membuat Tombol Twitter, Google Plus Dan Facebook Like Valid HTML 5

Minggu, 09 Februari 2014

Laba-Laba Blog - Selamat siang kawan sudah 9 hari saya tidak memposting sama sekali dan pada hari ini saya akan memposting sebuah artikel tentang Cara Membuat Tombol Twitter, Google Plus dan Facebook Like Valid HTML 5. Sudah banyak sekali blogger-blogger indonesia yang memakai widget ini serta sudah banyak juga postingan-postingan tentang ini, saya mendapatkan postingan ini dari blog kang ismet. Pada widget ini tidak memiliki kelebihan atau pun kekurang serta widget ini hanya memiliki efek keren saja. Berikut cara-cara memasang widget ini.

Script HTML Valid 5 untuk Twitter

<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

Script HTML Valid 5 untuk Google Plus

<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
<script type='text/javascript'>
window.___gcfg = {lang: 'id'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Script HTML Valid 5 untuk Facebook

<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21"' style='border:none; overflow:hidden; width:90px; height:21px;'/>

Cara Pemasangan

1. Masuk ke blogger.
2. Dasbor => Template => Edit HTML.
3. Cari kode </body>.
5. Salin kode dibawah ini kemudian tempelkan dibawah kode tadi.

<div id='fb-root'/>
<script>//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=352634211479923";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

6. Untuk menambah kode Facebook Like Button, simpan kode ini di tempat mana kode akan dimunculkan

<div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>

7. Simpan.

Sumber: http://blog.kangismet.net