Cara Membuat Widget Tombol Share (tombol berbagi) Sosial Media (Facebook, Twitter, Google Plus) di Bawah Postingan Blog.

Nah pada postingan kali ini admin blogruanginformasi akan berbagi buat anda semua yakni Cara Membuat Widget Tombol Share (Share Button dibawah Postingan Blog.

Share Button atau Tombol Berbagi merupakan suatu widget social media yang berfungsi untuk menambah jumlah visitor atau pengunjung bagi blog kita masing masing dan juga agar postingan tersebut bisa tersebar ke dunia maya hanya dengan klik tombol tersebut.

Berikut ini Cara Membuat Widget Tombol Share di Bawah Postingan Blog:

• Login di Blogger.com 
• Masuk ke Dashboard > Template 
• Terus click Edit HTML > lalu tekan tombol di keyboard secara bersamaan "CTRL + F" > maka muncul kotak search . 
• Kemudian cari kode ]]></b:skin> jika sudah copas kode CSS dibawah ini diatas kode tersebut.

#share-button{overflow:hidden}#share-button p{float:left;display:block;padding:5px 8px!important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{float:left;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;left:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}

• Copas kode berikut ini di bawah kode <data:post.body/> yang ketiga atau yang terakhir:

<b:if cond='data:blog.pageType == "item"'><div id='share-button' style='margin-top:8px;'> <p> <span style='font-size:17px;font-weight: bold;'>Share This Post</span></p> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='"https://plus.google.com/share?url=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a><a expr:href='"http://www.blogger.com/share-post.g?blogID=" + data:blog.blogId + "&postID="+ data:post.id + "&target=twitter"' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a></div> </b:if>

• Kemudian klik Simpan Template Anda

Nah itulah Artikel tentang Cara Membuat Tombol Share ke Sosial Media di bawah postingan blog dan semoga sobat bisa memasangnya diblog sobat masing-masing dan semoga sobat bisa mendapatkan visitor yang lebih banyak.

Demikianlah artikel tentang Cara Membuat Tombol Share ke Sosial Media semoga artikel ini bisa bermanfaat bagi kita semua.