Kumpulan Widget Social Share dan Cara Pemasanganya di Blog

Widget social share memang penting untuk memenuhi kebutuhan blog agar sebagai upaya untuk menyebarluaskan postingan blog kita ke dalam jejaring-jejaring sosial seperti facebook, twitter, RSS, dll. Widget Social Share sangat membantu untuk meningkatkan trafik dan page rank blog, sebagaimana mestinya juga sebagai upaya untuk menarik pengunjung blog agar mau share artikel-artikel dari blog kita ke jejaring social. Namun Widget Social Share juga perlu di perhatikan karena berbagai macam Widget Social Share sekarang sudah tersedia berbagai tampilan dan kelengkapan fiturnya, sehingga anda bisa menyesuaikan untuk memilih tampilan widget mana yang anda rasa cocok untuk di pasang kedalam blog anda dan bisa menarik pengunjung. Berikut Kumpulan Widget Social Share dan Cara Pemasanganya di Blog :

1. Pada Dashboard Blogger anda klik Template > Edit Html > centang kotak Expand Widget Templates.

2. Gunakan tombol Ctrl + F untuk mencari kode <data:post.body/>

3. Copy salah satu kode dibawah kemudian letakan di bawah kode <data:post.body/>

Kode 1

<b:if cond='data:blog.pageType == "item"'>  <a href='http://mas-andes.blogspot.com'><img alt='SEO Blogger Tips Trik & Tutorial' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style> img{border:0;} #wrapper{width:488px; height:110px; background-image:url(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOFzLGt8lbI/AAAAAAAACJY/wwmlFp9QAGc/s1600/share+the+knowledge+bookmark+gadget.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;} #wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;} #wrapper li{float:left;} </style> <div id='wrapper'> <ul> <li>  <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TN_2ZUI3cZI/AAAAAAAACIs/_RB2J8f8KL0/s1600/Social_Stumble.png' width='48'/></a> </li><li>  <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TN_2Yd_oS_I/AAAAAAAACIg/A8hWMRw5uCY/s1600/Social_Delicious.png' width='48'/></a> </li><li>  <a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TN_2ZNj-QjI/AAAAAAAACIo/KNVpxuOc7xQ/s1600/Social_Reddit.png' width='48'/></a> </li><li>  <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='nofollow' target='_blank'><img alt='Fave On Technorati' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOFyfnpf73I/AAAAAAAACJQ/ga4qfZj5Xps/s1600/Social_Technorati.png' width='48'/></a> </li><li>  <a expr:href='"http://buzz.yahoo.com/buzz?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Buzz This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TN_2ZqCl10I/AAAAAAAACIw/_zO2ii0f_h8/s1600/Social_Yahoo_Buzz.png' width='48'/></a> </li><li>  <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOFyqD0aa0I/AAAAAAAACJU/htmFv-6FCkI/s1600/Social_Twitter.png' width='48'/></a> </li><li>  <a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TN19nLV8ihI/AAAAAAAACHI/-Nh7a36NvyE/s1600/digg+48_48.png' width='48'/></a> </li><li>  <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TN_2Y0zIffI/AAAAAAAACIk/X6Cs6hasj-U/s1600/Social_Facebook.png' width='48'/></a> </li></ul></div><a href='http://mas-andes.blogspot.com' target='_blank'><font color='#ccc' size='small'>Social Share Widget</font></a><br/>  </b:if>

Kode 2

<b:if cond='data:blog.pageType == "item"'>  </a><style> img{border:0;} #wrapper{width:488px; height:110px; background-image:url(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOKbzxgS1NI/AAAAAAAACKg/E5DjOXFiakI/s1600/share+the+wealth+bookmarks.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;} #wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;} #wrapper li{float:left;} </style> <div id='wrapper'> <ul> <li>  <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOKWcudp-EI/AAAAAAAACKc/41q5ZoNu7ic/s1600/stumbleupon_48x48.png' width='48'/></a> </li><li>  <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOKWbmpwzfI/AAAAAAAACKQ/0iJ82jV-4T4/s1600/delicious_48x48.png' width='48'/></a> </li><li>  <a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOKWcfsV-vI/AAAAAAAACKY/l2TIWYhaYJQ/s1600/reddit_48x48.png' width='48'/></a> </li><li>  <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='nofollow' target='_blank'><img alt='Fave On Technorati' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOKWbII-uzI/AAAAAAAACKI/xdw5GzUBdmQ/s1600/technorati_48x48.png' width='48'/></a> </li><li>  <a expr:href='"http://buzz.yahoo.com/buzz?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Buzz This Post' height='48' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOKWGoNDXAI/AAAAAAAACJ8/LZTTZeGT-xM/s1600/yahoo_64.png' width='48'/></a> </li><li>  <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOKWHlEJsLI/AAAAAAAACKE/sdq6QUO-GSg/s1600/twitter_64.png' width='48'/></a> </li><li>  <a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOKWcK20C_I/AAAAAAAACKU/U7nw6vlf2vg/s1600/digg_48x48.png' width='48'/></a> </li><li>  <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOKWHPVl7SI/AAAAAAAACKA/vgOfAHch2tE/s1600/facebook_64.png' width='48'/></a> </li></ul></div><a href='http://mas-andes.blogspot.com' target='_blank'><font color='#ccc' size='small'>Social Share Widget</font></a><br/>  </b:if>

Kode 3

<b:if cond='data:blog.pageType == "item"'>  <a href='http://mas-andes.blogspot.com'><img alt='SEO Blogger Tips Trik & Tutorial' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style> img{border:0;} #wrapper{width:488px; height:110px; background-image:url(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOUsav_DrAI/AAAAAAAACM8/JWmxuNWravI/s1600/new+share+the+love+blogger+gadget.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;} #wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;} #wrapper li{float:left;} </style> <div id='wrapper'> <ul> <li>  <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0X7tfh3I/AAAAAAAACNs/aEM8IfPXpC8/s1600/facebook_48.png' width=''/></a> </li> <li>  <a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0bKGfM_I/AAAAAAAACOI/eD6RwrNBong/s1600/digg_48.png' width=''/></a> </li> <li>  <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZG2fyCI/AAAAAAAACN0/Ifbvr6oJYOE/s1600/stumbleupon_48.png' width=''/></a> </li> <li>  <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Z0BGgmI/AAAAAAAACN8/IBT2GfEcaLw/s1600/twitter_48.png' width=''/></a> </li> <li>  <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aM9knhI/AAAAAAAACOA/dgKVV1vdL8s/s1600/delicious_48.png' width=''/></a> </li><li>  <a expr:href='"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aoSmaOI/AAAAAAAACOE/e5Scya0TuYk/s1600/design_float.png' width=''/></a> </li><li>  <a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Y-gGblI/AAAAAAAACNw/d7qTgIqkonk/s1600/reddit.png' width=''/></a> </li><li>  <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='' src='http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZvpwxXI/AAAAAAAACN4/opB4ZX4-YXI/s1600/technorati_48.png' width=''/></a> </li></ul></div><a href='http://mas-andes.blogspot.com' target='_blank'><font color='#ccc' size='small'>Social Share Widget</font></a><br/>  </b:if>

4. Save Template.

Blog Mas Andes

Kumpulan Widget Social Share dan Cara Pemasanganya di Blog

Berlangganan artikel via email

Kumpulan Widget Social Share dan Cara Pemasanganya di Blog

Next

Newer Post

Previous

Older Post

Berlangganan artikel via email