Cara Pasang Tombol Like Facebook, Tweet, Google+ dan Share

Setelah sukses memasang tombol "LIKE" di artikel blog, ternyata ada yang lebih menarik yaitu memasang tombol Like Facebook yang berdampingan dengan tombol Twetter Tweet, Google+ dan Share. Tombol yang lebih lengkap untuk memudahkan publikasi artikel kepada orang lain. Untuk memasang tombol "LIKE" saja, dapat mengunjungi artikel memasang facebook like di blog yang telah kami posting sebelumnya. Sebaiknya non aktifkan fitur share buttom bawaan blogger agar tombol share tidak double.

Tombol Like Facebook, Twetter Tweet, Google+ dan Share di blog bertujuan untuk memudahkan para pengunjung untuk membagi URL artikel kita ke situs jejaring sosial populer, apalagi kalau artikel kita di-like. Dengan me-like artikel di blog, maka membuka peluang artikel kita dibaca oleh orang lain lain karena dipromosikan oleh orang yang me-like atau share di facebook atau twetter.

Berikut langkah sederhana memasang tombol Like Facebook, Twetter Tweet, Google+ dan Share di blog :

1. Login terlebih dahulu di Blogspot.com

2. Masuk ke Tab design/rancangan

3. Tambah gadget HTML/ Javascript (dimana saja)

4. Copy paste script di bawah ini :


<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>

5. Simpan dan lihat hasilnya ^^

Tampilan di bawah artikel blog seperti di bawah ini :

Selamat Berkreasi ^^
Salam Sukses Penuh Inspirasi...!!