Saturday, November 30, 2013
Well,
kali ini saya akan membagikan bagaimana cara memasang kotak tombol like, tweet, g+ dan tombol share pada blog.
Tentunya blog nya om tante akan terlihat lebih keren dengan di tambahnya tombol tombol ini, selain berfungsi untuk memudahkan para visitor/pengunjung membookmark dan menyimpan blognya om tante pada jejaring sosial mereka, dari kotak tombol ini akan terlihat seberapa profesional dan terfavorit dimata pengunjung dengan memberikan share ke jajaring sosial mereka.
Script ini saya dapat dari blogger lain, yang selebihnya saya edit sendiri (Legal dan Open source)
Mari langsung ke TKP !!!
Pertama langsung masuk ke bloggernya om tante, dan pilih tata letak, klik pada tambah gadget maka akan muncul pop-up window, dan cari HTML/Java Script.
untuk judul tidak perlu di isi, dan pada kolom konten, isi dengan script di bawah ini...
<!-- zevry mario {-KpM-}
http://zevrykpm.blogspot.com/ Script 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="bagikan ke teman anda">
<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="addthis_toolbox addthis_default_style "> <a class="addthis_counter"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d3ffced39626c02"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://cyber-lucky.blogspot.com/" target="blank"><font color="blue">Cyber Lucky™<font></font></font></a></div></div>
<!--
zevry mario {-KpM-} http://zevrykpm.blogspot.com/ Script End -->
NB: Kotak tombol ini akan terus menempel pada sisi blognya om tante.
Om tante bisa ganti tulisan left yang berwarna merah di ganti dengan right untuk meletakkan tombol like pada sisi kanan.
dan om tante juga bisa edit sendiri tombol mana yang ingin dibuang/dihilangkan dengan menghapus tulisan yang berwarna di atas(Warna biru gelap untuk tombol facebook, warna biru muda untuk tomboltwitter, warna hijau untuk tombol google plus/g+, dan yang terakhir adalahwarna ungu untuk tombol share.
untuk tombol share apabila di klik akan muncul pop-up yang dapat di share ke berbagai situs dan jejaring sosial, like this...
Setelah disimpan,
coba lihat blog nya om tante,,
Jika ada yang kebingungan dan ingin bertanya, silahkan berkomentar pada form komentar di bawah(Komentar yang dofollow yang tanpa moderasi dan verifikasi, agar pengunjung lebih nyaman dan cepat untuk berkomentar).
Cukup sekian posting dari saya tentang cara membuat kotak suka dan share pada sisi blog,
semoga artikel tutorial ini bisa bermanfaat bagi om tante semua...
Silahkan baca juga artikel saya lainnya tentang Cara mendapatkan page rank dan site links in dengan berbagi post,, dan juga tentang amankan konten-konten blogmu dengan disable klik kanan pada blog...
"Satu Comment dan Like dari anda sangan berharga bagi saya, untuk menjadi sesuatu yang lebih baik lagi"
Selamat mencoba dan terimakasih :)
