Twitter
Facebook
 |
| Klik gambar untuk memperbesar |
السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Alhamdulillah pada kesempatan kali ini saya dapat menyempatkan untuk posting yang dari sekian lama (mungkin sekitar seminggu lebih) saya sempat sibuk pada acara acara bulan ramadhan ini...
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
<!-- Cyber Lucky™ http://cyber-lucky.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>
<!-- Cyber Lucky™ http://cyber-lucky.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 tombol twitter, warna hijau untuk tombol google plus/g+, dan yang terakhir adalah warna 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 di copas sciprt di atas pada pop-up pada form konten untuk Mengkonfigurasi HTML/Java Script dan klik simpan.
Like this
Setelah disimpan,
coba lihat blog nya om tante,,
Note: Kotak suka dan share ini akan muncul pada setiap halaman termasuk laman statis, homepage dan setiap post.
Seperti ini nih jadi nya...
huuuuu,, awesome... :D
 |
| Klik gambar untuk memperbesar |
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 :)
