Cara memasang Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blogspot ternyata sangat mudah. Sebelum memasang Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blog, sebaiknya non aktifkan fitur share button bawaan blogger agar tombol share tidak tampil dobel.
Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blog berfungsi untuk memudahkan visitor dalam membagikan URL artikel kita ke situs jejaring sosial populer seperti facebook dan twitter. Dengan membagikan atau me-like artikel kita di blog, maka membuka peluang artikel kita akan dibaca banyak orang karena telah dipromosikan oleh orang yang me-like atau share artikel kita di facebook atau twitter.
Berikut tutorial cara mudah pasang Tombol Like Facebook, Twitter Tweet, Google+ & Share di Blogspot:
- Login ke blogger, masuk ke tab design/rancangan
- Tambahkan gadget HTML/Javascript dimana saja
- Copy paste kode/script berikut:
<!-- AddThis Button BEGIN -->
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<script type='text/javascript'>
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
for (var i = 0; i < elem.length; i++)
{
var classes = elem[i].className;
if (myclass.test(classes))
{
var container = elem[i];
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes[b].className;
if (myTitleContainer.test(item))
{
var link = container.childNodes[b].getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
else
{
var url = document.url;
var title = container.childNodes[b].innerHTML;
}
if (typeof(url) == 'undefined'|| url == 'undefined' ){
url = window.location.href;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');
}
if (myPostContent.test(item))
{
var footer = container.childNodes[b];
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_facebook_like' fb:like:layout='button_count'></a> <a class='addthis_button_tweet'></a> <a class='addthis_button_google_plusone' g:plusone:size='medium'></a> <a class='addthis_counter addthis_pill_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};
document.doAT('hentry');
</script>
<!-- AddThis Button END -->
- Save
- Hasilnya akan seperti ini dibawah setiap postingan:
Untuk membuat Tombol Like Facebook, Twitter Tweet, Google+ & Share dengan gaya lainnya, silahkan menuju penyedia layanan gratis ini di http://www.addthis.com
10 komentar:
wah keren...kunjungi balik gan.......
mantap gan sudah sya cba...
mampir balik ya..
makasih banget mas
manfaat banget infonya browww
thx yawwww....
mampir ya k blog Q...spa tau ada saran dan kritik yg bisa di berikan thx.
nice post gan .
saya coba di blog saya .
visit back yah
trims, visit back http://www.bocahdoko.co.cc/
sayangnya di theme saya sudah langsung tersedia...
Trimaksih ya mas...
silahkan juga berkunjung ke GUBUK SAYA
http://pelajar-mania.blogspot.com/
Terima kasih infonya....
Cool.......
Posting Komentar