Blogger Image limit and ways to increase it up to your requirement

Are you uploading images to blog and think that you can upload as many as you can then sorry you are wrong.Currently blogger allow only 1024 MB or 1 GB storage space to upload images per blog.
All images you post are stored in Picasa Web Albums and you can easy check how much space you used and still how much storage space is left.
How to check image storage space :
* Go to your blogger dashboard
* Click create a new post
* Click on Add Image Button.
* You can see example below.As blogger account is integrated with Picasa Web Albums,you can visit Picasa Web Albums and can login with your google email id and password.

How to increase/upgrade storage :
After login in Picasa Web Albums
* Click settings (top right)
* The choose option storage
* Click Upgrade your storage
* Next select the plan according to your requirement and click buy and fallow other instructions..

Current available plans :
20 GB ($5.00 USD per year)
80 GB ($20.00 USD per year)
200 GB ($50.00 USD per year)
400 GB ($100.00 USD per year)
1 TB ($256.00 USD per year)

Add Email Subscription Form to your Blogger blog

Email subscription form allow your visitors to subscribe to receive emails of your blog posts when ever the blog is updated.It is a best way to get in touch with your visitors.When ever you update your blog they will receive the email with that update and they can read directly in there email or they can come to your site and can read the full post


Want to Add Email Subscription form in your blog then fallow below steps :

* First you should create an account in FeedBurner and login in your account.
* Click on My feeds and the right top corner

* Click on the blog name,if you not added your blog in feedburner then type your blog URl and click NExt.See below
* select any option you want.Good is RSS Feed

* Now click Publicize.See below
* Select the Email Subscriptions (Left Side)

* Click ACTIVE
* Now copy the HTML text and click Save

* Now go to your blog dashboard -> Layout -> Page Elements -> Add a gadget -> Html/javascript -> Paste the Html Text and save it.

* Completed..

How to Add text links(hyperlinks) to your blog

" Hyperlink means a link which when clicked go to another section of webpages,posts,etc..."

For example : Add Favicon to your blog easily

Steps to add hyperlink:

* Open in same window

Html code is : <a href="Url">TEXT HERE </a>

For example : Url: http://www.Yahoo.com
Text Here: Yahoo

So the html code looks like: <a href="http://www.yahoo.com">Yahoo</a>

Result: Yahoo

* Open in New window

Html code is : <a href="url" target="_blank">TEXT HERE </a>

For example: Url: http://www.yahoo.com
Text here: Yahoo.com

Result: Yahoo

How to Create and Add PAYPAL DONATE button to your Blogger Blog

Are you a blogger or a website admin and if you think that donation is necessary for your blog or website to run.Then here it come a cool way so that your visitors can donate you with paypal donation button.

Fallow below steps to create paypal button and add it to your blog:

* First Login in your paypal account.
* Click Merchant Services.
* Scroll down and click donations link


* Then fill the form
-> Select Accept payment for " Donations "
-> Type organization and donation id - any thing as you like
-> Customize button - select your button size etc...
-> USD -> Donors enter their own contribution amount -> Secure merchant account ID.
* Click create Button * Now copy the html text and login to your blogger dashboard

* Dashboard -> Layout -> Page Elements -> Add a Gadget ->Click html/Java Script

and paste the html text and save it.How your donation button is ready.......

Remove/Hide Label Count in Blogger Blogs

Many blogger don't like to show label counts on there blogs.So fallow below trick to hide or remove the Label count in blogger blogs

* Blogger dashboard > Layout > Edit html > Expand widget.
* Search <span dir='ltr'>(<data:label.count/>)</span>
and remove the line
* Save the template and you are done.......

Add Favicon To Your Blog Easily

A Favicon gives a professional look to your website or Blog.Today there are many websites which provide ready mate favicons or you can upload your own picture and can get *.ico favicon .You can save to your desktop or you can get html link and you can directly add that html link your blog or site

According to me iconj.com is best.Here you can find ready mate favicons and also you can upload your own picture(GIF, PNG, JPG, BMP, ICO, TIFF, less then 1MB) .Just click browse and select your picture in your system and click upload
After uploading you can download that favicon on your computer or you can copy the direct link so that you can add it to your site or blog

Steps to add Favicon in your blog:

* Go To Edit Html > Expand Widgets:
* Search &lt;title>&lt;data:blog.pageTitle/>&lt;/title>
* And Paste the link direct link below it

For example:

&lt;title>&lt;data:blog.pageTitle/>&lt;/title>
&lt;link href='http://www.iconj.com/ico/1/s/1s8m6o5az1.ico' rel='shortcut icon'/>
&lt;b:skin>&lt;![CDATA[/*

and save the template...successful

How to show html text in blogger posts

Many visitors asked the question How to show html text in my blogger posts so that visitor can copy and paste.

The reason for this to occur is that if you try to type the HTML the web browser will interpret that as an instruction to display what follows in a new line (line break) but not display the HTML.

So the easy and simple solution for this is just visit

http://centricle.com/tools/html-entities/

and paste the html that you want to show in your post in that site and click Encode and after clicking Encode just copy the result Html and paste it in your blogger post.

Now your done.Just and Short and simple.....

How to Hide/Remove the blogger nav bar

The navigation or nav bar at the top of blogspot blogs is a eyesore and makes the blog look unprofessional.As Blogger terms and conditions not mentioned about removing Navbar is legal or illegal.To remove the Navbar fallow the Below steps.



Go To Edit Html > Expand Widgets:

* Search for ]]></b:skin>

* Add Below code above the ]]></b:skin>

#navbar { height: 0px; visibility: hidden; display: none; }

* save the template and You done it..

Related Posts Widget For Blogger

Related Posts Widget For Blogger,With this many of your readers will remain on your site for longer periods of time when they see related posts of interest.The related articles are chosen from other posts in that same category/label/tag.

Steps:

1. Go to Layout >Edit HTML in your Blogger Dashboard.
   
2. Back up your existing Template before making any changes..


3. Check the "Expand Widget Templates" box.


4. Search for the </head> tag.
   


5. Add the following code just before the </head> tag.

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>






6. Now search for <p><data:post.body/></p>
   


7. Add the following code just below the code you just searched for.
   

   <b:if cond='data:blog.pageType == "item"'>
   <div id="related-posts">
   <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
   
   <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=4&quot;' type='text/javascript'/></b:if></b:loop> </font>
   <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
   </script>
   </div></b:if>

   
   


8. Now Save your Template and You done it...
   

Note:
* In order to change the number of maximum related posts being displayed, search for the code below (high lighted with blue) and change the number "4" to any desired number.

max-results=4

Remove "Showing Posts with Label" Message

Many Blogger search on google "How to Remove Showing Posts With Label in Blogger Blogs" i.e Show all posts link when we click on the labels link. If you too dont like the section below in picture in your blog , then read below how to remove it from your blogger.
Go To Edit Html > Expand Widgets:

Search for below codes

<b:includable id="'status-message'">
<b:if cond="'data:navMessage'">
<div class="'status-msg-wrap'">
<div class="'status-msg-body'">
<data:navmessage/>
</div>
<div class="'status-msg-border'">
<div class="'status-msg-bg'">
<div class="'status-msg-hidden'"><data:navmessage/></div>
</div>
</div>
</div>
<div style="'clear:">
</b:if>
</b:includable>

And now replace above codes with below :

<b:includable id="'status-message'">
<b:if cond="'data:navMessage'">
<div>
</div>
<div style="'clear:">
</b:if>
</b:includable>

Now save the template and you have done it.