Membuat Share Button, yang Sangat Simple



Tombol membagikan artikel pastinya sangat berguna di blog sobat, selain untuk mempublikasikan blog sobat bisa juga membuat Mesin pencari mudah menemukan blog sobat.

Sekian banyaknya tombol share yang di buat untuk blogger, di sini saya akan memberikan Cara membuat Share Ke yang seperti ada di blog saya.


Untuk lebih cepatnya sobat mencobanya di blog sobat sendiri inilah tutorialnya:

MEMBUAT SHARE KE, PRAKTIS :


1. Pastinya sobat harus login dulu donk ke blog sobat.
2. Rancangan > Edit Html
3. Jangan Lupa juga sobat Centang Expand Widget Template
4. Sobat Cari dahulu kode <div class="post-body entry-content"> , Apabila tidak ketemu silahkan sobat cari kode yang agak mirip - mirip dengan kode tersebut.
5. Letakan kode di bawah ini tepat di atas <div class="post-body entry-content">



<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'><div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>Share this history on : </div><div style='float:left;padding-left:10px;'><a name='fb_share' type='button_count'/> <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script></div><div style='float:left;padding-left:10px;'><a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><div style='float:left;padding-left:10px;'><a class='DiggThisButton DiggCompact'/><script type='text/javascript'>(function() {var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];s.type = &#39;text/javascript&#39;;s.async = true;s.src = &#39;http://widgets.digg.com/buttons.js&#39;;s1.parentNode.insertBefore(s, s1);})();</script></div><div style='float:left;padding-left:10px;'><a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div></div></b:if>

6. Di atas ada tulisan yang berwarna merah  "User Name" Silahkan sobat ganti dengan nama Twitter sobat.
Contoh Share artikel sobat di twitter :
Membuat Share ke yang Sangat Simple http://blablabla via @blogcodelain


Semoga Artikel saya berman'faat dan semoga berhasil .



0 Response to "Membuat Share Button, yang Sangat Simple"

Post a Comment