Facebook Like / Recommend Button For Blogger

Facebook Like / Recommend Button For Blogger

http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

Adding code in blogger/blogspot posts

Paste your code here:

http://www.simplebits.com/cgi-bin/simplecode.pl?mode=process

and then back to your blog post on Edit html view.

Adding "Read More" Link in blogger/blogspot

One of the reasons that blogger was well behind wordpress in functionalit is that you had to apply hacks for such basic things as a Read more link. Now, it is all over. You simply add a tag like this:


<!-- more -->


and you are done. In case this does not display the "Read more" link on your article find

<div class='post-footer'>


in your HTML template (before editing the template, select "Expand widget template" checkbox) and add right before it


<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'> <data:post.jumpText/> </a>
</div>
</b:if>


Categories for your blogger posts (labels)

You want to categorize your posts and have a list of categories on your blogger blog? Dead easy.

1. Log in to your account.
2. Go to Layout -> Page Elements
3. Click Add a Gadget
4. Add Labels
5. Edit your old posts, and add labels at the bottom.
6. The list of labels (you can rename them to categories) will appear on your blog automatically.

Changing the case of blogger article tags (labels)

You have added your tags nicely but one day you discover a horrifying discrepancy: you meant to have all your tags start with a capital letter, but a couple of them start with lowercase. So what do you do?

You go to each post, edit it, and change the lowercase letter to capital. Does it work?
No.

The solution? Simple.

1. Simply delete the offensive tags from the posts concerned.
2. Once you have deleted all the offensive tags from all posts concerned, edit again those posts, and add the tag with a capital letter.

Check out my labels, they are all lowercase, right? Well, they were not always...

Adding social bookmarking to blogger posts

There is a nice free service called Addthis

If you want to include the button below each post in blogger (as it appears on this site), select Template -> Edit HTML, then copy-and-paste the code below into the template, right after the following tag.

<div class="post-footer">

Note: be sure to check the 'Expand Widget Templates' checkbox first. When you are done, click 'Save Template'.

If you can't find the tag, copy the template code into a text editor (e.g. Notepad, etc), and search for the 'post-footer' string. You might also want to save a copy of the original template before changing it.

Important: Addthis might recommend to add the script automatically as a widget. Do not do it as it will not work.

Blogger: How to limit the number of posts per page

1. Log into your blog and in dashboard, click on settings.
2. Click on formatting and on the first setting is show option which is the place where you can limit by posts or days.
3. Be sure to scroll down the end of page and hit save settings before you view your blog page.

Remove the blogger bar (navbar)

You can hide the Blogger NavBar by following these instructions:

• Log in to blogger
• Select Layout on your Dashboard.
• Go to the Template tab.
• Click Edit HTML.
• Under the Edit Template section you will see you blog's HTML.
• Paste this CSS definition in the top of the template code:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
  display: none !important;
}

/* Variable definitions
 ====================
  <Variable name="mainBgColor" description="Main Background Color"
            type="color" default="#fff" value="#ffffff">
  <Variable name="mainTextColor" description="Text Color" type="color"
            default="#333" value="#333333">
  ...

Remove the code to show it again.