Selasa, 18 Februari 2014
Cara memasang Tombol Like Facebook Twitter Tweet Google Share di Blogspot
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
Sumber : http://kangasepsule.blogspot.com/2011/12/cara-mudah-memasang-tombol-like.html
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar