Cara mudah menambahkan tombol like dan share media sosial di blog bagi blogger pemula

like and share

Pradirwan - Sebenarnya tutorial untuk menambahkan tombol share di blog atau website itu sudah banyak beredar di google. Coba saja masukkan kata tersebut diatas, mungkin ada ratusan bahkan jutaan web yang menyajikan konten tersebut. Namun, sebagai catatan harian saya tentang blog, bolehlah aku juga share tentang cara mudah menambahkan tombol share media sosial di blog bagi blogger pemula. Bagi blogger pemula loh ya? Yang sudah master kasih masukan saja ya... hehehe

Kenapa banyak sekali ya? Mungkin tutorial ini salah satu kata kunci yang menjadi favorite di google. Disadari atau tidak, di eranya media sosial seperti sekarang ini, sepertinya tombol like dan share menjadi suatu keharusan. Tujuannya sudah barang tentu selain agar pengunjung mudah membagi konten tersebut (user friendly), tombol like dan share media sosial ini juga bisa menarik pengunjung yang lain agar turut mengunjungi blog atau website kita yang pada akhirnya membuat blog atau website kita semakin dikenal. Manfaat lainnya adalah membuat blog kita akan menjadi semakin lebih menarik.

Seperti yang sudah saya singgung di awal tulisan, bahwa tutorial menambahkan tombol like dan share media sosial di blog ini sudah sangat banyak bertebaran di mesin pencarian. Dari beberapa yang sudah saya coba klik dan praktikkan, salah satunya adalah yang akan saya bagikan kepada anda semua di tulisan kali ini. Sudah siap? Oke, kita langsung aja ke TKP.

Cara mudah menambahkan tombol like dan share media sosial di blog bagi blogger pemula adalah sebagai berikut:

1. 1. Buka dashboard blogger anda, login
2. 2. Pilih tata letak
3. 3. klik Tambahkan gadget, pilih HTML/Javascript
4. 4. Masukkan kode berikut,

<!--SideBar Floating Share Buttons Code Start-->

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id='pageshare' title="Share This With Your Friends">

<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://www.pradirwan.tk/2015/01/cara-mudah-menambahkan-tombol-like-dan.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

     5. Klik simpan

Coba lihat bagaimana hasilnya? mudah bukan?

Demikian tutorial blog tentang cara mudah menambahkan tombol like dan share media sosial di blog bagi blogger pemula kali ini. Akan lebih manfaat kalau anda juga mencoba share di media sosial tentang informasi ini. Cukup kasih klik saja di tombol like dan share tersebut, saya sudah cukup senang dan berterima kasih. Selamat mencoba...

Share this: