Cara Memasang Tombol Twitter, Facebook Share dan Facebook Like di 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 di template anda, lalu di atas/di bawahnya pasang kode ini:

view plain print ?

<span class="string">'websites_iframe'</span><span> expr:src=</span><span class="string">'"http://www.linksalpha.com/social?link=" + data:post.url + ""'</span><span> frameborder=</span><span class="string">'0'</span><span> height=</span><span class="string">'25px'</span><span> scrolling=</span><span class="string">'no'</span><span> width=</span><span class="string">'320px'</span><span>/>  </span></span></li> </ol> </div> <h3 style="color: #990000; text-align: justify;"> 2. Pasang di template WordPress.ORG (self hosted)</h3> <div style="text-align: justify;"> Anda bisa install <a href="http://wordpress.org/extend/plugins/1-click-retweetsharelike/" target="_blank">plugin ini</a>, 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 <code title="Click to select text"></code>, lalu di atas/di bawahnya tambahkan kode ini:</div> <div style="text-align: justify;"> <div class="dp-highlighter"> <div class="bar"> <div class="tools"> <a href="http://www.maskolis.com/2011/03/memasang-tombol-twitter-facebook-share.html#">view plain</a><a href="http://www.maskolis.com/2011/03/memasang-tombol-twitter-facebook-share.html#">print</a><a href="http://www.maskolis.com/2011/03/memasang-tombol-twitter-facebook-share.html#">?</a></div> </div> <ol class="dp-c"> <li class="alt"><span><span><iframe id=</span><span class="string">"websites_iframe"</span><span> src=</span><span class="string">"http://www.linksalpha.com/social?link="</span><span> scrolling=</span><span class="string">"no"</span><span> frameborder=</span><span class="string">"0"</span><span> height=</span><span class="string">"25px"</span><span> width=</span><span class="string">"320px"</span><span>>

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.

view plain print ?

Untuk blog WordPress.COM (atau blog lainnya yang tidak mendukung pemasangan kode script atau pun iframe, alternatifnya bisa menggunakan layanan dari situs GetSocialLive

Cara Memasang Tombol Twitter, Facebook Share dan Facebook Like di Blog

Share :

Free Software

Cara Memasang Tombol Twitter, Facebook Share dan Facebook Like di Blog

1. Pasang di template Blogspot/Blogger

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

0 Response to "Cara Memasang Tombol Twitter, Facebook Share dan Facebook Like di Blog"

Posting Komentar