mas template

Memasang Tombol Twitter, Facebook Share dan Facebook Like di Blog

Anda tentu tau apa itu Twitter, Facebook atau tombol share lainnya. Saat ini situs-situs jejaring sosial terutama Facebook dan Twitter merupakan jenis situs online yang paling banyak diakses oleh pengguna internet di seluruh dunia, dengan salah satu layanan yang banyak digunakan adalah kemudahan bagi penggunanya untuk menyebarkan/membagikan aka share artikel online yang ada di berbagai website/blog.

Bagi pemilik atau pengelola website/blog, tentunya hal tersebut menjadi salah satu peluang untuk memperbesar tingkat kunjungan ke situsnya melalui Facebook dan Twitter ini, dengan memberikan kemudahan bagi pengunjung untuk share artikel yang ada di blog, salah satunya adalah dengan memasang tombol share Facebook dan Twitter.


Sebelumnya pernah disampaikan secara terpisah cara memasang tombol share Twitter dan Facebook, dan juga tombol Facebook Like. Kali ini masih soal cara memasang tombol Facebook dan Twitter, tapi sedikit berbeda dari cara sebelumnya itu. Pemasangan tombol share kali ini menggunakan layanan dari LinksAlpha, yang menyediakan tombol share yang menggabungkan ketiga tombol tersebut (Facebook Share, Facebook Like, dan Share Twitter) untuk ditampilkan menjadi satu baris saja, sehingga terlihat lebih simpel, kompak dan lebih rapi.

Sebenarnya, tombol bernama “1-Click Retweet/Share/Like” yang disediakan oleh LinksAlpha ini bisa anda pasang dengan menggunakan kode yang diberikan di situs tersebut. Tapi sayangnya, kode tombol yang disediakan hanya untuk halaman / URL statis saja (Website), jadi tidak bisa tampil secara otomatis membaca URL/alamat setiap artikel blog. Kecuali anda install plugin untuk blog WordPress (self-hosted), atau blog TypePad.

Untuk platform blog/situs lainnya, tenang saja, bisa diakali kok. Berikut ini cara pemasangannya.

1. Pasang di template Blogspot/Blogger

Silahkan login, masuk ke tab Design/Layout, lalu klik Edit Template, centang pilihan Expand Widget Templates. Cari kode <data:post.body/> di template anda, lalu di atas/di bawahnya pasang kode ini:
<iframe id='websites_iframe' expr:src='&quot;http://www.linksalpha.com/social?link=&quot; + data:post.url + &quot;&quot;' frameborder='0' height='25px' scrolling='no' width='320px'/>

2. Pasang di template WordPress.ORG (self hosted)

Anda bisa install plugin ini, atau bila anda seperti saya  yang tidak suka install terlalu banyak plugins (karena semakin banyak plugins, semakin berat beban server hosting), silahkan pasang kode berikut ini. Silahkan login, masuk ke Appearance, lalu klik Editor (Themes editor). Silahkan buka template Single Post (single.php) atau Page Template (page.php). Carilah kode <?php the_content(); ?>, lalu di atas/di bawahnya tambahkan kode ini:
<iframe id="websites_iframe" src="http://www.linksalpha.com/social?link=<?php the_permalink() ?>" scrolling="no" frameborder="0" height="25px" width="320px"></iframe>


3. Pasang di Sidebar/Widget/Webpage (javascript)

Ini adalah kode generik untuk semua website (tentunya yang membolehkan pemasangan kode javascript) tanpa perlu edit template/theme, seperti pada demo pemasangan di artikel ini.
<script type="text/javascript">
document.write('<ifr'+'ame id="websites_iframe" src="http://www.linksalpha.com/social?link=' + escape(location.href) + '" scrolling="no" frameborder="0" height="25px" width="320px"></ifr'+'ame>');
</script>

Untuk blog WordPress.COM (atau blog lainnya yang tidak mendukung pemasangan kode script atau pun iframe, alternatifnya bisa menggunakan layanan dari situs GetSocialLive (klik disini). Tapi terpaksa pasang tombol satu-satu di setiap artikel
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

68 comments:

  1. thanks gan, tapi kalo pasng di kontent joomla sama ga dengan manual content wordpress

    ReplyDelete
    Replies
    1. pertanyaan saya sama dengan ini sob, saya mau ganti blog saya ini Jual Sepatu

      Delete
  2. mangtrabs....dpt ilmu lagee...matur tengkyu aliyas trims all

    ReplyDelete
  3. mas, tombol save templateku tersembunyi dibawah ngga bisa dikeatasin jadi ngga bisa ngedit html, gimana caranya mas ngeatasil biar tombolnya tampak terus bisa di save

    ReplyDelete
  4. @Nur Asiyah:
    Toolbar yahoonya dihilangkan dulu mbak kalo mau ngeblog.

    Kalo nggak ganti ke blogger old interface pasti ada terus tombol savenya

    ReplyDelete
  5. wah mantaph nih pak.
    hehehe.
    kopas ah :D

    ReplyDelete
  6. Mas, bagaimana caranya kalau memasangnya di joomlart..??

    ReplyDelete
  7. Thanks ya... udah aku praktekin dan sukses....
    kalau pasang tombol "pin it" buat pinterest caranya gimana ya?

    salam

    ReplyDelete
  8. mksh gan ...
    berkunjung ya di blog saya
    http://pemikirku.blogspot.com/

    ReplyDelete
  9. terimasih atas artikal yang bermanfaat untuk diri saya pribadi maupun untuk teman-teman semua setanah air, trims....... ya

    ReplyDelete
  10. Terima kasih gan mantap,
    silahkan berkunjung ya gan,


    http://syamsblog95.blogspot.com/2013/05/cara-mudah-menambahkan-tombol-share-di.html

    ReplyDelete
  11. mlm
    bisa minta partisipasinya sebentar??
    tlong dong buka link 2 yang di bwah ini terus LIKE ftonya yaaa pleasee https://www.facebook.com/photo.php?fbid=640988759263625&set=a.640856479276853.1073741829.631411713554663&type=3&theater

    sma ini juga

    https://www.facebook.com/photo.php?fbid=640988832596951&set=a.640856479276853.1073741829.631411713554663&type=3&theater

    makasi sebelumnya maaf kalau sudah mengganggu

    ReplyDelete
  12. Thank you Mas info-nya super nich...

    ReplyDelete
  13. thanks plen infonya..

    http://agustinuskeo.blogspot.com/

    ReplyDelete
  14. thanks http://mengetahuitentangislam.blogspot.com/

    ReplyDelete
  15. wah ini lagi saya cari bagus gan infonya.Bagi yang suka bola kunjungan balik ya

    http://bolaries.blogspot.com

    ReplyDelete
  16. thx gan! ane udh pake yg tombol widget n it works! dr kmrn pake kode html ga bisa mulu.. ijin reblog boleh ga? kl udh di ijinin baru ane reblog

    ReplyDelete
  17. wahhh.... bermanfaat banget gan.

    lain kali, mampir jg yahh ke blog sy :

    http://downloadsoftwaregratiscepat.blogspot.com/#

    ReplyDelete
  18. manfat mastah
    http://nothmarhiel.blogspot.com

    ReplyDelete
  19. Sukses para blogger,info yang bermanfaat
    silahkan main2 di http://gooibc.blogspot.com

    ReplyDelete
  20. wah keren folow blog gua ya salam kenal gita
    http://regitablog.blogspot.com/

    ReplyDelete
  21. wordpress memang keren sekaleeee. Trims atas tips tips nya Mas Bro, sy jadi pengen nyoba wordpress lagi ... mampir ke warung dong bentar yah :) http://www.wirabumicomputer.com

    ReplyDelete
  22. Terima kasih Kang kodenya untuk tombol sharenya lengkap jadi bingung mau menggunakan yang mana.

    ReplyDelete
  23. artikel yang sangat membantu, thank for sharing gan.

    www.idstudy.com

    ReplyDelete
  24. Thank's Ya Kode Nya
    http://jeriselalu.blogspot.com/

    ReplyDelete
  25. terima kasih infonya langsung dicoba aja
    KK Tour

    ReplyDelete
  26. thank maskolis
    bila ada waktu mampir ke blog saya
    http://smpbk-kemusu.blogspot.com/

    ReplyDelete
  27. Ilmu yang bermanfaat terimakasih...
    visit : http://www.ryuengine.com

    ReplyDelete
  28. saya pengen nyoba mas tapi kok pake iframe yah, padahal kalau iframe katanya kurang baik untuk seo, terus gimana caranya yah, makasih sharingnya mas, saya baru belajar ngeblog jadi harus banyak belajar nih.
    http://koesehat.blogspot.com

    ReplyDelete
  29. mantap triknya ... silahkan kunjungi balik http://apajiekodonk.blogspot.com/ ... semua tentang android dan pc ...trik internet gratis

    ReplyDelete
  30. info sangat membantu..thanks bro

    salam
    http://www.balibestfurniture.com/

    ReplyDelete
  31. makasih bos.. saya udah pasang ke blog saya..

    salam..

    kunjungi blog ku juga ya www.wahyuhidayat.biz

    ada tulisan macem-macem, tentang bahasa Indonesia, bahasa Jerman, politik, dll.

    ReplyDelete
  32. Mantab gan, kunjungi blog ane jg gan infotekkomputer.blogspot.com

    ReplyDelete
  33. thanks maskolis...sudah ane terapkan di http://www.rumahgaya.com
    lagsung ane pake n langsung berkasiat (berhasil)! ada ngga tips nya bikin "product diggest"untuk subscribe email otomatis biar nanti konsumen bisa terima update product terbaru kita?buat guest yang lain..mohon kunjungi web saya,butuh masukannya...Sukses buat smuanya (^_^)

    ReplyDelete
  34. Setelah saya pasang di WP saya, munculnya 3 aja mas. Yaitu Tweet, FB share & FB like. Kalo pengen ditambahi lagi dg tombol G+ gimana caranya mas? Jadinya agar bisa muncul 4 tombol. Makasih sebelumnya.

    ReplyDelete
  35. izin coba master ... :)
    tomboL Like dari master maskoLis sering macet gara2 sudah jutaan blogger yg make templatenaaa.. :) ;) hehe

    ReplyDelete
  36. terimakasih banyak gan...udah mau berbagi cara pasang share ke sosial ini, salam kenal dan jangan lupa mampir http://volimaniak.blogspot.com

    ReplyDelete


  37. thanx ya gan atas info nya semoga sukses selalu blog nya gan :)
    dan sukses selalu gan info nya :)

    PROMOSI
    HOT PROMO DARI RAJAPOKER88 di

    http://www.rajapoker88.com/?ref=577053


    Untuk member setia rajapoker88 dapatkan bonus referal dari kami sebesar 10% dari kemenangan teman Referal anda dan dapatkan juga 10 POINT setiap turn over 1 juta rupiah point ini akan di undi setiap 1 minggu sekali

    peringatan: untuk bonus selalu di bagikan setiap hari senin
    dan untuk batas mengklaim bonus setiap hari minggu selama 7 hari
    jika batas mengklaim bonus lewat dari seminggu maka bonus dinyatakan hangus!!

    keterangan lebih lanjut untuk mengklaim bonus silakan hubungi :
    YM: afb88_cs1@yahoo.com
    YM: idr.afb88@yahoo.com
    pin bb : 2257e32b

    segera bergabung dengan kami dan kumpulkan pointnya.
    Terima Kasih.

    Permainan yang kami sediakan yaitu :
    * Poker
    * Tangkas
    * Domino99

    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK BRI, BANK MANDIRI, DAN BANK DANAMON.

    Untuk keterangan lebih lanjut, silahkan Hubungi kami di :
    * WWW.RAJAPOKER88.COM (pingbox)
    * TWITTER : @RAJAPOKER88
    * YM : RAJAPOKER88.indo
    * PIN BB : 75CB33AF
    * PHONE NUM : (+84) 169 859 6613
    * SKYPE : RajaPoker88

    Terima Kasih,
    Salam Rajapoker88.com

    ReplyDelete
  38. tq gan atas infonya & sukses selalu gan :)


    PROMOSI

    hello semua para coment gan gan :)
    ayo bergabung bersama kami di website www.senang77.com
    cara mendapatkan uang dengan mudah gabunglah bersama kami..
    kami juga menyediakan bonus turn over 0.3% dan akan di bagikan dalam

    1 minggu dan balance akan masuk kedalam secara otomatisnya


    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    Kami juga menyediakan kode referral :)

    http://www.senangpoker.com/?ref=859522

    kami bisa dihunbungi melalui :

    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1
    Twitter : senangpoker
    SKYPE : senang.poker


    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK

    BRI, BANK MANDIRI, DAN BANK DANAMON.


    TERIMA KASIH
    salam manis :) senang77.com / senang77.net / senang77.info :)

    ReplyDelete
  39. thks banget om infonya
    sangat bermanfaat banget

    silahkan kunjungi : www.wawanart.com


    yang mau pesen foto mozaik juga bisa :
    http://www.wawanart.com/foto-mozaik.html

    ReplyDelete
  40. Terima kasih, sangat bermanfaat, ijin kopas ya..hehehe..

    ReplyDelete
  41. Terima kasih atas resep jitunya, saya sudah mencoba dsn berhasil. Salam kenal dari http://jambibagus.com

    ReplyDelete
  42. thks artikelnya bagus untuk yang sangat awam
    kunjungi juga yaa website kami www.karissabeauty.com

    ReplyDelete
    Replies
    1. Kita Blog walking disini yuk gan ?.

      https://www.facebook.com/groups/1018880638146893/

      Delete
  43. makasih artikel nya mas, bisa membantu saya dalam hal mendesain blog saya. :))

    jasarentaltrukmurah.blogspot.com
    sewa-pickupmurah.blogspot.com

    ReplyDelete
  44. makasih banyak buat tutornya gan,,sangat bermanfaat sekali

    http://goo.gl/eHHwPs

    ReplyDelete
  45. Kita Blog walking disini yuk gan ?.

    https://www.facebook.com/groups/1018880638146893/

    ReplyDelete
  46. biar tombolnya terpisah boss min.. gimana..? bisa kasi kode scriptna yang lengkap boss min..? terima kasih.
    visit boss min.. http://allinone719.blogspot.com/

    ReplyDelete
  47. wuih, izin praktek ya om..
    thanks banget ilmunya...
    sudi mampir juga ya ke blog saya. hehe

    ReplyDelete
  48. kok gak bisa di blog ane gan? pake blogspot

    ReplyDelete
  49. ini blog ane gan mohon dibantu
    likeabigtravel.blogspot.com

    ReplyDelete
  50. Thanks mas, kalo yang cocok buat blogku yang apa ya mas??
    http://modapk-data.blogspot.com/

    ReplyDelete
  51. terima kasih ms bro sangat membantu..singgah sebentar ke website saya..http://www.indosuplemen.com/

    ReplyDelete
  52. Sehat itu murah, sehat itu milik kita semua. Bagi sebagian orang sehat itu mahal, memerlukan banyak biaya dan perawatan, tetapi bila anda rajin dan sering menggunakan alat Terapi Ion elektrik rendam kaki, sehat itu murah dan mudah. Oleh karena itu penting bagi anda untuk menjaga kesehatan semenjak dini dengan secara rutin membuang racun dan toksin dari tubuh anda dengan menggunakan alat terapi ion elektrik rendam kaki.
    Terapi Ion
    Terapi Ion Rendam Kaki Air Garam
    Peluang Usaha Rumahan
    Terapi Ion Elektrik Rendam Kaki Detox
    Manfaat Terapi Ion Elektrik
    Terapi Ion Elektrik
    Terapi Kesehatan Murah
    Peluang Usaha Modal Kecil
    Harga Paket Alat Terapi Ion Elektrik
    Pengedar Alat Terapi Ion Di Malaysia

    ReplyDelete
  53. bagus gan, artikelnya bermanfaat banget buat mahasiswa kaya saya.
    visit blog saya juga ya gan.

    http://www.forumteknologiterbaik.blogspot.com

    jangan lupa like, share dan tinggalkan komentar juga.
    semangat buat bikin artikel selanjutnya gan

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger