Tampilkan postingan dengan label tweet. Tampilkan semua postingan
Tampilkan postingan dengan label tweet. Tampilkan semua postingan

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
Selengkapnya