Thursday, April 30, 2009

Problem with transfering blog between blogger / wordpress / typepad / livejournal / movabletype


I have seen many people complaining issues about transferring blog between blogger, typepad, livejournal movabletype and wordpress. Now there is a simple way to solve this issue.

Please follow bellow steps to resolve these issues.

Go to http://code.google.com/p/google-blog-converters-appengine/ and download tat.gz file

This tool provides Python libraries and runnable scripts that convert between the export formats of Blogger, LiveJournal, MovableType, and WordPress.

In addition, the source code also includes templates for hosting these conversions on Google App Engine. Future additions to the project will include support for BlogML and synchronization tools between various services that do not provide a import/export feature but do provide APIs for accessing and modifying blog contents.

Source:http://google-opensource.blogspot.com/2009/01/google-blog-converters-10-released.html

Share |

How to Backup / Restore blogger Template?


If you are worried about how to take the back up of the HTML template of my blog before making any changes in the HTML template. Here are some very simple steps to backup and restore HTML template of the blog.

Backup HTML template

  • Login to blogger.com and you are at blogger Dashboard
  • Here click on the Layout link of the blog for which you want to backup HTML template
  • Now you are at Layout->Page Elements of you blog
  • Here click on the Edit HTML link in the tab
  • And you are at Layout->HTML Template as shown in bellow image
  • Now click on Download Full Template link and it will ask you to save some .xml file save this file at your computer and this file is backup of your blog's HTML template
  • You can use this file in future to restore HTML template (check following steps to know how to restore blogger template)
Restore blogger template
  • Login to blogger.com and you are at blogger Dashboard
  • Here click on the Layout link of the blog for which you want to backup HTML template
  • Now you are at Layout->Page Elements of you blog
  • Here click on the Edit HTML link in the tab
  • And you are at Layout->HTML Template as shown in bellow image
  • Here click on Browse button select previously backed up .xml file of your blog's template from your computer
  • And then click on Upload button.
  • Note: If you have added any new widget / gadget after backing up template then it will give you warning that those widgets / gadgets will be removed. If you are OK with removal of new widgets / gadgets then click on CONFIRM & SAVE or else you can click on CANCEL and cancel restoring of the previously backedup template
  • That's done with restoring of the backed up template

Related Articles

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Embed adsense ads withing post

Share |

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?


First you need to get Adsense for Content code from Adsense. (Click here to know how to get Adsense for content code)

This code will be similar to (This is not exact code it may be different for differ user and different options selected)

<script type="text/javascript"&gt;<!--
google_ad_client = "pub-XXXXXXXXXXXXXXX
X";
google_ad_width = 468;

google_ad_height = 60;
google_ad_format =
"468x60_as";
google_ad_type = "text_image";

google_ad_channel = "";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

This process requires editing of HTML template of your blog and little bit modification in script code of Adsense code. If you are not aware about scripting or HTML then also you don’t need to worry about it. You can apply following simple steps and everything is done

Normally Google Adsense terms and conditions does not allow you to modify its code. But following modification will not harm you since when this code is used in your blog, and when we look at the source of the blog page it will look exactly same as above code.

In the above code replace all & symbol with &

Replace all < symbol with <

Replace all > symbol with >

Replace all “ symbol with "

Hence the above code will look like

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = &quot;468x60_as&quot;;
google_ad_type = &quot;text_image&quot;;
google_ad_channel = &quot;&quot;;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

Now following changes you need to do at your blog's HTML template

1) Login to blogger.com and you will see Dashboard

2) Click on Layout / Template link for your blog

3) Now you are at Layout -> Page Elements. Here click on Edit HTML link. This will take you to the HTML template of the blog.

4) Here the first thing you need to do is take a back of your HTML template. Hence you can restore it later if you wanted to undo changes (Click here to know how to backup and restore HTML template for blogger’s blog)

5) After taking back up select check box for Expand Widget Templates

6) Now you need to look for the following code

<p><data:post.body/></p>

7) Now between <p> and <data:post.body/> write following code

<div style=’float: left;’>

</div>

8) And the code will look like

<p>

<div style=’float: left;’>

</div>

<data:post.body/></p>

9) After this you can copy and paste modified Google Adsense code between <div style=’float: left;’> and </div>

10) After pasting the Google Adsense code it will look like

<p>

<div style=’float: left;’>

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = &quot;468x60_as&quot;;
google_ad_type = &quot;text_image&quot;;
google_ad_channel = &quot;&quot;;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

</div>

<data:post.body/></p>


11)


Now click to PREVIEW button to verify the changes are correct or not. If everything is alright then click on SAVE button to save the HTML template or click on CLEAR EDITS or DISCARD EDITS to undo all the changes and redo above steps again carefully to rectify the mistake

12) After you have saved the HTML template still if you are willing to revert back to original template. You can restore the backed up template file at step 4 ( follow the instruction to restore the backed up template)

Related Articles

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

How to have Add a Gadget option for Post section of the blogger’s blog and how to make Post gadget / widget moveable?



Many of my friends are asking me how to add more widgets at header section of the blogger’s blog or else how move blog header gadget / widget to some other place. So here are some simple steps to do that. You need to some editing in the HTML template of the blog. You may be worried if I do not know HTML than what to do? You do not need to worry about just apply following simple steps and everything is done:

1. Login to blogger.com and go to Dashboard

2. Now go to Layout or Template of the blog for which you wanted to change the header image or add the new header image

3. Now you are at Layout -> Page Elements. Click on Edit HTML link to edit HTML template for the blog

4. Here the first thing you need to do is take a back of your HTML template. Hence you can restore it later if you wanted to undo changes (Click here to know how to backup and restore HTML template for blogger’s blog)

5. After taking backup find following line the HTML template as shown in the image.

<b:section class=’main’ id=’main’ showaddelement=’no’>

<b:widget id=’blog1’ locked=’true’ title='Blog Posts' type='Blog'/>

</b:section>

6. In the above code instead of title=’Technical Details(Header)’ it will be your blog’s title followed by (Header)

e.g. if your blog’s name is Latest Jokes then it will be title=’Latest Jokes(Header)’

7. The thing you need to modify in the given code is whichever is in the red and bold

· Change the value of maxwidget=’1’ to maxwidget=’5’ (instead of 5 you can specify any number more than 1),or if it is not present than add this attribute to b:section as shown in bellow code

· Change the value of showaddelement=’no’ to showaddelement=’yes’

· And finally change the value of locked=’true’ to locked=’false’

8. Hence after modifying above code in HTML template it looks like bellow:

<b:section class=’main’ id=’main’ maxwidget=’5’ showaddelement=’yes’>

<b:widget id=’blog1’ locked=’false’ title='Blog Posts' type='Blog'/>

</b:section>

9. Please check the bellow image

10. Now click on “PREVIEW” button if everything is alright in the preview then you can save the template by clicking the “SAVE” button or if something seems to wrong then click on “CLEAR EDITS” button and follow the instructions from the step 5 again to check if there is something wrong.

11. Now you can click on the link “Page Elements” and here you will have option to “Add a Gadget” in the Header section as well as now blog header section is now moveable.

12. Click on “Add a Gadget” link above the blog Header to add a gadget in the header section. Add any kind of gadget and save the template

13. You can also move blog header to some other section by drag and drop.

14. Don’t for get to click on “SAVE” button after making any kind of changes.

15. Finally if you are not happy with new look and feel or template then you can always restore the backed up HTML template at step 4 ( follow the instruction to restore the backed up template)

Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?


Share |

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?



Many of my friends are asking me how to add more widgets at header section of the blogger’s blog or else how move blog header gadget / widget to some other place. So here are some simple steps to do that. You need to some editing in the HTML template of the blog. You may be worried if I do not know HTML than what to do? You do not need to worry about just apply following simple steps and everything is done:

1. Login to blogger.com and go to Dashboard

2. Now go to Layout or Template of the blog for which you wanted to change the header image or add the new header image

3. Now you are at Layout -> Page Elements. Click on Edit HTML link to edit HTML template for the blog

4. Here the first thing you need to do is take a back of your HTML template. Hence you can restore it later if you wanted to undo changes (Click here to know how to backup and restore HTML template for blogger’s blog)

5. After taking backup find following line the HTML template as shown in the image.

<b:section class=’header’ id=’header’ maxwidget=’1’ showaddelement=’no’>

<b:widget id=’Header1’ locked=’true’ title=’Technical Details(Header)’ type=’Header’/>

</b:section>

6. In the above code instead of title=’Technical Details(Header)’ it will be your blog’s title followed by (Header)

e.g. if your blog’s name is Latest Jokes then it will be title=’Latest Jokes(Header)’

7. The thing you need to modify in the given code is whichever is in the red and bold

· Change the value of maxwidget=’1’ to maxwidget=’5’ (instead of 5 you can specify any number more than 1),

· Change the value of showaddelement=’no’ to showaddelement=’yes’

· And finally change the value of locked=’true’ to locked=’false’

8. Hence after modifying above code in HTML template it looks like bellow:

<b:section class=’header’ id=’header’ maxwidget=’5’ showaddelement=’yes’>

<b:widget id=’Header1’ locked=’false’ title=’Technical Details(Header)’ type=’Header’/>

</b:section>

9. Please check the bellow image

10. Now click on “PREVIEW” button if everything is alright in the preview then you can save the template by clicking the “SAVE” button or if something seems to wrong then click on “CLEAR EDITS” button and follow the instructions from the step 5 again to check if there is something wrong.

11. Now you can click on the link “Page Elements” and here you will have option to “Add a Gadget” in the Header section as well as now blog header section is now moveable.

12. Click on “Add a Gadget” link above the blog Header to add a gadget in the header section. Add any kind of gadget and save the template

13. You can also move blog header to some other section by drag and drop.

14. Don’t for get to click on “SAVE” button after making any kind of changes.

15. Finally if you are not happy with new look and feel or template then you can always restore the backed up HTML template at step 4 ( follow the instruction to restore the backed up template)

Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

Wednesday, April 29, 2009

How to change the order in which post list being displayed in Blog Archive ?


If you see blog archive at your blog, by default it displays the newer post first and than the older one. You can change this to display oldest post first and newest post at the end for the blog archive widget / gadget. You apply following simple steps to do this.

  • Login to blogger.com and you will be at Dashboard
  • Now you will need to click on Layout link for the blog of which you want to change the archiving order
  • Here click on Edit link for the Blog Archive gadget / widget. The pop up will open as shown bellow.
  • If you wish to show oldest post first then select check box fro Show Oldest Posts First
  • If you wish to show newest post first then deselect check box fro Show Oldest Posts First
  • Click on SAVE button and than click on SAVE button at Layout -> Page Elements
Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

Good news for Indain Publishers of Adsense


Hi everyone,

This is really good news for Adsense Publishers in India. Now Adsense uses Blue Dart - DHL to send cheques in India by default. And secure payment option will no longer be there for Indian publishers. Since google by default making secure paymnet by using Blue Dart - DHL option for all adsense publisher's cheque payment

Now also you will be receiveing your adsense payment cheque early from this month.

So enjoy secure and early payment from Google Adsense from this month

Reference: http://groups.google.com/group/Inside-AdSense/browse_frm/thread/fcbd17832b900ff9?hl=en

Share |

How to enable / disable Adsense ads for Blog Post Widget?


If you have integrated adsense with blogger. Blogger automatically start showing adsense ads for Blog Posts widgets. You might dont see any Adsense widget there but ads are appearing before or after the post. Here is the solution how do you enable or disable Adsense for Blog Posts widget.

  • Login to blogger.com and you will see the Dashboard
  • Here click on Layout link for the blog you want to eanble / disable adsense in blog posts widget
  • Now you will be at Layout -> Page Elements
  • Here you can see Blog Posts widget / gadget in the Layout
  • Click on Edit link for Blog Posts widget / gadget
  • You can see following popup (Pop up must be enabled for your browser)
  • Here select check box for Show Ads Between Posts if you want to show adsense ads befor or after the post
  • Or else deselect check box for Show Ads Between Posts if you don't want to show adsense ads befor or after the post
Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

Tuesday, April 28, 2009

Forgot Blogger Username / Password - My blog is stolen - My blog is lost


I have seen may people complaining about my blog is lost or my blog is stolen. When I logged in to my blogger account I can not find my blog over there. And I feel laugh for a second. Don't worry everyone you blog is not lost or stolen. It is there as it is. There are one of the following thing could happened with you also

1) You are using multiple blogger accounts to handle multiple blogs of yours.

  • In this you need to fist list out all the accounts you have used for you blogs. And try to log-in with all different blogger accounts and verify that your blog exist in which blogger account
  • If you have forgotten password of any of the account than try password recovery from this location http://www.blogger.com/forgot.g
  • If you know the email address then type the email address in the input box next to Email Address and click on the LOOKUP button.
  • Then check the email in the Inbox of the particular email id after 5-10 minutes
  • If you do not find email in the Inbox check in other folders and labels also check in Archive and Spam folder
  • Once you have received email follow the steps in the email to recover the password
Note: You need to repeat this procedure for all your blogger account

2) You might don't remember the some blogger account
  • In this case list out all email addresses you have used till now.
  • Next thing is you should go to http://www.blogger.com/forgot.g
  • Here in the What is your blog's URL? section type the URL of you blog excluding .blogspot.com (e.g. my blog URL is http://technical-tejash.blogspot.com so I will type technical-tejash in the text input box ) and click on LOOKUP button
  • Now go and login to all listed email account and check emails in Inbox, Folders, Labels, Archive and Trash / Deleted Items
  • You must have received email from blogger in one of the email id. Now follow the instructions in the email and you can access your blog
3) The last thing you could have make your blog hidden by clicking "Hide" link next to your blog name
  • In case you need to perform step 1 and step 2 along with following steps
  • When you login in to blogger dashboard you should scroll down to the last blog name
  • Bellow the last blog name you find Show All link if you have any hidden blogs as shwon in bellow image
  • Click on Show All link and you are able to view the all the hidden blogs.
Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

Monday, April 27, 2009

How to reduce / decrease bounce rate of your website / blog? – Using target=’_blank’ to reduce / decrease bounce rate.


How to reduce / decrease bounce rate of your website / blog? – Using target=’_blank’ to reduce / decrease bounce rate.

Everyone is worried about how to reduce bounce rate of your blog / website since bounce rate is very important factor to increase your page rank (To know what is bounce rate click here). The lower the bounce rate the higher the page rank. Target=’_blank’ plays very important role in reducing / decreasing bounce rate.

LOL...don't look at me like that...I'm not talking dirty :-) Using target=’_blank’ in the anchor tag opens the target link in the new window, this is desired for 2 important reasons.

1) Visitor still on page of your website / blog. So that visitor do not need to navigate back to come back to your page.

2) It also helps decreasing / reducing bounce rate of your website / blog.

If you are involved in increasing your SEO (Search Engine Optimization), the bounce rate on an entry page can help to determine how effective it is at grabbing people's attention. Bounce rate is only an SEO factor to improve page rank of your blog or site / blog which is involved with commerce. If your blog / site is just providing information or news than bounce rate is not an important factor for you.

Example of setting target=’_blank’ for out going links

<a href="URL " target="_blank"> Link Text </a>

<a href=’http://jokes-tejash.blogspot.com’ target=’_blank’ > Latest Jokes </a>

If you want to add the link for the image which should open in new window then you can do it similarly as follows:

<a href="URL Link" target="_blank"> <img src='Image URL'/> </a>

<a href=’http://jokes-tejash.blogspot.com’ target=’_blank’ > <img src='http://www.example.com/example.jpg'/> </a>

Share |

How to add /change the color and look and feel of the scrollbar of the browser for your blog or website?



Hi friends, you must have seen colorful or customized scrollbar on many blogs and websites and if you are willing to apply it on your blog or website than please follow bellow instructions.

Changing scrollbar look and feel and color on blogger’s blog

To enable colorful scrollbar in the blogger’s blog you need to edit HTML template of the blog. If you do not know HTML, don’t worry and apply following easy steps and it will be done. (Note: This changes works best in Internet Explorer browser only, for other browser it may or may not work)

1. Login to blogger.com and go to Dashboard

2. Now go to Layout or Template of the blog for which you wanted to change the header image or add the new header image

3. Now you are at Layout -&gt; Page Elements. Click on Edit HTML link to edit HTML template for the blog

4. Here the first thing you need to do is take a back of your HTML template. Hence you can restore it later if you wanted to undo changes (Click here to know how to backup and restore HTML template for blogger’s blog)

5. Now search for &lt;/head&gt; in the HTML Template

6. Copy and paste following code before &lt;/head&gt; tag in the HTML template code

&lt;style type="text/css"&gt;
html {
scrollbar-arrow-color:#6E0502;
scrollbar-track-color:#940400;
scrollbar-face-color:#6BE02;
scrollbar-highlight-color:#909400;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#473624;
scrollbar-shadow-color:#BFB186;
}
&lt;/style&gt;

7. Then “PREVIEW” button to check weather everything is alright.

8. If everything is alright then click on “SAVE” button to save the HTML template or click on “CLEAR EDITS” to undo changes if it doesn’t work well.

9. Finally if you are not happy with new look and feel or template then you can always restore the backed up HTML template at step 4 ( follow the instruction to restore the backed up template) J

Changing scrollbar look and feel and color for other blog or website

1. In the source code of your blog or website find &lt;/head&gt;

2. Just before &lt;/head&gt; copy and paste following code

&lt;style type="text/css"&gt;
html {
scrollbar-arrow-color:#6E0502;
scrollbar-track-color:#940400;
scrollbar-face-color:#6BE02;
scrollbar-highlight-color:#909400;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#473624;
scrollbar-shadow-color:#BFB186;
}
&lt;/style&gt;

3. And save your code and everything is done.


Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

How to add / Change Header image of blogger’s blog? – Problem with custom template lost header image.


I have seen many bloggers complaining that their header images are lost when changing to new / custom templates. I can suggest you some work around for restoring or changing the blogger’s header image.

This technique requires you to work with HTML template. You don’t worry even if you don’t know anything about HTML. Please follow bellow instructions and you will be done with that.

1) Login to blogger.com and go to Dashboard

2) Now go to Layout or Template of the blog for which you wanted to change the header image or add the new header image

3) Now you are at Layout -> Page Elements. Here you can find header page element

4) Click on Edit link for the header page element.

5) This will open pop up to change header information as bellow:

6) Here, in the image section, you can select “From your computer” and click on browse button and select the image from your computer

7) Or else you can select option “From the web” and specify the URL where you have uploaded the image.

8) Now click on “SAVE” button bellow.

9) Then click on “SAVE” button at Page Elements page. And everything is done now.

Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

Blogger Link list with scroll bar / very long list of link list with scroll barsupport in blogger


One of my blog has link list which has lot of links in it. I thought of creating a scrollable link list, so that it should not occupy too much space. I was playing around with HTML template with some CSS style code and finally I found the solution to make scrollable link list. I would like to share the steps and code to make scrollable linked list. Though it requires editing HTML template of your blog it doesn’t require knowledge of HTML. You just need to apply bellow mentioned simple steps:

1. Login to blogger.com and go to Dashboard

2. Now go to Layout or Template of the blog for which you wanted to change the header image or add the new header image

3. Now you are at Layout -&gt; Page Elements. Click on Edit HTML link to edit HTML template for the blog

4. Here the first thing you need to do is take a back of your HTML template. Hence you can restore it later if you wanted to undo changes (Click here to know how to backup and restore HTML template for blogger’s blog)

5. Select the check box “Expand widget Templates

6. Now search following code to search name of the link list

type='LinkList'

7. Here Link list name is LinkList1 for your it could be LinkList1, LinkList2, LinkList3 … or similar

8. Now you need to add following code just before ]]></b:skin> in the HTML template as shown in following image:

#LinkList1 {
height
:150px;
overflow:auto;
}

9. Here hight:150px; the height of the link list to increase the height use bigger number and to decrease the height use small number.

10. #LinkList1 specifies the name of link list is LinkList1 if the name is different than use #.

e.g. if link list name is LinkList2 than use #LinkList2

11. If you are having multiple link list than you need to add multiple code similar to bellow:

e.g. If you have 3 link list with names LinkList1 , LinkList2 and LinkList3 than code will be

#LinkList1 {
height:150px;
overflow:auto;
}

#LinkList2 {
height:150px;
overflow:auto;
}

#LinkList2 {
height:150px;
overflow:auto;
}

12. After this you can click on “PREVIEW” button to verify the changes, if everything is alright than click on “SAVE” button to save the template or if there is any problem than click on "Discard Edits" or “CLEAR EDITS” button to revert changes and make changes again from step 5

13. Finally if you are not happy with new look and feel or template then you can always restore the backed up HTML template at step 4 ( follow the instruction to restore the backed up template)



Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

How to Unsubscribe Gooogle Gorups? - Dont want to receive email from google group


Many people are asking that how do I unsubscribe a Google Group?
There are 2 ways to unsubscribe the Google Group.

  • Check you are receiving email from the Google Group.
  • Go to the bottom part of the email it would be something similar to bellow image.
  • You can see the line "To unsubscribe from this group, send email to" after this there will be one email id mentioned you need to send blank email to that email id from the same email account using which you have subscribed to the Google group. e.g. as shown in above image you need to send blank email to blogger-general-discussion+unsubscribe@googlegroups.com to unsubcribe from blogger-general-discussion
Method 2

  • Open any email which was arrived from Google Group which you wanted to unsubscribe.
  • Go to bottom part of the email there you can see link "For more options, visit this group at" and followed by it there is link to the Google Group. Click on that link

  • You will find Google Group's page as shown in bellow image
  • In this click on Edit Membership at the right side bar
  • This will take you to the edit membership page as shown in bellow image
  • If you do not wish to unsubscribe the group and just wanted not to receive email from group then select option "No Email" in the above page and click on "Save Settings" button
  • If you want to unsubscribe this group then click on Unsubscribe button and follow the instructions

Share |

How to change value of Older Post / Newer Post / Home for the blogger's blog


You must have seen links "Older Posts" , "Newer Posts" and "Home" at the bottom of the blog post for any blogger.com blog. If you are willing to change these names to some thing else like "Next" , "Previous" and "Home Page", then here are some simple steps to do that. For this you need to edit HTML template of the blogger. Even if you do not know HTML you don't need to worry and just apply following simple steps

  • Login to Blogger and go to your Dashboard
  • Navigate to Layout >> Edit HTML
  • Back up the HTML template.
  • Select check box for Expand Widget Templates
  • Now search for the below codes in your template to change the value of Newer Posts as shown in the bellow image
<data:newerPageTitle/>





Change this to
Next
or whatever label you want to give as shown in the bellow image





To change Older Posts Link Label find the following code
<data:olderPageTitle/>
as shown in bellow image



Change this to
Previous
or whatever label you want to give as shown in the bellow image





Now to change Home Link Label find the following code
<data:olderPageTitle/>
as shown in bellow image



Change this to
Home Page
or whatever label you want to give as shown in the bellow image




After all this you can click on PREVIEW button to check whether changes are all correct. If any thing is wrong then click on "CLEAR EDITS" and redo the above mentioned steps

If everything is alright then click on "SAVE TEMPLATE" button

If at any point of time you wanted to revert back the changes you can restore the backed up template.

Note: If you know HTML very well than you can also place images instead of Next, Previous, Home Page using ≶img> tag. I will post simple steps to embed images of Home, Next and Previous soon for those who do not know HTML.

Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

Topics

 
Embed Wave to Blogger