Home » , » Cara memasang tombol like, tweet, g+ dan share pada blog

Cara memasang tombol like, tweet, g+ dan share pada blog

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 jembatan konten, isi dengan script di bawah ini...

<!-- 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 yoooooooo...

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

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



Copyright © 2012  Cyber Lucky™
Share this on your favourite network

16 komentar:

  1. ikutan mencoba script fb likenya, makasih.

    ReplyDelete
  2. Oke,, sama sama...


    Coba script2 dari trick blog saya yang lainnya juga... :)

    ReplyDelete
  3. Wah Bermaanfaat Sekali Gan infonya..salam kenal dan terima kasih atas share ilmunya
    wasalam

    ReplyDelete
  4. thks gan tas infonya.... sya kan coba pasang pd blog sya...

    ReplyDelete
  5. Okay okay...
    apabila ada pertanyaan maupun kesalahan,
    silahkan oomment maupun contact us

    terimakasih

    ReplyDelete
  6. thanks gan infonya, ditunggu kunbalnya

    ReplyDelete
  7. Thenkz tipz y sob......

    membantu sangat...

    :)

    ReplyDelete
  8. terima kasih gan infonya sangat bermanfaat buat blog baru saya

    ReplyDelete
  9. kembali kasih agan agan (y) ^_^

    ReplyDelete

--> Blog ini telah saya ubah 100% dofollow agar para pekomentar mendapatkan back link
--> Tanpa veritifikasi data agar lebih cepat melakukan komentar
--> komentar tanpa menunggu konfirmasi dari admin, jadi komentar anda akan langsung muncul

--> Silahkan berkomentar dengan bijak dan sopan
--> Dilarang melakukan spamming

:: Terimakasih telah berkomentar :) ::

Cyber Lucky™ . Powered by Blogger.
Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS