Beranda » Uncategorized » Cara Membuat Tombol Share On Facebook,Digg dan Twitter

Cara Membuat Tombol Share On Facebook,Digg dan Twitter

T Diposting oleh pada 5 December 2011
F Kategori
b 2 komentar
@ Dilihat 337 kali
Selamat pagi sahabat Darmanto semua,semoga masih tetap semangat dalam beraktifitas and Happy Blogging.Dalam artikel ini,saya ada Tutorial Blog tentang Cara membuat tombol Share on facebook,Digg dan Twitter.


Membuat tombol share on facebook,digg dan twitter adalah salah satu tips blog buat mempermudah pengunjung kita bila hendak share salah satu artikel di blog kita yang dirasa bermanfaat buat di share kan ke orang lain.Bila artikel kita banyak yang share maka banyak banyak pula orang lain yang akan berkunjung ke bloh kita.Jadi termasuk kerugian buat kita bila tombol share on ini tidak ada di blog kita.Artikel ini juga sebagai jawaban saya atas pertanyaan sahabat saya yang masuk ke email saya setelah saya membuat tombol share on facebook di blog saya.

Ok sahabat, inilah Cara membuat tombol share on facebook,digg dan twitter.Langkah pertama adalah silahkan Sahabat Copy paste kode HTML di bawah ini:

<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 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>

Setelah itu buka dasbor blog sahabat dan klik:

RANCANGAN-EDIT HTML

Cari kode dibawah ini:

<div class=’post-body entry-content’>

-Setelah ketemu,pastekan kode yang tadi sahabat ambil,tepat diatas kode:
<div class=’post-body entry-content’>
-Perhatikan tulisan yang berwarna merah “User Name”.Ganti tulisan itu dengan akun milik Sahabat.

Begitulah Cara membuat tombol share on facebook,digg dan twitter.Semoga sahabat bisa berhasil membuatnya.

2 Komentar untuk Cara Membuat Tombol Share On Facebook,Digg dan Twitter

Silahkan tulis komentar Anda

Your email address will not be published. Required fields are marked *

*

a Artikel Terkait Cara Membuat Tombol Share On Facebook,Digg dan Twitter

Cara Praktis Membuat Blog Dofollow

T 22 November 2011F A admin

Sobat Darmanto dalam artikel kali ini Darmanto mau berbagi Tutorial Blog “Cara Membuat Blog Dofollow”. Apa itu Blog Dofollow…?  Dofollow adalah istilah untuk web atau blog yang jika kita memberikan komentar ke blog tersebut,maka berarti kita menaruh link ke blog... Selengkapnya

Membuat Menu Multi Tab

T 10 May 2012F A admin

Membuat Menu Multi Tab.Sobat Darmanto semua,sudah lama juga catatan ini ngga di update ya….Nah Pada update catatan saya kali ini saya akan berbagi catatan mengenai Cara membuat menu multi tab.Membuat menu multi tab ini adalah kelanjutan dari catatan beberapa waktu... Selengkapnya

Membuat Link Yang di Sorot Berkedip

Membuat Link Yang di Sorot Berkedip

T 8 June 2012F A admin

Membuat Link Yang di Sorot Berkedip.Setelah pernah dulu saya memberikan catatan cara membuat efek tulisan berkedip,kali ini saya akan berbagi lagi cara membuat link berkedip namun bila link ini di sorot mouse.Jadi nantinya bila sobat mengarahkan mouse ke link yang... Selengkapnya

+ SIDEBAR

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.