Cara Membuat Tombol Share Slider Keren :

|| || || 5 komentar
Cara Membuat Tombol Share Slider Keren :
Salah satu keunggulan memakai widget share ini adalah :

1. Dibuat dengan CSS & HTML , tidak dengan JavaScript.
2. Loading benar - benar cepat.
3. Kecil dalam ukuran.

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode <data:post.body/>
7. Masukkan script dibawah ini tepat dibawah kode <data:post.body/>
8. Klik simpan template

1. MintShare Classic Float Left
MintShare-Compact
Script :
<!-- MintShare Classic Float Left -->
<div id='mintshare_fl'>
<a class='sharetext'><img src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjJPlaZjI/AAAAAAAAB30/CEjZh4qqaHE/s1600/share_text.jpg'/><!--[if gte IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class='flyout'>
<ul class='icons'>
<li class="drop-li"><a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgNAQmizI/AAAAAAAAB2U/2VkbLGhpa4M/s1600/facebook.png"/><b>Share on FB</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TScgIZerhzI/AAAAAAAAB2E/ST_gxGLJohc/s1600/twitter.png"/><b>Tweet This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgOkdfqSI/AAAAAAAAB2c/5F5RUTzVWPE/s1600/stumbleupon.png"/><b>Stumble It</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgL4XoGDI/AAAAAAAAB2Q/DWnz6QGT4j0/s1600/digg.png"/><b>Digg This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.technorati.com/faves?add=&quot; + data:post.url" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgPMjjl8I/AAAAAAAAB2g/weIEI7h1PJw/s1600/technorati.png"/><b>Technorati</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TScgJyQ-2lI/AAAAAAAAB2M/-ToPBuz9__U/s1600/delicious.png"/><b>Delicious</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>

<span class="get_mintshare"><a href="http://dhecun.blogspot.com/2012/12/kumpulan-widget-social-share-keren-ala.html/"><img src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjIL8FD-I/AAAAAAAAB3s/t31l6-BAi44/s1600/getmintshare.png"/></a></span>

</ul>
</div>
</div>
<!-- MintShare Classic Float Left End -->

2. MintShare Share Button
MintShare-Mini
Script :
<!-- MintShare Mini -->
<div id='mintshare_mini'>
<a class='sharetext'><b>Share This</b><!--[if gte IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class='flyout'>
<ul class='icons'>
<li class="drop-li"><a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd22PSeLI/AAAAAAAAB3M/ik_9DA-vzEk/s1600/facebook_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd5p1h2kI/AAAAAAAAB3c/MbeKBRValYk/s1600/twitter_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfd4XN-B_I/AAAAAAAAB3U/RWDByrttOSc/s1600/stumbleupon_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd2KgvGkI/AAAAAAAAB3I/wgYrRUzkPWQ/s1600/digg_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.technorati.com/faves?add=&quot; + data:post.url" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfd46l_gAI/AAAAAAAAB3Y/ZET5rqbQJMw/s1600/technorati_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd3k4ZNnI/AAAAAAAAB3Q/UIJ0qSGEaHg/s1600/reddit_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd6JqbBPI/AAAAAAAAB3g/C7TjBqdR1m0/s1600/yahoo_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd0lvepwI/AAAAAAAAB3E/jdZrJrv-1yM/s1600/delicious_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>

<span class="get_mintshare"><a href="http://dhecun.blogspot.com/2012/12/kumpulan-widget-social-share-keren-ala.html/">Get MintShare!</a></span>

</ul>
</div>
</div>
<!-- MintShare Mini End-->

3. MintShare Float Left
MintShare-Classic-Float-Left
Script :
<!-- MintShare Classic Float Left -->
<div id='mintshare_fl'>
<a class='sharetext'><img src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjJPlaZjI/AAAAAAAAB30/CEjZh4qqaHE/s1600/share_text.jpg'/><!--[if gte IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class='flyout'>
<ul class='icons'>
<li class="drop-li"><a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgNAQmizI/AAAAAAAAB2U/2VkbLGhpa4M/s1600/facebook.png"/><b>Share on FB</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TScgIZerhzI/AAAAAAAAB2E/ST_gxGLJohc/s1600/twitter.png"/><b>Tweet This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgOkdfqSI/AAAAAAAAB2c/5F5RUTzVWPE/s1600/stumbleupon.png"/><b>Stumble It</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgL4XoGDI/AAAAAAAAB2Q/DWnz6QGT4j0/s1600/digg.png"/><b>Digg This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.technorati.com/faves?add=&quot; + data:post.url" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgPMjjl8I/AAAAAAAAB2g/weIEI7h1PJw/s1600/technorati.png"/><b>Technorati</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TScgJyQ-2lI/AAAAAAAAB2M/-ToPBuz9__U/s1600/delicious.png"/><b>Delicious</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>

<span class="get_mintshare"><a href="http://dhecun.blogspot.com/2012/12/kumpulan-widget-social-share-keren-ala.html/"><img src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjIL8FD-I/AAAAAAAAB3s/t31l6-BAi44/s1600/getmintshare.png"/></a></span>

</ul>
</div>
</div>
<!-- MintShare Classic Float Left End -->

4. MintShare Float Top
MintShare-Classic-Float-Top
Script :
<!-- MintShare Classic Float Top -->
<div id="mintshare_ft">
<div class="mintshare-wrap"><a class="top-a">Share This<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="flyout">
<ul class="icons">
<li class="drop-li"><a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgNAQmizI/AAAAAAAAB2U/2VkbLGhpa4M/s1600/facebook.png"/><b>Share on FB</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TScgIZerhzI/AAAAAAAAB2E/ST_gxGLJohc/s1600/twitter.png"/><b>Tweet This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TScgOkdfqSI/AAAAAAAAB2c/5F5RUTzVWPE/s1600/stumbleupon.png"/><b>Stumble It</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgL4XoGDI/AAAAAAAAB2Q/DWnz6QGT4j0/s1600/digg.png"/><b>Digg This</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.technorati.com/faves?add=&quot; + data:post.url" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TScgPMjjl8I/AAAAAAAAB2g/weIEI7h1PJw/s1600/technorati.png"/><b>Technorati</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://4.bp.blogspot.com/_b8IA1ajBJG8/TScgJyQ-2lI/AAAAAAAAB2M/-ToPBuz9__U/s1600/delicious.png"/><b>Delicious</b><!--[if gte IE 7]><!--></a><!--<![endif]--></li>

<span class="get_mintshare"><a href="http://dhecun.blogspot.com/2012/12/kumpulan-widget-social-share-keren-ala.html/">Get MintShare Now</a></span>

</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
</div>
<!-- MintShare Classic Float Top End -->

5. MintShare Compact Float Top
Untitled+picture
Script :
<!-- MintShare Compact Float Top -->
<div id="mintshare_ft_c">
<div class="mintshare-wrap"><a class="top-a">Share This<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="flyout">
<ul class="icons">
<li class="drop-li"><a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc4hlSkGI/AAAAAAAAB3A/PKn_KP6sOQI/s1600/facebook_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc1xv38gI/AAAAAAAAB2w/lwdzgwzlC6I/s1600/twitter_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc3acrxMI/AAAAAAAAB24/t1KAd8-RvWU/s1600/delicious_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://1.bp.blogspot.com/_b8IA1ajBJG8/TSfc0ni5IlI/AAAAAAAAB2o/8voYpZbQST4/s1600/stumbleupon_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc3zp3I3I/AAAAAAAAB28/Hy-QUfKp2DQ/s1600/digg_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://www.technorati.com/faves?add=&quot; + data:post.url" class="drop-a"><img alt="" src="http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfc1TY3h1I/AAAAAAAAB2s/Mygg8K9VTac/s1600/technorati_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"  class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfcz_OapJI/AAAAAAAAB2k/ZbQmKQIbDXA/s1600/reddit_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href="&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" class="drop-a"><img alt="" src="http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfc2jCW-hI/AAAAAAAAB20/CLBoYPjxGf4/s1600/yahoo_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>

<span class="get_mintshare"><a href="http://dhecun.blogspot.com/2012/12/kumpulan-widget-social-share-keren-ala.html/">Get MintShare Now</a></span>

</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
</div>
<!-- MintShare Compact Float Top End-->

Semoga bermanfaat...!!!
/[ 5 komentar Untuk Artikel Cara Membuat Tombol Share Slider Keren :]\
Nandar Sunandar said...

aku suka nih sama MintShare Share Button.. thanks ya :D

jangan lupa mampir di blog saya :) http://nandarious.blogspot.com

adji sukmana said...

sama-sama gan., sip knjungan balik :)

Fachry syachrizal said...

8-)

Kharisma Ananda said...

siip gan work :D

Helmi Aceh said...

ane sudah pasang di blog ane gan tapi tombol tidak berfungsi, www.kuliadsense.tk

Post a Comment