I have decided it is time for this season of blog designing to come to an end and will not be accepting any more jobs. I will still make available Free Scripture Tags, as well as other graphics available for a donation of any amount. Thank you for your understanding.


Follow Me on Pinterest

How to Add a Facebook Like Button to Your Post

The facebook Like button replaces the previous facebook Share button. When you add it to your post, your visitors can easily share your post on their facebook wall with just a click. You can add a facebook Like button below your Post Title, below the Post, or both. Just follow these instructions. (Even though these instructions are written using Blogger's New Interface, they are still appropriate for the old interface except possibly in the navigation.)


From your Dashboard click on Template from the drop-down menu as shown in the image below. (You can click on the image to enlarge it if you need to.)


From the Template screen, click on the HTML button. A window will open up with some cautionary information. Click Proceed. Don't worry you won't mess anything up. :)



In the EDIT HTML screen, check the box that says Expand Widget Templates.


If you want the Like button to appear below the Post Title, find the code that looks like this (or very similar to it):
<div class='post-header-line-1'/>

If you want the Like button to appear at the foot of the Post, find the code that looks like this (or very similar to it):
<div class='post-footer'>

The easiest way to find the code is to hold down the CTRL key on your keyboard and press the letter F. A search box will open where you can enter the code you are looking for and it will take you right there in the HTML section.

Once you have located the code, copy the following code and paste it directly below the code above. Be careful to copy all of code exactly as it appears below.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>


The pasted code will look like this. The green code is what you look for, the red code is what you paste.

    <div class='post-header-line-1'/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>



Now click the Preview button located just below the HTML field box. Your preview should show the facebook Like button in the appropriate place. If it isn't right just click the Cancel button below the HTML field box and try again. If it is as you want it, click the Save Template button.

The Like button will automatically appear on every post.

If you are having trouble or just don't want to do it yourself, I can do this for you for $5.00. Just use the Payment Button in my sidebar and specify what it is for. Be sure to provide me with an active email address to contact you. I will need access to your Blogger Admin to install the code.

Click to LIKE my Facebook Page for more tips.


Blog Designs and Graphics for Christian Ministry
All content on this site is copyright protected. Using or obtaining the graphics on this site in any way other than specified on this site is a violation of the copyright. Please respect my work.© 2008-2011, Edie Moore




12 comments:

Patrinas Pencil said...

Edie,
thanks! I did it! whew...it was scarey :)

Is there a way to place it below the 'comment link' which would be the last line of the footer. I would prefer more space between my name and the facebook like button.

much appreciated
Pateina <")>><

Patrinas Pencil said...

never mind, Edie, I edited my post to add line beneath my name and that did the trick! Thanks again.

Patrina <"))><

Edie said...

You're welcome Patrina. I'm glad to help!

Jennifer Dougan said...

Hi Edie,

Just stopping by. It looks like you are a great resource for many people. Thanks! May God use your ministry wonderfully for his glory.

Jennifer Dougan
www.jenniferdougan.com

Edie said...

Thank you Jennifer! I hope you find something you can use here. :D

LisaShaw said...

Wow Edie, I popped in to say I sent you and Email and then saw that you had my book on your side bar. I started crying...how so very kind of you dear friend and indeed that's what you are...my dear friend.

I appreciate you! I pray favor rain down on you from God's Hand and Heart to yours!!!

Edie said...

I'm delighted to be able to promote your book Lisa! You are a dear friend too, and I know your writing is full of the knowledge and wisdom of the LORD. ♥

Karla Meachem said...

Just stopping by to give you a HUGE BOUQUET OF THANKS!!!

The directions were easy to follow and implement...I'm so grateful for you taking the time to share!

Now, I just need to add the twitter button. :)

Edie said...

Yay Karla! I'm working on the twitter instructions and will have them up soon. :-)

Karla Meachem said...

Can't wait! You're the BEST!

Dawning Inspiration said...

Thanks for doing this!!!! It's on my blog! xo

Edie said...

You go Stacey!

Related Posts Plugin for WordPress, Blogger...