Sarakuj.Com | One Stop Blog: Blogger

Showing posts with label Blogger. Show all posts

List Of 100 Dofollow Blogs - Increase Page Rank

Google always use Website Page Rank to rank their search results, you can increase your Page Rank and Alexa Rank by creating back links. There are so many websites which allow you to buy backlinks, but i think that is a not possible for all. In my opinion that you must not buy backlinks, its a poor strategy. You can increase you page rank by commenting dofollow blogs. It is the most easiest and fast method. I am putting some dofollow blogs, i am sure these blogs will help you to increase your Page Rank. Here is the list...

Before You Go

Please do not Spam on the blogs, give compliment to the author. Some blogs are moderated but i am sure they will approve your good comment instantly.

Add Icons to Author, Label, Comment, and Time

Today I am going to tell you how you can icons to the Author Name, Labels, Time and Comment titles. it will give more professional look to your blog and you will be able get more amazing look of your blog. you have already tried my other post about adding share buttons to blogger. I hope it helped you get some extra traffic from social networks. My other post on changing the length of summary text may also helped you a lot.

What is Awesome?

You can add cool icons to your blogs, you can even add you own photo just near your Author name title in your blog. it is not difficult to handle, new bloggers can also try this perfectly.

How to Do?

Let me tell you the whole method in simple steps, lets go

Go to your blogger blog which you want to edit

Go to Template > Edit HTML

You must check the checkbox at the top left of the editor

Expand Widget Templates

Now search something like this

]]></b:skin>

Did you get it? good. Now post the following code just above that tag.

.posttime{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisA0bWbJTJwX22ts4SyLwTW0qiLJazszt4rMpb-3MYafbLU0k3_ZJZFSDKZPCOwMPGFK0UycNvIJcXME8-QWMasYK0oMtGICGF6Dzr2OU-Aj9cIwz8KWNZfOdzzsy_-aT9qZmzBoJSrRk/s320/time_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}
.postauthor{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTKtV9gZRgLwN3y-BfmQLqDozQcc0w0108i-UT6hyphenhyphenjZ9Eb-AqvUm7bB1BHqrjoZ0oxKGSChJ5w-vxeXjTWmg79TRcG8SnGmtJHEkDRdTmkM_IwKp5YDfnhnex_snvl7eIxLOrZ2fKSUAw/s320/author_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}
.postcomment{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8zRI-VlEv4Ica8cxDA5KsnKanngkEySEOCNqj1_iCEC8-KL9h3ST95YZqlw4oZ6FMW_mgF2ll4PwHL9LNgxtwm-EZyJEtDg9-JPvfHovZdKY7izL4zsjO3Rurq93-UYSMhiZNap0JY28/s1600/comment_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}
.postlabel{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfOW5SXrX-gpcVL7cS2QDiBYCxCAnpBbiafHidaocxk9smlo3JX5CM29PXZRA5NwCW-RjdD4h6rw40zm2m9ALhPKPN4Oimgjs5qQP7gdnf_kWQ7dWg5PVP7zppg3JrpG6iUQtwqVuJL3U/s1600/label_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}

These red texts are the url of the icon images. You can use your own icons if you don't like mine. :) You can see these icons are named as time, author, comment, label etc
Now search for the Author tag below

<data:post.author/>

and replace that tag as below

<span class='author'>
Posted by <data:post.author/>
</span>

similarly search and replace other tags by these codes below
replace the Time tag

at <b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>

<span class='posttime'>
<span class='clock'>
at <b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>
</span>
</span>

and replace the Comment tag

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

<span class='postcomment'>
<span class='com'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</span>
</span>

and replace the Label tag

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

<span class='postlabel'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span></span>

Now save the template and enjoy the new look of your template.

Other Method

If you want to show whole Author name, Time, Comment, and Label tags at then end of the post then search and delete tags i told above, after deleting search this tag

<div class='post-footer-line post-footer-line-2'>

and paste this code just below that tag

<b:if cond='data:blog.pageType == "item"'>
<div class='title-meta'>
<div><span class='postauthor'>
<span class='author'>
Posted by <data:post.author/>
</span> </span>
<span class='posttime'>
<span class='clock'>
at <b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>
</span>
</span>
</div>
<div>
<span class='postcomment'>
<span class='com'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</span>
</span>
<span class='postlabel'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Before You Go

Please backup your template before making any change to your blog. It will help you if you do anything wrong to your blog :) If you face any problem them comment below, i will reply you.

Modify Summary Length and Thumbnail Size of Posts

Today I am going to tell you how you can modify the size of the post thumbnails. This technique will also help you to increase or decrease the length of the summary text. Yesterday I told you how you can add share buttons to blogger. I hope that post was very useful for you. You can also check my other post to chane the size of first letter in post.

What is Awesome?

This trick will help you to add more posts at your homepage. If you decrease thumbnail size then you page will load quicker. You can add more posts at home page. Although I don’t commend you to set more pages at the homepage because everybody don’t have hi speed internet. Don’t make people hate your blog. I think you must not set more than 6 posts at your homepage.

Backup your Template

All you have to do is to make some changes in your blog html. This is easy but if you don’t have sufficient knowledge about html, then don’t try it. You must back up your blogger template before you carry on. Let me tell you how can you back up your blogger template!

Log in to your blogger account
Open your blog
Go to Templates > Backup/Restore
Click on “Download Full Template”
Download your blogger template and you are done :)

Method

Now get back to our original tutorial. If you want to make any change in summary text and post thumbnail then follow these simple steps.

Login to your blooger accout
Open your blog which you want to change
Go to Templates > Edit HTML
Click Expand Widget Templates
Now search for this tag

summary_noimg

here you will find a code something like this,

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 385;
summary_img = 285;

img_thumb_height = 120;
img_thumb_width = 170;
</script>

summary_noimg = 385 indicate the length of the summary text when your post has no image in it.
summary_img = 285 indicates the length of the summary text when your post has any image in it.

Similarly the second code indicates the width and height of the image thumbnails. Here you can increase or decrease the anything you want.

Before You Go

This method is on for those users who use external blogger template. I mean if you use any third part blogger template then this is effective for you. try it and tell me if you face any problem. This trick is for posts shown at the homepage, it will not hurt your original post when you open it. :)

First Letter Capital in Blogger Posts and Comments

I was sitting idle, i was totally out of ideas. It does not mean that i am really out of new idea, it was just because i wanted to sleep. Well suddenly something flashed in my mind and that was another post on something new. Today i thought to post about pseudo-element CSS. Its little bit unusual but It is supported by a lot of browsers. so let me tell you about it, but i know you want to see any type of Demo of it? You can see the Demo in my own blog :)

What is Awesome?

I think there is nothing awesome in it, it is just unique. People love it just because its a new thing to them. Lon time ago i saw it in a news website and today i thought to share it with you guys. I don’t know maybe you find it awesome.

Change in Posts

Log into your blogger account

Go to Template > Edit HTML

Now check the box at the top left of the text box

search for this tag now

]]></b:skin>

Now post this code just above the ]]></b:skin> tag.

.sarakuj_upper:first-letter {
float: left;
display: block;
font-size: 38px;
margin:0px 6px 0 0;
padding:0 0 0 9px;
}

Now if you have done it correctly then search this tag.

<data:post.body/>

Replace <data:post.body/> with the following code.

<div class='sarakuj_upper><data:post.body/></div>

Hmm i know there is not just one <data:post.body/> tag. Let me give you a hint, your desired <data:post.body/> tag is second one, i assume it can be different in your template but try the second then try the other. If it doesn’t work with div tag you can use p or span tag like this.

<div class='sarakuj_upper><data:post.body/></div>

or

<p class='sarakuj_upper><data:post.body/></p>

or

<span class='sarakuj_upper><data:post.body/></span>

Change in Comments

It is pretty same in comment as well, you just have to do the same thing with a little change.

Log into your blogger account

Go to Template > Edit HTML

Now check the box at the top left of the text box

search for this tag now

]]></b:skin>

Now post this code just above the ]]></b:skin> tag.

.sarakuj_upper:first-letter {
float: left;
display: block;
font-size: 38px;
margin:0px 6px 0 0;
padding:0 0 0 9px;
}

Now if you have done it correctly then search this tag.

<data:comment.body/>

Ok i know there is confusion again, there are again multiple <data:comment.body/> tags, i think you must try it on second tag. Replace the second <data:comment.body/> tag with the following

<div class="capital"><data:comment.body/></div>

or

<span class="capital"><data:comment.body/></span>

or

<p class="capital"><data:comment.body/></p>

You are done, you can check your new modified posts. This is simple method but i am sure you will love it.

Before You Go

You can customize the color of the first capital text by changing the above code.

.sarakuj_upper:first-letter {
float: left;
display: block;
font-size: 38px;

color: #EEEEEE
margin:0px 6px 0 0;
padding:0 0 0 9px;
}

You can use any other color code instead of #EEEEEE. Try it and tell me if you like it, feel free to comment.

Share Buttons For Blogger Posts

Sharing is caring, we all know that. You are alone working on your blog without sharing it on Socail Networks, then i think its a bad habit. What happens if all other people start to share your posts on their profile? You will get more audience and more hits to your blog. We cannot live with going social. We must not ignore this thing that we are social animals. I have already shared the method to add share buttons to your blog posts. That method was by addthis.com, this new share buttons are by sharethis.com.

What’s Awesome?

The best thing about them is that these contain Pinterest share button. As a blogger I know that Pinterest is an awesome source of traffic. These buttons are easy to load, even if a person is having a slow connection, he may not any problem with them. It has StumbleUpon, Twitter, Google + share button as well. Well lets start the tutorial now.

Adding Share Buttons

Sign in to your Blogger account
Go to Template > Edit HTML
Click the box “Expand Widget Template”
Search for this tag:
Paste this code above it:
Now search for this:

<data:post.body/>

Share Button Code

Put this code just below that tag, it will show share buttons at the end of the Blogger Posts.

<b:if cond='data:blog.pageType == "item"'> <span class='st_fblike_hcount' displayText='Facebook Like'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_plusone_hcount' displayText='Google +1'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_pinterest_hcount' displayText='Pinterest'/> <span class='st_digg_hcount' displayText='Digg'/> <span class='st_stumbleupon_hcount' displayText='StumbleUpon'/></b:if>

|| Facebook Like button
|| Twitter Tweet Button
|| Google+ Share Button
|| Facebook Share Button
|| Pinterest Share Button
|| Digg Share Button
|| StumbleUpon Share Button

Show at Home Page

If you want to show these share buttons on homepage as well, you need to modify the above code. This will help you to show these buttons at the end of every post at homepage. Use this modified code

<span class='st_fblike_hcount' displayText='Facebook Like'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_plusone_hcount' displayText='Google +1'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_pinterest_hcount' displayText='Pinterest'/> <span class='st_digg_hcount' displayText='Digg'/> <span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>

What i did? i just removed this simple code from above code

<b:if cond='data:blog.pageType == "item"'> </b:if>

Before You Go

You can rearrange these share buttons by changing the location of these colored tags. This is so easy, as you can see mine. I've arranged them according to the popularity of these social networks. Cheers, comment if you have anything to say.

Blogging via Mobile - Simple Methods for Mobile Bloggers

We all know that blogger.com has updated their website. The older was very good and Opera mini friendly, so many people like me used to blog via Mobile. But now the story is totally changed. New version has highly flash and java script enabled content. When we open it on Opera mini, it looks like a paper is crumbled and only 20% is view able. The only reason why i paused blogging is the updated version of blogspot. But people like me can still manage to post via mobile through several methods. I somehow managed to find some methods to post through mobile.
post+through+mobile+blogspot+blogger

Let me share the different methods to post on blog by using your mobile phone.

Operamini 7 and Operamini 4.4 Methods

Operamini is the most popular browser for mobiles. Let me share you simple tricks to use Operamini for blogging.
1. Open blogger.com and log in to your account.
2. If you cannot view properly then open settings of Operamini by pressing #+8. Turn on single column view. (in opera mini 4.4 its called Mobile View).
3. Go to the folling link to post a new article. http://www.blogger.com/blog-this.g
4. Here you can post to your blog. Simply give title of your post, write article in textarea and publish.

The only problem with this method is that you cannot Label your post. But you should keep posting by this method and whenever you get access to a computer you can Lable all posts togather.

Operamini 12 s60v3

I really dont use this browser but the best thing about this browser is that it supports flash websites. You can view *.gif images and flash content in it. You may also be able to blog by it although i didn't test it yet.
The bad thing about Operamini 12 is that its RAM eater. It can suck you RAM when you open large web page. It may lead your phone to go hanged. If your smart phone RAM is less then 64MB then don't use it.
After knowing all the little bugs if you still wanna download Operamini 12 then click here.

Blogging via Email

Google has already a feature which is called Mail-to-blogger. It can turn your smart phone into a blogging application. All you have to do is set it up.
1. Log in to you blogger acount from PC.
3. Select your blog which you want to set up to post via email.
2. Go to Settings > Mobile and Email you can set up a Mail-to-Blogger address which you will use to send posts via email to your blog. The format of the email address is username.secretword@blogger.com as show in screen shot.

post+via+mobile+blogspot+email+blogging+blogger

post+via+mobile+blogspot+email+blogging+blogger

Please keep this email secret or anyone will be able to post on your behalf. Also check the options shown here to publish posts immediately or draft them. Expample

The subjects of your emails will be the titles of your posts, and the body of the emails will be the text. All the image attachments will be published as post images. To avoid any expected bug in text please put #end tag at the end of your post.

Blogger Applications (not for Symbian)

Google has launched its offical blogger Andriod application. I dont know why Nokia doesn't launch any blogger application. I am afraid everybody is soon gonna kick Symbian phones.

Android Blogger Applications

1. Blogger
2. Blogger-droid
3. Bloggerroid

Before You Go

If you post images in your article by using any image host. Then these images may not be shown in Mobile view of Blogger thumbnails. To avoid this go to google image search and search images by using the following trick. Type this text in search bar.
site:blogspot.com Your keyword here
Replace the underlined text by your keyword. Now google will show only those images which are hosted on blogspot blog. You can use these images to avoid that thumbnail bug i mentioned above.

Easy Page Navigation for Blogger

If you are not satisfied with Older Posts and Newer Posts in your Blogger and you want to change it to numbered page navigation then you can do it in 1 min.
To see the live demo of page navigation check my blog ;)

Go to Blogger Dashborad
Click on the blog that you want to change
Goto Design Tab Followed by Page Element
Then Click on the Add a Gadget
Select HTML gadget and paste the following code in it.

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}.showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMaz-AuBYesxuZnNxTtOyBm5lJIKPFyEkhiLCCBCvy5p4AGVpKiVKKeDckIjLrLCnBNedRoolKN8eXyQZRuIHV5FSmEJMrqas-xnAHlE4g_BFQKifL_wGaPeK0TwgkEiFmTUmebdNoyL75/s1600/w2b_pagenav1.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMaz-AuBYesxuZnNxTtOyBm5lJIKPFyEkhiLCCBCvy5p4AGVpKiVKKeDckIjLrLCnBNedRoolKN8eXyQZRuIHV5FSmEJMrqas-xnAHlE4g_BFQKifL_wGaPeK0TwgkEiFmTUmebdNoyL75/s1600/w2b_pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMaz-AuBYesxuZnNxTtOyBm5lJIKPFyEkhiLCCBCvy5p4AGVpKiVKKeDckIjLrLCnBNedRoolKN8eXyQZRuIHV5FSmEJMrqas-xnAHlE4g_BFQKifL_wGaPeK0TwgkEiFmTUmebdNoyL75/s1600/w2b_pagenav1.png) 0 -5px repeat-x;text-decoration:none} </style>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev Page";
var downPageWord="Next Page";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://sarakuj.googlecode.com/files/pnavi.js'></script>

Change the background image here

You can change the numbers of posts per page.

Change the text you want to show instead of Prev Page and Next Page

Now Drag this widget at the bottom of the "Blog Posts" widget as we did in our previous post Add Share Buttons To Blogger

How to add your Blog name in Pop-up Share box

I know you've added share button to your blog after reading my previoue post to add share buttons to your blog. If you want to add your site name in the same Share button pop-up share bow then you have to do small step. I'll give you a code, just copy and past it at the end of your share button code.
Demo

What is Awesome?

This trick will give more professional look to your blog, you blog share buttons will not look like the external part of any site. Reader will take your blog more seriously, your traffic will increase. What else a blogger need when his traffic is insreased?

Method to Modify

Now follow my steps to set this Trick.

Log in to Blogger
Click on the Blog you want to change
Add share buttons to your blog
Leave step 3 if you've already added share buttons. Then open already added html widget
Now add this code below.

<script type='text/javascript'>
var addthis_config = {
ui_cobrand: "SaraKuj.Com",
ui_header_color: "#000000",
ui_header_background: "#eeeeee"
}
</script>

Add this code at the end of the addthis code.

Change site name to your site name and click on save. Don't forget to like and share. Sharing is Caring :).

Add "Back To Top" Option in your Wesite or Blog

If your Blog is full of contents and have too lengthy posts then you can add "Back to Top" button to your Blog (or Website). It helps your readers prevent scrolling again and again to go to top.
What you have to do is simply

Login to your Blogger
Select Blog you want to use
Go to Design Tab
Add Widget
Select HTML Widget and put this code below

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:130px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD49RyGEItZfYLLNZkAerxORbhPVs5xsPs5Asi6tkd2ZxaxP_lNaZDpeiDfC5PXEDRxDhMU11clF3gSsvSrOYTImwohIeAcrMe51IK_BxVIvrP3bi_HFIzWqzfCs5HxsUsegWynv_yJoM/s320/sarakuj.com-top.png' alt="SaraKuj.Com" width="40" height="45"/></a>

Developers Facebook Widgets for Website or Blog

Facebook is the largest social networking site with more than 400 million active users and is growing larger every day! Make sure to use these Facebook widgets for your website or blog to connect with your large Facebook audience. You can use these tools to easily share certain profile information, websites, blogs, and businesses with the Facebook community.

Here are some Facebook widgets for your site or blog :)
Like Button
Allows facebook users to share web pages from your website on their profile.

Comments Box
Lets your users comment on your website content with their Facebook account.
Recommendations
Provides your website users with personalized suggestions for pages to visit.
Live Stream
Lets Facebook users to post and share content in real-time.
Activity Feed
Lets users know what their facebook friends are doing on your website through comments and likes.
Login Button
Displays a login button along with profile pictures of facebook friends who have already signed up.
Facepile
Shows profile pictures of people who have liked your facebook page or have signed up for your webpage.
Registration
Another way for users to sign up for your site.

How to Add Share Buttons to Your Blog

Sharing is caring, and we all know that social networks are the best resource to get easy traffic. You must add social sharing buttons to your blog. This widget will help you to put share buttons on your blog and it supports more then 300 sharing website buttons. Ok follow my steps now.

Adding Buttons

go to Addthis
Register a free account to create share buttons.
Then Click on the Get Addthis at the top tab
You will get a window like below, select platform, style, and click on Install.

When you will click in Install, a new window will be opened as below. Simply click on Add Widget.

Please note that your Widget must be placed at the bottom of the "Blog Post" widget as shown in the screenshot.

Go to Blogger Design Tab > Page Element and drag that widget at the bottom of the Posts. Enjoy

How to show Related Posts in Blogger with Thumbnail

Related posts plugins give bloggers the tools they need to help their visitors find interesting content. Usually placed at the end of a blog post or article, a related posts plugin can help engage your readers with your site as they are exposed to so much more of your great content than they normally would without such a plugin. Using a related posts plugin has been shown to improve overall site stats by increasing traffic and page views by an average of 6%, while also decreasing bounce rates and keeping readers on your site for longer.

Let me tell you how you can add this widget to your blog easily.

Go to Linkwithin
Fill the form shown at the homepage of the site and click on Get Widget
Select platform e.g. Blogger, Wordpress etc
Select number of stories to display
Remember to check the check box if your blog has light text on a dark background

Now follow the instructions coming up and install your Widget to your blog.

How to show Related Posts in Blogger with Thumbnail

Let me tell you how you can add this widget to your blog easily.

Go to Linkwithin
Fill the form shown at the homepage of the site and click on Get Widget
Select platform e.g. Blogger, Wordpress etc
Select number of stories to display
Remember to check the check box if your blog has light text on a dark background

Now follow the instructions coming up and install your Widget to your blog.

How to Add Meta Description in to Blogger

Blogger recently upgraded and now its a good news for you that Bloggers can add meta description to Blogger. Its the description that is shown when your blog is shown in search engines.

Enabling and adding meta description to multi-post pages

Go to Settings > Search preferences > Meta tags > Description and click the Edit link.
Click the Yes radio button to enable search description.
Enter the meta description for your blog. This meta description will appear on your homepage and other multi-post pages.
Click Save Changes button.

Adding meta description to individual pages

A meta description for a post or a static page can be added via Blogger’s post editor.

Click Posts and select a post to edit.
Click Search Description option under Post settings. (This option appears only after you enabled search description in step 1)
Enter the meta description for the post and click Done.

For older posts, you have to go back to edit each post and manually add in the description.

But before you do that, it’s better to confirm if this feature works on your blog template.

How To Create Custom 404 Error Page for Blogger

404 Error page appears incase of missing contents or pages in blog. If a page is not found then Blogger shows an error. Blogger recently introduced a new feature to create your own 404 error page for your blog.
My 404 Error

Blogger's default error is as below
"Sorry, the page you were looking for in this blog does not exist."

To change your 404 Error, simply Log in to your Blogger account. (you must be using the new Blogger dashboard)
Go to Settings > Search preferences > Custom Page not Found. > Click Edit to open the text box. Type whatever you would like to appear on the page, then click on "Save Changes".

Now here you can put whatever you want to show in your 404 Error... You can use html tags.

Before You Go

What is Awesome?

How to Do?

Other Method

Before You Go

What is Awesome?

Backup your Template

Method

Before You Go

What is Awesome?

Change in Posts

Change in Comments

Before You Go

What’s Awesome?

Adding Share Buttons

Share Button Code

Show at Home Page

Before You Go

Operamini 7 and Operamini 4.4 Methods

Operamini 12 s60v3

Blogging via Email

Blogger Applications (not for Symbian)

Android Blogger Applications

Before You Go

Why Add This Gadget

How To Add

Before You Go

What is Awesome?

Method to Modify

Adding Buttons

Enabling and adding meta description to multi-post pages

Adding meta description to individual pages

Subscribe

Categories

Blogger Help

Social Networks

Mobile

Tag Clouds

Blog Roll

Popular Posts

Blogger Help

Pages