Hasil gogling Buat tombol like FB,Twetter G+..
Langsung saja ya gak usah basa basi lagi dah, hehehe....
Masuk ke akun blogger Anda/ dasbor
Klik Menu template > Edit HTML> centang Expand Template Widget. Jangan lupa untuk memback up template sobat dengan cara mendownloadnya.
Masukkan dulu kode di bawah ini tepat di atas kode </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
kode ini adalah kode javascript untuk memunculkan tombol Google+1, jika kode tersebut sudah ada, maka tidak perlu dimasukkan lagi.
4. Kemudian Copy kode di bawah ini ;
<b:if cond='data:blog.pageType == "item"'>
<table border='0'><tbody><tr>
<td><a class='twitter-share-button' data-count='horizontal' data-via='rhisdroid' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=85&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:22px;'/></td>
<td><!-- script begin here -->
<script src='http://www.lintas.me/assets/scripts/widget_v2.js?uid=4f49908afb8252a83a003d79' type='text/javascript'/>
<script type='text/javascript'>
lintasme.init('right'); // options : left, top, bottom, right
</script>
<!-- End script --></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
</b:if>
Ganti kode twitter rhisdroid dengan nama akun twitter sobat. Sobat juga bisa menghapus kode berwarna biru, jika mau. Widget tersebut adalah kode javascript untuk web directory lintas.me
5. Masukkan kode di atas pada kode-kode ini:
jika ingin memasang share button di bawah postingan blog cari kode berikut, dan masukkan kode tadi, tepat dibawahnya kode ini.
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
</div>
Jika ingin memasang share button diatas postingan / di bawah judul postingan, masukkan tepat di bawahnya kode berikut,
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
Kemudian klik pratinjau terlebih dahulu, jika tidak error berarti share button sudah terpasang di blog. Klik Simpan Template. Share button ini akan ditampilkan di halaman posting bukan di menu utama / homepage. Oleh karena coba buka salah satu postingan blog sobat untuk melihatnya apakah sudah bekerja dengan baik.
Source : Blogbelajar
Masuk ke akun blogger Anda/ dasbor
Klik Menu template > Edit HTML> centang Expand Template Widget. Jangan lupa untuk memback up template sobat dengan cara mendownloadnya.
Masukkan dulu kode di bawah ini tepat di atas kode </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
kode ini adalah kode javascript untuk memunculkan tombol Google+1, jika kode tersebut sudah ada, maka tidak perlu dimasukkan lagi.
4. Kemudian Copy kode di bawah ini ;
<b:if cond='data:blog.pageType == "item"'>
<table border='0'><tbody><tr>
<td><a class='twitter-share-button' data-count='horizontal' data-via='rhisdroid' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=85&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:22px;'/></td>
<td><!-- script begin here -->
<script src='http://www.lintas.me/assets/scripts/widget_v2.js?uid=4f49908afb8252a83a003d79' type='text/javascript'/>
<script type='text/javascript'>
lintasme.init('right'); // options : left, top, bottom, right
</script>
<!-- End script --></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
</b:if>
Ganti kode twitter rhisdroid dengan nama akun twitter sobat. Sobat juga bisa menghapus kode berwarna biru, jika mau. Widget tersebut adalah kode javascript untuk web directory lintas.me
5. Masukkan kode di atas pada kode-kode ini:
jika ingin memasang share button di bawah postingan blog cari kode berikut, dan masukkan kode tadi, tepat dibawahnya kode ini.
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
</div>
Jika ingin memasang share button diatas postingan / di bawah judul postingan, masukkan tepat di bawahnya kode berikut,
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
Kemudian klik pratinjau terlebih dahulu, jika tidak error berarti share button sudah terpasang di blog. Klik Simpan Template. Share button ini akan ditampilkan di halaman posting bukan di menu utama / homepage. Oleh karena coba buka salah satu postingan blog sobat untuk melihatnya apakah sudah bekerja dengan baik.
Source : Blogbelajar
