Tuesday 31 December 2013

Cara Membuat Tombol Share Keren Dibawah Postingan Blog

Assalamualaikum Syedara..!!

Kali ini saya akan berbagi tutorial Cara Membuat Tombol Share Keren Dibawah Postingan Blog. Wuih, dari namanya saja udah pasti keren banget kan. fungsi dari tombol share tersebut agar lebih memudahkan visitor untuk membagikan artikel yang sudah kita posting ke dalam beberapa media sosial seperti facebok, twitter, google+, lintasme dan jejaring sosial lainnya.


Ikuti Caranya sebagai berikut :
  • Login ke Blogger
  • Pilih Template dan Edit Html
  • Cari Kode ]]></b:skin> , dan paste kan kode dibawah ini tepat DIATAS kode ]]></b:skin> tadi.
.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}.fcbok { background: #3B5999; }.twitt { background: #01BBF6; }.gplus { background: #D54135; }.digg { background: #5b88af; }.lkdin { background: #005a87; }.tchno { background: #008000; }.ltsme { background: #fb8938; }
  • Kemudian cari lagi kode <data:post.body/> , dan letakkan kode dibawah ini tepat DIBAWAH kode <data:post.body/> tadi (jika diblog anda ada 4 buah kode yang sama, pilih saja yang ke 3, atau coba saja satu persatu :D ) atau bisa juga diletakkan DIBAWAH kode <div class='post-footer'>
<!-- kode share artikel bohjak.blogspot.com -->
<div class='widgetshare'>
TOLONG BAGIKAN ARTIKEL INI :
<a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='tchno' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
<a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");
//]]>
</script>
</div>
 <!-- kode share artikel  bohjak.blogspot.com -->
  • Simpan Template dan lihat hasilnya. 
Selamat Mencoba..!! semoga berhasil..!! :D

BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin

Unknown

Perhatian : Semua artikel blog ini sudah diprotect, Bagi yang ingin copy-paste artikel ini, mohon lampirkan sumber linknya. Terima Kasih!

7 komentar:

  1. Replies
    1. jelas gaan..
      dijamin para pengunjung bakalan terpesona :>) :d

      Delete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Replies
    1. waduhh gan,,klo gak work,,ane gak tau jg solusinya gmna,,heheh,,,
      soal pas ane pasang,,aman2 aja :D

      Delete
  4. sangat menarik sekali nih, bertambah lagi ilmu saya....
    makasih banyak.

    ReplyDelete

 

Copyright @ 2015 INFORMASI DAN TEKNOLOGI.

Designed by Deddy De Gazaa | Boh Jak