Cara Bikin Share Widget Facebook Twitter Di Blog

Jika anda mempunyai blog rasanya kurang begitu lengkap jika blog anda tidak dipasangi tombol share widget seperti facebook, twitter, pinterest, stumbleupon dan lain-lain. Fungsi dari tombol share widget ini adalah agar memudahkan anda dan para pembaca blog milik anda untuk menshare atau membagikan isi dari artikel blog anda kepada pembaca lainnya yang dishare melalui jejaring sosial seperti facebook dan twitter atau lewat situs sosbok. Manfaatnya yakni agar blog anda semakin mendapatkan pengungjung lewat artikel yang telah dishare melalui situs jejaring sosial dan sosbok tersebut.

tips blogging, share widget, tombol facebook, share twitter

Begitupula dengan blog milik saya ini, saya sengaja pasangi tombol share widget supaya jika ada pembaca blog ini yang tertarik dengan isi artikel blog saya ini kemudian ingin membagikannya kepada teman-temannya melalui situs jejaring sosial tinggal pencet saja gambar facebook dan twitter yang telah terpasang dibawah postingan artikel.

Nah, jika anda juga ingin seperti saya blog anda dipasangi tombol share widget facebook, twitter, pinterest, stumbleupon dan lain-lain. Melalui artikel ini saya coba berbagi sedikit informasi bagaimana Cara Bikin Share Widget Facebook Twitter Di Blog.

Silahkan langsung saja ikuti petunjuk yang saya berikan berikut ini.

1. Login ke blogger anda.
2. Pilih menu template
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Kemudian cari tulisan script ini <data:post.body/>
6. Setelah ketemu, salin script berikut ini kemudian pastekan dibawah script No. 5 tadi

<!--Share Widget-->
&lt;script type=&quot;text/javascript&quot; src=&quot;//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-50e2dd4449817447&quot;&gt;&lt;/script&gt;
&lt;script type=&#39;text/javascript&#39;&gt;
document.doAT = function(cl)
{
        var myclass = new RegExp(&#39;hentry&#39;);
        var myTitleContainer = new RegExp(&#39;post-title&#39;);
        var myPostContent = new RegExp(&#39;post-footer&#39;);
        var elem = this.getElementsByTagName(&#39;div&#39;);
        for (var i = 0; i &lt; elem.length; i++)
        {
            var classes = elem[i].className;
            if (myclass.test(classes))
            {                var container = elem[i];
                for (var b = 0; b &lt; container.childNodes.length; b++)
                {
                    var item = container.childNodes[b].className;
                    if (myTitleContainer.test(item))
                    {
                        var link = container.childNodes[b].getElementsByTagName(&#39;a&#39;);
                        if (typeof(link[0]) != &#39;undefined&#39;)
                        {
                            var url = link[0].href;
                            var title = link[0].innerHTML;
                        }
                        else
                        {
                            var url = document.url;
                            var title =  container.childNodes[b].innerHTML;
                        }
                        if (typeof(url) == &#39;undefined&#39;|| url == &#39;undefined&#39; ){
                            url = window.location.href;
                        }
                    var singleq = new RegExp(&quot;&#39;&quot;, &#39;g&#39;);
                    var doubleq = new RegExp(&#39;&quot;&#39;, &#39;g&#39;);                                                                                                                                                                                                                       
                    title = title.replace(singleq, &#39;&amp;#39;&#39;, &#39;gi&#39;);
                    title = title.replace(doubleq, &#39;&amp;#34;&#39;, &#39;gi&#39;);

                    }
                    if (myPostContent.test(item))
                    {
                        var footer = container.childNodes[b];
                    }
                }
               
                var addthis_tool_flag = true;
                var addthis_class = new RegExp(&#39;addthis_toolbox&#39;);
                var div_tag = this.getElementsByTagName(&#39;div&#39;);
                for (var j = 0; j &lt; div_tag.length; j++)
                {
                        var div_classes = div_tag[j].className;
                        if (addthis_class.test(div_classes))
                        {
                            if(div_tag[j].getAttribute(&quot;addthis:url&quot;) == encodeURI(url))
                            {                               
                                addthis_tool_flag = false;
                            }   
                        }
                }                if(addthis_tool_flag)
                {
                    var n = document.createElement(&#39;div&#39;);
                    var at = &quot;&lt;div class=&#39;addthis_toolbox addthis_default_style &#39; addthis:title=&#39;&quot;+title+&quot;&#39; addthis:url=&#39;&quot;+encodeURI(url)+&quot;&#39;   &gt; &lt;a class=&#39;addthis_button_facebook_like&#39; fb:like:layout=&#39;button_count&#39;&gt;&lt;/a&gt; &lt;a class=&#39;addthis_button_tweet&#39;&gt;&lt;/a&gt; &lt;a class=&#39;addthis_button_pinterest_pinit&#39;&gt;&lt;/a&gt; &lt;a class=&#39;addthis_counter addthis_pill_style&#39;&gt;&lt;/a&gt; &lt;/div&gt; &quot;;
                    n.innerHTML = at;
                    container.insertBefore(n , footer);
                }   
            }
        }
    return true;
};

document.doAT(&#39;hentry&#39;);
&lt;/script&gt;
<!--Share Widget End-->


7. Terakhir klik simpan template dan silahkan anda lihat hasilnya

Demikianlah artikel tentang Cara Bikin Share Widget Facebook Twitter Di Blog, jika masih ada kendala dalam pemasangan script tersebut bisa anda tanyakan lewat kolom komentar. Semoga Bermanfaat

Cara Bikin Share Widget Facebook Twitter Di Blog Rating: 4.5 Diposkan Oleh: Amru Sobar

2 comments:

Aang Rouf said...

mantap gan, terima kasih atas info nya

Amru Sobar said...

Sama-sama. Thanks juga atas kunjungannya.

Post a Comment