Follow my blog with Bloglovin

Isnin, 15 Oktober 2012

How to Put Facebook Like Button in Blogspot

Hello everyone,


Quite a pleasant surprise right? Really surprise… hehe… because I’m writing my blog entry with English! Wuhooo…

For your info, I am doing this because I want to polish my English writing before I writing up proposal for my PHD study…  ahhh… it’s just dreaming ok…

Actually for this moment one of the reason I writing up in English because of my bad English.. and I really hope by doing this my English writing become best or at least better than before…. Oh My English!

For the start,
Lets we proceed to the more serious topic here..
I want to share to all of you on how to put like facebook button on your blog.
Do you notice something on this picture?



Yeah…. Got it!
Like widget button on the bottom of the post entry right? Not on the bottom of me ok ;)..
And for your information (one who just dropping by suddenly, tq)..
I just put it recently…only about 1 week ago I think…
And I want to share with you how it can be done on your blog too. Very simple ok..

Close your eyes….and just follow my orders….
Come on la… wake up ok.. How to put the button if you not open your eyes? ;p

Here are the simple steps on how to put Facebook Like on blog

1. From Dash board go to Template; Edit HTML




2. Check the "Expand Template Widget" options



3. Then look for this code:


<data:post.body/>
How to find it? One simpler step just pushes on the button Ctrl and F on your keyboard. Then you will see this one.
Then put the code above in the box, simple isn't?

4. After you find above code then put this code immediately after the above code


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=100%&amp;height=60&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100%; height:60px;'/>

5. Then, finally make sure you save your template.


Cerita menarik lain

8 Luahan Ikhlas:

Alin Marlini berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

info yg berguna ni

Kaio berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

Tutorial yang berguna untuk newbie macam saya. :)

http://kaio.my

♥♥azatiesayang ♥♥ berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

salam kenal ita,terima kasih singgah ke blog k.atie ya.Terima kasih jg sudi kongsikn n3k.atie iaitu panduan ibubapa ketika anak2 exam tu.
Semoga sebagai panduan bg ibubapa pabila anak2 mereka exam.InsyaAllah.


Klu berminat dgn pemanggang ajaib..email/pm k.atie ya.Terima kasih

ANIM berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

tq ita..really helpful but when it comes to step 3 , akak blurr...do not know how to move to another steps...huhu...(kak pun nak comment dlm omputih gak!)

Rozita berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

;)

Rozita berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

saya pun masih baru ;)

Rozita berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

tq kak sebab kongsi dgn kami jugak!...pemanggang tu..insyallah..looking forward to have it!

Rozita berkata... Best Blogger Tips[Reply to comment]Best Blogger Templates

hehe..kak.. it's ok.. we all still in learning process right?
step 3..memula ita pening jugak.. tapi bila buat slow2.. it's ok.. copy je code tu then dia akan highlight code yang kita cari dalam html tu.. then akak copy je semua code no 4 lepas highlighted code tu.. then it's finished! try dulu..