Cara Pasang Button Facebook Like & Share Pada Entry Blog

Salam dears,

Kalau korang prasan, button untuk Facebook ‘Share’ kat bawah entry blog Mama ni baru je a few days pasang. Dulu ada button ‘Like’ saja. Sebabnya sebelum ni Mama ada cuba buat ikut tutorial daripada beberapa blog tapi asyik tak menjadi jer.

But finally, berjaya jumpa tutorial yang senang nak faham & paling penting, berjaya di buat, yahoooo! Syiok jer bila dah dapat pasang button tu tau, sebab Mama bukannya ‘celik IT’ sangat hahaha. Anyways, ni Mama share kan tutorialnya. Mama copy paste sebijik dari blog faiz-tutorial yer.

Screenshot Facebook Like & Share Button

Tutorial:

PS: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html

1. Login ke akaun blogger anda.
2. Klik pada Template

3. Klik Edit HTML

4. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search

5. Cari (CTRL + F) kod dibawah:

<data:post.body/>

6. Copy (CTRL+C) dan Paste (CTRL+V) kod dibawah selepas atau sebelum kod <data:post.body/>

<!– HTML5 CODE FACEBOOK LIKE AND SHARE BUTTON START –>
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_GB/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<div class=’fb-like’ data-colorscheme=’light’ data-font=’segoe ui’ data-send=’true’ data-show-faces=’false’ data-width=’450′ expr:data-href=’data:post.url ‘/>
<!– HTML5 CODE FACEBOOK LIKE AND SHARE BUTTON END –>

Keterangan: