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, &#39;, gi);
                    title = title.replace(doubleq, &#34;, 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

Tidak ada komentar:

Posting Komentar