Cara Membuat Tombol Share Facebook Besar di Bawah Artikel

Bukan rahasia lagi kalau tombol share atau share button adalah salah satu fitur penting pada sebuah blog/website. Tombol share biasanya di arahkan ke berbagai sosial media seperti Facebook, Twitter, Google+, dan lain-lain. Tapi rata-rata ukuran tombol share yang biasa kita temui relatif kecil-kecil. Dan berdasarkan yang saya alami, tombol share yang ukurannya kecil biasanya cenderung dicuekin saja oleh para pembaca, dibandingkan dengan tombol share ukuran besar (Big share button/custom share button).

Setelah bereksperimen dengan tombol share ukuran yang lebih besar, ternyata terjadi peningkatan volume share oleh para pembaca. Sehingga bisa disimpulkan bahwa tombol share dengan ukuran besar lebih menarik perhatian para pembaca dan lebih berpeluang untuk di klik.

Pada kesempatan ini, saya ingin berbagi cara membuat tombol share besar untuk Facebook alias FB. Dan tombol ini akan kita posisikan pada akhir artikel/ bawah artikel. Oke, langsung aja.


1. Silahkan masuk ke akun Blogger anda, lalu ke menu Template.

2. Usahakan untuk mendownload template dulu agar ada back up jika terjadi error.

3. Selanjutnya, klik "Edit HTML".

4. Lalu, klik disembarang tempat pada kode html template kita, lalu tekan Ctrl+F. Maka kotak pencarian akan muncul.

5. Pastekan kode <data:post.body/> pada kotak pencarian, lalu enter.

6. Biasanya jumlah kode <data:post.body/> lebih dari 1. Jika demikian, pilih kode yang kedua.

7. Selanjutnya, silahkan copy kode tombol share yang anda inginkan di bawah ini, lalu pastekan tepat di bawah kode <data:post.body/> tadi.

Tombol 1

Kodenya:
<div style='margin:15px 0 0;padding:0;width:100%;text-align:center;maxwidth: 100%;overflow:hidden'>
<a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;'> &lt;img src=&quot;http://4.bp.blogspot.com/-zoCAoi3vzA8/VXJFjMzECoI/AAAAAAAADTk/WrE3GXMfJHg/s1600/FB.png&quot;&gt;</a>&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;color: white; font-size: xx-small;&quot;&gt;By &lt;a href=&quot;http://razya4greatlife.blogspot.com/2015/06/cara-membuat-tombol-share-fb-besar.html&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Get This&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;</div>
 Tombol 2
Kodenya:
<div style='margin:15px 0 0;padding:0;width:100%;text-align:center;maxwidth: 100%;overflow:hidden'>
<a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;'> &lt;img src=&quot;http://1.bp.blogspot.com/-UkvCiaEq3ic/VWqihulIPkI/AAAAAAAADPg/W5_3hSf-CUA/s1600/banner%2Bfb.png&quot;&gt;</a>&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;color: white; font-size: xx-small;&quot;&gt;By &lt;a href=&quot;http://razya4greatlife.blogspot.com/2015/06/cara-membuat-tombol-share-fb-besar.html&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;Get This&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;</div>
8. Setelah itu, save template anda.
9. Jika setelah save template dan tidak ada perubahan pada tampilan blog, coba pastekan kode tombol di atas di bawah kode <data:post.body/> yang lainnya.
10. Selesai.

Nah, demikianlah cara membuat tombol share facebook ukuran besar di bawah artikel. Semoga bermanfaat ya bagi teman-teman. Jika ada pertanyaan, silahkan di tanyakan pada kolom komentar di bawah. Sampai jumpa lagi. ^_^

Incoming search terms:
How to make large facebook share button
Custom fb share button
Cara membuat share button besar
Back To Top