Cara Membuat Floating Share Button Pada Blogger - Indriawan dot Com | Informasi Dan Berita Online

Breaking

Post Top Ad

Space Iklan

Rabu, 18 Mei 2011

Cara Membuat Floating Share Button Pada Blogger

Cara Membuat Floating Share Button Pada Blogger
Tidak dapat di pungkiri bahwa share button baik itu facebook sahare, google buzz, maupun yang lain turut andil dalam mempromosikan artikel blog kita. Kali ini saya akan berbagi cara memasang floating share button pada blog. Widget ini akan selalu melayang, sehingga akan selalu terlihat oleh pengunjung blog kita. Cara pemasangannya pun cukup mudah kok.

1. Login ke blogger
2. Pilih rancangan lalu edit HTML
3. Expand Template Widget
4. Biasakan back up template dulu
5. Pasang kode css berikut di atas ]]></b:skin>

#sharebuttonfery {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:5px;
bottom:150px;
margin-top:10px;
position:fixed;
width:64px;
}

#sharebuttonfery .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}

6. Kalau sudah, tambahkan kode berikut di atas atau sebelum <div class='post-header-line-1'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharebuttonfery'>
<div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
</div>
</b:if>

7. Save template dan lihat hasilnya.

Semoga bermanfaat.
Alhamdulillah...

86 komentar:

  1. sipp mas per, makin hari tutor blog'e makin yahut

    BalasHapus
  2. di blog ini gak dipasang ya??? buat demonya...

    BalasHapus
  3. manatap nich,, tipsnya....
    makasi sob, salam kenal

    BalasHapus
  4. wah.. saya suka yg melayang2.. heheh :D

    BalasHapus
  5. Terimakasih Infromasinyaa yaa...

    BalasHapus
  6. Thanks Your share Informations and Tutoriral....sangt bermanfaat

    BalasHapus
  7. makasih Y Your Informations And Tutorial nya...greetings Good luck always...

    BalasHapus
  8. masukan yang bagus,sangat bermanfaat sekali,makasih dan sukses trus,,,

    BalasHapus
  9. pencerahan baru nih,jadi nambah wawasan,,makasih,,

    BalasHapus
  10. makasih y Ilmu nya...thx y dah share Informations...good luck

    BalasHapus
  11. Hem mas,.,nambah lagi nihh lmu ane.,thanks mas

    BalasHapus
  12. thanks Tutorial nya mas....good luck

    BalasHapus
  13. Keren.... makasih mas
    silahkan lihat hasilanya di Aspek Positif CCTV

    BalasHapus
  14. Wuiihhhh mantab nih mas bro...! ^_^

    BalasHapus
  15. wahh lumayan keren ini
    tapi untuk blogspot yak?

    hehe

    BalasHapus
  16. mantap bener nih artikelnya sangat bermanfaat dan membantu sekali,sukses trus,

    BalasHapus
  17. thanks your share Informations..good luck..

    BalasHapus
  18. thanks Your Share Informations and Tutorial sangt bermanfaat...
    good luck always gan

    BalasHapus
  19. thanks y TUTORIAL Nya sangt bermanffat gmn y cara masukin halman 1 Google.?

    BalasHapus
  20. Keren nih button share nya
    thx gann ilmu share ilmu nya

    BalasHapus
  21. Keren Button sharenya dan Blognya Kereeeennn bangeeetttt..!! aku suka aku suka :D

    BalasHapus
  22. thx Y tutorial nya....Izin Ke TKP gan....
    greetings good luck always

    BalasHapus
  23. Wah nice post

    Ini ada Award yang menarik buat anda

    http://nilaituikan.blogspot.com/2011/06/nila-itu-ikan-dapat-award-ketiga-dan.html

    silahkan diambil

    BalasHapus
  24. nice tutorial blog....keep on writing

    BalasHapus
  25. maksih infonya,icon sharenya bisa di modif sendiri ga ya? kalo bisa gmana caranya? makasih sebelumnya..

    BalasHapus
  26. sayang ya saya sudah punya share button nya yang diem.. mau dipasang malah jadi dobel enggak sedap dipandang mata ! salam kenal bos

    BalasHapus
  27. @all : maaf lama gag OL nih, makasih ya semua-nya atas komentar-nya..sekali lagi mohon maaf ^^

    BalasHapus
  28. Terima kasih berbagi ilmunya mas..Namanya hampir sama saya mas fery.
    Langsung dipraktekkan

    BalasHapus
  29. thanks atas infonya,,,mudah2an bermanfaat bagi perancang share blog..
    mantap

    BalasHapus
  30. kami tunggu berbagi info nya lagi boss,,
    kmai tunggu kunjungan baliknya

    BalasHapus
  31. mantap nih,,makasih ya tutorialnya,,,bagus dan menarik sekali,,

    BalasHapus
  32. @ferry : sodara nih ntar jadinya, hehehehe

    @solusi : siip deh..amin pokoknya ^^

    @darah : tunggu si admin yah sob buat artikel yg bagus, klo aku sih cuma temennya (horier.blogspot.com) yg kelola sementara waktu coz si admin lagi repot

    BalasHapus
  33. @istiqlal : mantebz pokoknya sob . .

    @surat : klo aku rasa gag sob coz gag terlalu besar juga nih button-nya

    @obat : oke sob, makasih juga yah dah mampir

    @inspirasi : meluncuuuuuuuuurrrr . . .

    BalasHapus
  34. <div class='post-header-line-

    ko saya ga bisa nemuin script yg ini yahh ??? mohon penjelasannya ,,,mksh

    BalasHapus
  35. oke masbro jangan lupa mampir kesini ya http://woxr.blogspot.com/

    BalasHapus
  36. @green : coba aja cari yang sejenis sob..maaf yah aku (horier.blogspot.com) bukan si admin nih jadi gag bisa jawab pastinya..si admin lagi repot kerja buat sementara waktu aku yang urus blog ini

    @achmad : woke sob..

    BalasHapus
  37. maaf mau nanya kalau mau pasang tombol share yang seperti pada blog ini dibawah artikel yaitu " like, share fb, buzz, twitter" caranya gimana yah... TERIMA KASIH SEBELUMNYA??

    BalasHapus
  38. gan kuk aq coba trikx gk bs Ea,,,
    bs d bantu gk gan,,,,trim

    BalasHapus
  39. @senja17 : aduh maaf sob, untuk smentara waktu ini si admin (fery eka indriawan) gag bisa online jadi aku (horier.blogspot.com) yg kelola..berhubung aku gag tahu dalamnya blog ini, mohon maaf aku gag bisa jawab pertanyaannya..tp mungkin ini emank uda dari template-nya sob, mungkin sih

    @ulil : maaf sob aku bukan si admin

    BalasHapus
  40. thanks gan,,
    ikut nampang akh :D
    cheat2 games .. teknik hacking hanya ada di ==> http://java-cyber.blogspot.com/

    BalasHapus
  41. thanks sob tutornya mantab2....

    BalasHapus
  42. makasih atas ilmu yang di bagikan , , ,

    BalasHapus
  43. brow.. aku cbak dblogku, kok ga mau muncul..?

    BalasHapus
  44. terima kasih insya allah kalo ada wktu akan sya coba ya :)

    BalasHapus
  45. sangat menarik nie tombol share yang dibuat floating, semoga saja kalau memasang ini ada orang yang mau membookmark posting kita ya
    trims

    BalasHapus
  46. Saya udah coba tipsnya gan, dan berhasil. Tapi tombol share Google Buzz gak aktif gan...

    BalasHapus
  47. infonya bermanfaat sekali

    BalasHapus
  48. makasih tutornya mas.sangat membantu dan bagus-bagus.

    BalasHapus
  49. ok juga nich artikelnya sya gk bakalan bosen nich berkomentar di sini ya itulah yg sya bilang artikelnya bagus bin amatapppppp....

    BalasHapus
  50. klo yang ni ane baru tahu ni... toilong bantu perjelas sob....

    BalasHapus
  51. info yang sangat bermanfaat sekali gan untuk saya salam kenal aja.....!

    BalasHapus
  52. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    BalasHapus
  53. Informasinya sangat bermanfaat sekali...
    Terimakasih banyak...
    setelah saya berkunjung ke blog ini...
    Semakin banyak pengetahuan yang saya dapatkan...
    Semoga semakin sukses,

    BalasHapus
  54. informasinya sangat bagus sekali...
    saya suka..
    banyak pengetahuan yang saya dapatkan setelah saya berkunjung ke blog ini....

    BalasHapus

  55. menarik banget artikelnya ditunggu artikel selanjutnya

    BalasHapus

  56. infonya sangat menarik untuk saya simak,, nice infonya gan. sukses terus!!!!

    BalasHapus
  57. terimakasih banyak atas info nya sangat bermanfaat..
    sukses selalu

    BalasHapus
  58. Luar biasa sekali info nya sangat bermanfaat
    semoga sukses

    BalasHapus
  59. terimakasih banyak info nya
    Bermanfaat sekali
    Semoga sukses

    BalasHapus
  60. . setelah saya menyimak dari awal hingga akhir, banyak sekali ilmu yang saya terima dari artikel yang anda tulia, semoga tambah bermanfaat ya lam kenal dan sukses selalu

    BalasHapus
  61. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    BalasHapus
  62. Terima Kasih ya Gan, Artikel yang sangat Bagus dan Bermanfaat.. Update terus dan sukses selalu ya Gan..
    jangan lupa berkunjung yah gan^^
    judi online
    situs judi online
    roulette
    roulette online
    baccarat
    baccarat online
    casino online
    live casino
    agen casino
    judi casino

    BalasHapus

Post Top Ad

Space Iklan