This tutorial is very easy if you just follow this step by step tutorial properly. With this hack, you can choose to display only a selected amount of text from the beginning of each post as a teaser instead of showing the entire post on the front page of your blog. Then when people want to read the rest of your post, they can click a “Read more...” link to read your entire post.
1. Login to your Blogger account and go to Layout > Edit HTML (click Expand Widget Template).
2. Find this line of code:
<data:post.body/>
3. Copy this code just before the code above:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
4. Now, copy this code just after the code above (<data:post.body/>):
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>
5. Save your template.
1. In your Blogger Dashboard, go to Settings > Formatting and scroll all the way down to the bottom. Copy this code and then save settings:
<span class="fullpost">
</span>
Creating a New Post:
When you click the Posting tab (HTML mode), you'll notice that your default post template now has <span class="fullpost"> and </span> tags. Anything you put above the tag <span class="fullpost"> will be the teaser text. The main body of your post needs to go in between the <span class="fullpost"> and </span> tags.
Read more...
Add "Read More..." Expandable Posts link in Blogger
Change The Address bar Icon (Favicon)
If you open a web/blog you will see an icon on addressbar. If you make blog in blogger your default icon will be like this:
But you can change the icon (favicon) with your own picture.
it's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 16x16 pixel to 22x22 pixel, actualy bigger is no problem but it will reduce speed to open your web/blog. And they can be formatted as gif, jpg, bmp, ico, png. Then you store your image to webhosting. But if don't know how to make it or don't want to occupied you can use the icon listed below. Ok lets begin the trick.
1. Login to blogger, chose "Layouts --> Edit HTML
2. Put the code below into your <title><data:blog.pageTitle/></title> code.
<link href='http://aryacall.googlepages.com/arya.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
3. The link text is an address for your icon, you can change it with your own or just copy the code.
4. Save your editing.
Read more...
Remove blogger navigation bar
There are a couple reasons why you would like to remove the navbar in your blogger blog. The professionalism of the blog is not maintained. Really, the blog does not look good with the navbar.
So here is how to remove the navbar in blogger template -
Go to your blog settings > Layout > Edit HTML
Copy this code-
#navbar-iframe { height:0px; visibility:hidden; display:none }
Paste the code given above just after -
<b:skin><
