Cara Membuat Share Button 2

Cara Membuat Share Button 2

6 Comments

share button
Share Button kali ini sebenarnya adalah pengembangan dari add this, sedikit perubahan tampilan biar keren, hehehee :). Mungkin beberapa kawan-kawan blogger mempunyai pilihan lain, dan ini suatu pilihan yang patut anda coba. Ok gak usah panjang lebar, langsung aja kita praktek...ikuti langkah di bawah ini.

  • Log in ke blog anda
  • Klik Rancangan
  • Klik Edit HTML
  • Centang Expand Template Widget
  • Cari Kode <data:post.body/>
  • Copy dan Paste kode berikut sesudahnya
  • Bila anda sudah pasang readmore, pasang aja pada <data:post.body/> yang pertama



<div align='left'>
<span class='post-icons'>

<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='left'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZOVR0-9QK_0hn-nYetuRny9-bI_pD7abnEiiZlXZrpYg-Mj2ziZReKAmFScCpAiBfp6Q6_J0qZ9hPNR0kWBUqNPidJ1VxZcMCkU42LbfnZUCOkHEVpRdcrEuHwajLwCNDKVWTfrxzaTPx/s400/share-this.png'/></p><!-- Widget Title , Share This Start, Remove Or Leave-->

<!-- Stumbleupon Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAde4DABrBZXDPEVeBsKyYZ8hTTLALpYeQa-bZso1VQYGMXf9l6lIDpjZUPiYbL0jKiMB_ovSTeoP3oh3JtFREHQZvs2NyqMTGHMTwi4m_4M9PMbx-DYxOAGw7i7tPP-Ejg1eq60m0SlY/s200/stumbleupon.png'/></a>
<!-- Stumbleupon Button End, Remove Or leave -->

<!-- Technorati Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPt49tlAPV5bNDzlLrtC7iDfZA5AZGtgVtN8qZ2nNQzbvTNIVEIIpIp0HA5yaXOf0vdnMk2B6ZZPZMhmWL-V73mIThQDoiOeeIIfOLW60EnELeNgEZM-RMzmID9l4rjPBGWVXWRG2N34/s200/technorati.png'/></a>
<!-- Technorati Button End, Remove Or leave -->

<!-- Delicious Button Start, Remove Or leave -->
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMwvaonJxchUQE5S_aEZKIQR22l6tkUxslj3vpX1Grfih6KEKIOYrXGESezrW2HpZxO4JiQTsc7EhN6peqpFVUvUqG3-QdoM_PuhopXElxlgDnxUtoDcOk5QU-FC35pepBDxvjqSsoR50/s200/delicious.png'/></a>
<!-- Delicious Button End, Remove Or leave -->

<!-- Digg Button Start, Remove Or leave -->
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxy69MyG07unzGLoWKc1dNsbHiquCvA7mrsbgJm_-skjCKvJ1NJHAcZO8Wk1zKM0YVuMBcIZuidPcHEHYzYiT1wLxe8MROGGd1H4GAOwJ3Ue1vi0UUqh13hZOO1-hi2zbpwSqV-mTLZAM/s200/digg.png'/></a>
<!-- Digg Button End, Remove Or leave -->

<!-- Reddit Button Start, Remove Or leave -->
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUy1txyEk1dzu7zFloLKw0HQGV6rTD9GsdaJ8eHPZTvaZVFaXwaVT0Dtd21sLVFCkP3ex3yeLPHlk6C_k_MtiJcIHl9viPKst2L2ag8iG4w63HytfxH2f9DzWjZd32cfE0mx-lvTi2Lwk/s200/reddit.png'/></a>
<!-- Reddit Button End, Remove Or leave -->

<!-- FaceBook Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit9Dwo3ZPMv6YD3pcrJG0yKj3-QakD6Pq3QIDebrtHIjWz3SAKU9L9NlWd0EckibAo0GazRLT35lhAHeIcZizB4FG4f27CRAfDqT6lK6lqpOMEaJHlFcf14TXdszeBpubuIXjgdHTKJ80/s200/facebook.png'/></a>
<!-- FaceBook Button End, Remove Or leave -->

<!-- Yahoo Button Start, Remove Or leave -->
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJA6hnSNkrPQRaP_gL0uwWyz1KgOyPCSSBGB0LpM-_kApQvJholMne560RGvaFVAoGssqBhW8AtV0zRSEHyPmxkooZSbX9AMXJHnos7X5nHmzhDdAIimW4aXwhyphenhyphenjMywU_47YEdyA2plM/s200/yahoo.png'/></a>
<!-- Yahoo Button End, Remove Or leave -->

<!-- Twitter Button Start, Remove Or leave -->
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;
apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='&quot;return TweetAndTrack.open(this, &quot;&quot; + data:post.url + &quot;&quot;);&quot;' href='#'>
<span style='display:none;'>I&#39;m reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
<!-- Twitter Button End, Remove Or leave -->

</span>
</div>



  • Selanjutnya simpan template
  • Lihat hasilnya dan jangan lupa komentar yaa yyyuuuuhhhuuuuu :)
  • Selamat Mencoba dan sukses selalu


''keep spirits and do the best'' 
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.