Health Tips|Beauty Tips|Cooking Tips|weight loss|Medicine Tips

Thumbnail Albums for Blogger.

Thumbnail albums can be created in Blogger using software or by hardcoding them in the Edit Html tab of the post Editor. It is preferable to do the latter as it gives you better control besides saving on the cost of third party software.....

The first step is to upload your image to a freehost like Googlepages. Do not upload to Blogger as it resizes your image to arbitrary sizes. After uploading image as described in Upload Files to Blogger copy down the link to the image. Then login to Dashboard of Blogger and click on +New Post link. The Post Editor opens and click on Edit Html tab ofPost Editor. Use the following code to paste the image in it :

<A HREF="URL OF IMAGE" target="_blank" title="Click to view" >
<IMG HEIGHT=50 WIDTH=50 SRC="URL OF IMAGE" alt="image name" /></A>

Adjust the numbers 50 by clicking on the Preview link in top frame of Post Editor. This uses HTML to resize your image. Because of this the image loads faster. As an example I have used this function to load a wallpaper of Andrea Rincon below.

The actual size of this image is 1024 by 768 pixels. Click on the image to see actual size.

THUMBNAIL ALBUM

To make a thumbnail album make a table and insert the above code in each cell. For example if you want a table with four images use this code for a one row by four columns table :

<TABLE> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> </TABLE>

Insert the code for the picture between each <TD> and </TD> tags. Type out the full code in one line in Notepad without pressing Enter and then paste it in your post. See Below :

For a two by two table use this code :

<TABLE> <TR> <TD> </TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> </TR> </TABLE>

See example below :

To add table spacing and borders add this line instead of the first <TABLE>

<TABLE cellspacing=0 cellpadding=3 width="80%" border=1 bordercolor="#0000ff">

For example a three row by two column table will be :

To add a caption add this line after the first <TABLE> tags :

<caption>Picture Gallery</caption>

This will show as follows in a two by three gallery:

Picture Gallery

To add titles for each picture below it add two more rows by pasting this code :

<TR>

<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>WALLPAPER 1</b></font></TD>

<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>WALLPAPER 2</b></font></TD>

<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>WALLPAPER 3</b></font></TD></TR>

See the effect below :

Picture Gallery

WALLPAPER 1	WALLPAPER 2	WALLPAPER 3

WALLPAPER 1	WALLPAPER 2	WALLPAPER 3

Read more >>

Continue Reading >>>>More! Pictures

Feedburner and Blog Feeds.

Blog Feeds are a method by which viewers can view your blog and updated content without visiting your blog. Their importance is further enhanced by Google's frequent indexing of feed content........

To make sure that your blog content appears in the Search Engine results turn on your feeds. For this go to Settings------->Site Feed------>Select Short or Full Feeds and Save Settings.

Your blog feeds once turned on are accessed using their feed URLs. The URLs for your beta/new blog's feed is

http://yourblogname.blogspot.com/feeds/posts/full
http://yourblogname.blogspot.com/feeds/posts/default?alt=rss

Substitute actual blog name in place of yourblogname. For example the feeds for my blog can be accessed by clicking on :

http://allthetech.blogspot.com/feeds/posts/summary
http://allthetech.blogspot.com/feeds/posts/default?alt=rss

Click on the above links to see the result. To view a blog's feeds in a Feed reader such as Bloglines or Google Reader simply add these URLs to it.

PUBLICIZE FEEDS

:To ensure that your viewers can easily subscribe to your blog content you have to put these URLs in a place easily seen on your blog. Blogger provides a link to them at the end of the posts. See What is Subscribe to Posts Atom.

Login to Feedburner and click on name of your blog. Then click on Publicize tab on top. Then click on Chicklet Chooser in sidebar. Choose the new standard feed icon by clicking its radio button. Scroll down and choose Use as a Widget in Blogger. Then click Go and follow instructions.

FEEDBURNER.COM

Feedburner.com provides a standard method of sending your feeds out. Your Blog feeds are taken by Feedburner and sent out. If you turn off your blog feeds then Feedburner will also give you error. To 'burn' your feed at feedburner goto feedburner.com and paste your blog URL into the text box provided and click on Next.

There is no actual burning involved. Feedburner takes blog feeds modifies them according to the settings you specify and passes them onto the readers. To make the actual connection with a blogfeed you have to first submit or burn it at feedburner. It is a once only process. Feedburner being separate from Blogger cannot connect with your feed unless you submit it to them. They prefer to call it burning in accordance with their name and probably to invest it with some portent!

Feedburner will show you what feeds are available (Atom and RSS) and ask you to choose one. Choose anyone and click on Next. Feedburner will give your feed a title and a new URL which you can copy and save for personal reference. Click on Activate Feed. The feed is now activated and you have to put the link for it in a prominent place on your site. Click on Skip directly to feed management beside the Next button at the bottom.

PUBLICIZE FEED

Buzzboost is the first option here. This takes your feed URL and turns it into Javascript code which you can embed into any other website you own which will then show the contents of your blog on that site. As an example I have added it to this Googlepages site : http://betabloggerfordummies.googlepages.com/bbd
This gives your content more exposure automatically.

Headline Animator is the second option. This displays rotating headlines from your blog. You can customize its appearance. See the left column of my blog where there is a seasonal Headline Animator. You can add this to the foot of your Emails also. Place this on another of your sites to promote your content.

FeedCount is another way to promote your feed. It is a dynamic graphic that always displays your feed's current circulation, as calculated by FeedBurner. Choose its color scheme and an animated or static appearance. This impresses your viewers into signing up for your feed.

Chicklet Chooser : These are small buttons which are the links for viewing your blog feed in any feed reader or application. You can choose the standard feed icon or any of the many chiclets. Paste the html code into a Html/Javascript Page Element in sidebar. This encourages people to subscribe to your feed by posting a friendly graphic in an easy-to-find location.

PingShot : This Notifies services when you publish. You can notify Technorati, My Yahoo, Bloglines, PubSub, Ping-o-matic, Newsgator and up to five additional services. Click on activate after choosing and then Save. Whenever you publish new content all these services are notified.

Email Subscriptions : Offers feed updates via email. Activate this and you will be given code to put in your site. Viewers can then type in their email address and click the Subscribe button. They will then receive in their email any updates to your blog.

Creative Commons : This service attaches the appropriate Creative Commons license in your feed's content. Choose the options you want and Activate and Save.

Password Protector : Basic security to keep an unwanted Tom, Dick, or Harry out of your feed. Protect your feed with a required username and password using HTTP
authentication. Any requests for your burned feed will require readers to enter a username and password to retrieve it.
OPTIMIZE FEED

Browser Friendly : makes your feed formatting easy to read in any browser. Choose among the options and Activate.

SmartFeed : Makes your feed compatible with any Reader application whether it is RSS or Atom.

FeedFlare : gives the viewer multiple options at the bottom of each post. See image below:

AUTODISCOVERY

It's a tag that tells web-based news readers and browsers like Firefox and IE7 what your exact feed address is. First View your blog in a browser and click on View----->Page Source. Locate these lines at the top :

Copy this code. Then goto Template----->Edit Html and locate this line :

<b:data='blog' name='all-head-content'>

Replace the above line with the source copied. Save Template.

Then in the same code replace these lines :

with this line :

where YOURBLOGFEEDNAME is the URI, of your FeedBurner feed. Save Template.

Read more >>

Continue Reading >>>>More! Pictures

How to put Adsense Link unit in your Header.

To put an Adsense Link Unit Ad. in the header..........

Log in to your Dashboard. Click on your 'Layout' link under your blog name. This takes you to Page Elements under the Template tab. Click on Edit Html. Scroll down in Edit Template field till you come to :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' preferred='yes' showaddelement='yes'>

Change the second line to be the same as the second and third lines above.
Save Template.
Go to Page Elements subtab.
Now you will see in the Header Section an 'Add Page Element' link.
Click on the link and in the popup window choose Html/Javascript.
Paste your Adsense 728 by 15 Ad. Javascript code in Content field.
Save. The Ad. unit is placed above the Title unit.
Click and drag this to below the Title unit.
Save.
View blog.

Read more >>

Continue Reading >>>>More! Pictures

How to insert Banner Link to your Blog in each Post.

To Insert a Banner Link to your blog you must first...............

have a banner ready. You can create your own banner in an image editing program like I have done or go to an online banner generator. To find an online banner generator just type 'free banner generator' in Google's Search Box and hit Enter.

Once you have made a banner upload it to a free host like GooglePages. At present GooglePages offers 100 MB free space for hosting your files. After uploading it copy the Url of the image.

You can even upload the banner picture to Blogger. To do this click on Create Post and click on the Add Image icon in the top frame of the Post Editor.

NOTE :THE ONLY FILE YOU CAN UPLOAD TO BLOGGER IS A IMAGE FILE.

Choose the picture in your PC by browsing to it and upload it to the post. Now click the Edit Html tab in the top frame of the Post Editor. There you will see the code for the picture which will look like this :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp0.blogger.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s1600-h/PIC_NAME.jpg">
<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://bp0.blogger.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s400/PIC_NAME.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5005503282919547810" /></a>

You can extract the URL of the picture from the above code like this :

http://bp0.blogger.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s400/PIC_NAME.jpg

Copy this and use it later. You can now save this post as a draft so that it is not seen by viewers.

Log in to Dashboard of your blog and click on Layout. Click on Edit Html tab next to Page Elements tab below the Template tab. Do not put a check in the Expand Widget templates box. Scroll down in the Edit Template text box till you come to :

<div id='main-wrapper'>
<b:section class='main' id='main'>

Replace the second line above with this line :

<b:section class='main' id='main' showaddelement='yes'>

Save Template. Click on Page Elements tab. On Page Elements view you will now see a link to Add Page Elements has been added to the Blog Posts section.

CHOOSE TEXT PAGE ELEMENT TO CREATE A PERMANENT MESSAGE ON TOP OF YOUR POSTS.

Click on this link and a popup window will open with 12 choices. Choose the Html/Javascript option. DO NOT choose the picture option because that will only add a banner and not a banner-link. In the content section of the Add Html/Javascript window add the following code :

<a href="http://MYBLOG.blogspot.com"><img src="URL OF YOUR BANNER AT GOOGLEPAGES" alt="YOUR BLOG TITLE"></a>

Substitute MYBLOG with name of your blog, URL OF YOUR BANNER AT GOOGLEPAGES with the link of your banner you uploaded to Googlepages in Step 2 and YOUR BLOG TITLE with the title of your blog. Save Changes. Refresh Cache. View Blog.

Read more >>

Continue Reading >>>>More! Pictures

How to Submit Site to Google?

To submit your blog to the Search Engines..............

After completing your blog and postings you have to submit your blog to the major Search Engines. This is because there are millions of sites out there on the world wide web and the search bots/spiders will not come to your site/blog unless you inform them that a site has been constructed and needs viewers.

There are millions of sites on the web and viewers nowadays have to rely on the search engines to inform them of the best site for the subject they are looking for. Unless you submit your site to the search engines they will never come to know of your site/blog.

TO REMOVE YOUR SITE OR PART OF IT FROM GOOGLE INDEX GO TO Removing my content from the Google index.

After submission the search engines send their spiders to crawl over and index your site and putit in their cache. These 'spiders' are automated programs which periodically visit your site to see if you have made any changes to it.

One advantage of hosting your site on the Blogger platform is that Google's spiders periodically visit your site. To add your site to Google head over to :

http://www.google.com/webmasters/sitemaps

and sign in with your Google Account. Copy and paste the URL of your site/blog into the text box at the top for "Add Site" and click OK. Google adds the site and the next page opens on which click "Verify your Site". On the next page clickdown arrow besides "Choose Verification Method". Here select " Add a Meta Tag" and a metatag is generated for you. Copy and paste this metatag into your template just below the <title> </title> tags. This part ofthe template is the second part outlined in Parts of Template. Save the template. Also add this Metatag :

<meta name="robots" content="INDEX, FOLLOW">

This is so that when Googlebot visits your page it will index it and follow all the links within it.

To prevent Google from indexing add NOINDEX NOFOLLOW instead.

Now Go back to Google Sitemaps page and click on Verify button. Now click on "My Sites" link at the very top of the page under "Google Webmaster Tools". A page opens up to show a list of all the sites you have submitted to Google. Click on "Add a Sitemap" on the same line as your blog/site. The 'Add Sitemap' Page opens up and click down arrow next to "Choose Type" and select "Add General Web Sitemap". In the third line text box under 'My Sitemap url is' paste the feed url of your blog which is :

http://MYBLOGNAME.blogspot.com/rss.xml

Instead of 'MYBLOGNAME' type in name of your blog. Click on Add Web Sitemap Button.
This completes the process of adding the sitemap of your blog to Google. There is no need to upload any sitemap file to blogger or to your blog.

If you only want to add your site to Google without adding a Sitemap go to :

http://www.google.com/addurl/?continue=/addurl

ADD YOUR BLOG TO GOOGLE BLOG SEARCH

To add your blog to Google Blog Search go here and add your blog URL in the text box provided and click'Submit Blog'.

ADD YOUR BLOG TO YOUR CUSTOMIZED GOOGLE SEARCH PAGE.

Go to www.google.com and create a personalised search page. Click on Add Stuff link at the top next to 'Home'. In the next page which opens click on 'Add by url' link next to Google Search bar at the top. Enter the url of your blog feed in the text box provided and click on Add. The feed url for classic blogger is :

http://MYBLOG.blogspot.com/atom.xml
http://MYBLOG.blogspot.com/rss.xml

Enter your blog name instead of "MYBLOG" above. The feeds url for Beta blogger are :

http://yourblogname.blogspot.com/feeds/posts/full
http://yourblogname.blogspot.com/feeds/posts/default?alt=rss

ADVANCED GOOGLE SEARCH OPERATORS :

To see who is linking to your blog type "link:http://myblog.blogspot.com" without the quotes in the search box and press Search. Notice that there is no space between link and the blog URL.

To see sites similar to your site/blog type "related:http://myblog.blogspot.com" without the quotes in the search box and press Search. Notice that there is no space between related and the blog URL. This is a good way of finding out your competing sites.

To see your blog cache in Google type "cache:http://myblog.blogspot.com" without the quotes in the search box and press Search. Notice that there is no space between cache and the blog URL. This will give an indication when Googlebot last visited your site.

To see information about your blog type "info:http://myblog.blogspot.com" without the quotes in the search box and press Search. Notice that there is no space between info and the blog URL.

To see how many pages Google has indexed type "site:myblog.blogspot.com" without the quotes in the search box and press Search. Notice that there is no space between site and the blog URL.

WHAT IS MY PAGE RANK?

Page Rank is Google's patented method of ranking your page according to how many links are pointing to it from other pages on the web. The more the links the more important is your page and it will rise accordingly in Google's search results. When calculating Page Rank more weight is given to a link coming from a page with a higher page rank. Hence it pays to buy links on a page with a higherpage rank then yours. The link should mention the title of your page which in turn should be composed of your keywords.

Read more >>

Continue Reading >>>>More! Pictures

Add Content with RSS Feeds.

To Add Content to your blog with RSS feeds.........

First find the RSS Feed Icon. On many sites it is shown as "RSS" or "About Feeds". The icons are shown alongside.

Right click any one of these and select 'Copy Link Location'. Now you have to convert the feed into Javascript code. There are many such convertors online which you can find simply by searching Google. One such convertor is located at : http://itde.vccs.edu/rss2js/build.php. Go there and paste your feed url into the text box under 'Enter the web address of the RSS Feed'. Choose among the various options for the feed. Whether you want the title to be displayed etc... Then click 'Preview' to see if the feed is being generated. If the feed url is correct it will show items and content from the web page where you took the feed url from. If you are satisfied click 'Generate Javascript'. Javascript code is generated along with non javascript code which displays the feed on browsers without Javascript. Go back to your beta blog. Login to the Dashboard and click on Layouts under the name of your blog you want to add the feed to. The Page Elements page opens. Click on Add Page Element in the sidebar and choose HTML/Javascript in the popup window which opens. Paste the Javascript code in the content box and Save Changes. You can also add this to a Page Element in the Main Column of postings but then your feed will appear on all your posts. If you add it in the sidebar it will only appear once on the page.

WARNING :
1) Before taking content from other websites be sure to resd their Terms of Use for feeds. 2)You can fill your webpage with feeds but the Adsense bots are not able to read the content generated by them, so it is ineffective with Adsense. 3) You can use the Feed widget already present in the choices in the popup window which opens when you click on 'Add Page Element' in Page Elements page. However it will deliver only a maximum of five posts and titles whereas you can configure the feed in the above process to deliver all the posts.

You can also add a feed of your blog to your sidebar so that it shows all the posts titles. The URL of your beta blog's feed is :

http://yourblogname.blogspot.com/feeds/posts/full

Instead of 'yourblogname' type the name of your blog.

Read more >>

Continue Reading >>>>More! Pictures

Add a Recent Posts List after Every Post.

Add a Recent Posts List after every post in your blog so that any reader reading a single post can see at the end of the post this list and then if interested may go there..........

To put a Recent Posts List in the sidebar see List Previous Posts.

To do this we will use your blog's feed to put a list of recent posts at the bottom of every post. First we will have to turn on the blog feed. For this go to Settings----->Site Feed---->Blog Posts Feed----->Set this to Short by clicking on the drop-down arrow then----->Save Settings. By setting this to short only a short section of your posts will be delivered to the reader who then hopefully will be intrigued enough to visit your blog to read the rest of the post. For our purpose we need only the titles of the posts so this also serves our interests. Then we need the URL of the feed. For beta blogs the RSS feed URL is :

http://yourblogname.blogspot.com/feeds/posts/default?alt=rss

Substitute actual name of your blog instead of 'yourblogname' above.

Now head over to an online RSS-to-Javascript converter. There is one located at :

http://itde.vccs.edu/rss2js/build.php

Type or paste your RSS blog feed url in the text box provided. See picture below. Click on image to enlarge it.

Fill in the other options. We do not want a title so set Show Channel as No. Enter the number of items to display. Set Show Item descriptions to 0 as we want only the titles to be displayed. Set Show item posting date to No. and Set Open links in a new window to Yes as we do not want the original post page to be closed or covered by new content. Click on Preview to check that the feed is being generated properly and then click Generate Javascript. Javascript code is generated along with code for browsers not supporting Javascript. Copy the whole code. This is Step 2.

Login to your dashboard of Beta Blogger and click on Layouts of the blog whose feed you had taken in the first step. The Page Elements window opens. .

Then scroll down in Edit Template text box till you come to :

<div class='column' id='main-wrapper'>
<b:section class='main' id='main'>

In the second line add : maxwidgets='4' showaddelement='yes' so that it reads like this :

<b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>

Then Save Template. This change will enable you to add extra Page Elements/Widgets to the main column.

Now click on Page Elements tab and then click on the new Add Page Element link in the Blog Posts column. Choose Html/Javascript option in the new window which opens and paste the Javascript code from Step 2 here. Type 'RECENT POSTS' in the title field. Save changes. Back in Page Elements view you will see a new element added on top of your Blog Posts. Click and drag it to below your Blog Posts in the same column. This will place it below your Blog Posts and it will appear below each post in individual post view. See how I have added it below.

Read more >>

Continue Reading >>>>More! Pictures

Technorati in Blogger Beta.

Technorati is the search engine for blogs and hence no blogger can afford to go without it in his/her blog................

Google is the generalized search engine for the web. Technorati is a search engine which is specialized for blogs. Blogs in contrast to other web sites have ever changing content and Technorati focuses on them by searching them for keywords. Each blog is indexed and individually ranked among the 50 plus million blogs in today's blogosphere. The major differences between the two are outlined below :

Search Engines Compared
GOOGLE	TECHNORATI
Generalized Search	Specialized Search
Searches static, inactive Web	Searches Dynamic Web
No Focus	Focuses on Blogs
Infrequent visits to site	Immediate indexing of content
More sites to cover	Less sites to cover increasing efficiency
Covers World Wide Web	Covers World Live Web

Just as you have to submit your site to Google and the other search engines you have also to 'submit' your blog to Technorati so that other bloggers/readers can find your blog in the blogosphere. Also by doing so you can analyze your blog traffic, backlinks and find out your blog rank.

To register with Technorati go to Technorai.com and click on Join link at the top or click here. After registering you have to 'claim' your blog which is like submitting your site. To do this go here. Claiming your blog establishes that you are the (co-)author of the blog and allows you to use other Technorati services to help increase the visibility of your blog.

During the claiming process Technorati will give you a snippet of code which you have to paste in a Html/Javascript Page Element in the sidebar. To do this go to Page Elements subtab of Template tab and click on Add Page Element in the sidebar. In the new window choose Html/Javascript option and paste the code in contents and save. Having done this go back to technorati and click on Verify so that Technorati spiders your blog. Automatic robots known as "spiders" are released by Technorati to discover content on your site and its feeds. Technorati uses RSS feeds to track updates to millions of blogs. After updating your blog or after every post you have to ping Technorati to let them know that fresh content has been added. It then sends the spiders to index the content.

Each blog you claim will be listed on the Your Blogs page. To make sure the world can see it on Technorati, click the "Configure Blog" button and check to make sure that "Include this blog in Technorati's Blog Finder" is checked. This includes your blog in its Blog directory.

Technorati receives alerts from the Blogger servers whenever a user updates his or her public weblog. To set this automated ping go to Settings---->Basic----->Add your blog to our listings----->Yes---->Save Settings. Blogger will now ping Technorati automatically whenever content is updated.

Technorati breaks up your weblog's home page into smaller sections such as posts and sidebars. You can help Technorati's spiders properly identify a unique post and its proper link destination by adding a link with a defined relationship of "bookmark" for each post. For example:

<a href="http://blog.bloghost.com/post1" rel="bookmark">Post title</a>

Technorati also uses tags to index your blog. A tag as a simple category name. People can categorize their posts, photos and videos with any tag that makes sense. For example if you have a post about films you can tag it with the tag 'film'. Another post about family matters can be tagged as 'family'. Thus you can have posts on various subjects within your blog all neatly categorized using tags. In Beta Blogger tags are called as Labels.

There are two types of tags recognized by Technorati. Post tags are tags added to your posts and they allow your posts to be listed in Technorati's tag search here. To add the tags, add the below code for each tag you'd like add to your post into the body of your post.

<a href="http://technorati.com/tag/[TAGNAME]" rel="tag">[TAGNAME]</a>

Publishing a tagged post in Blogger automatically pings Technorati about updated content. If your blog software supports categories and RSS/Atom feeds just use the included category system and make sure you are publishing RSS/Atom feeds and your categories will be read as tags.

Blog Tags are tags added to your blog on Technorati's Blog Configuration page here. These tags allow your blog to be listed in Technorati's Blog Finder and Explore feature.

Technorati indexes the home page of your weblog assisted by the content of your web feeds. If the home page of your weblog contains summaries or plain-text with no links Technorati may not recognize and index your full posts.

If you use the Atom syndication format to publish the content of your weblog Technorati can still index the full text of your post regardless of your content choices on your weblog home page. Just include your entire post within the content element of each entry and we will recognize this content as the full content of your post.

HOW TO SEARCH TECHNORATI :

You can search Technorati Blog diectory.

Read more >>

Continue Reading >>>>More! Pictures

EMail Link Below Your Posts.

You can put your email link below your posts but it will be picked up by spam bots and then your inbox will soon be full of thousands of spam mails. It will be better to follow this method of putting it.......

First you will have to create an image out of your email link. For this go to :

Email Generator

OR

http://services.nexodyne.com/email

Follow the steps to make an image out of your email and then download it to your PC. Create an account at a freehost like Googlepages and upload the image there. Copy down the link of the uploaded image.

Login to Blogger Dasbhoard. Click on layouts for the blog where you want to add the link. Click on Edit Html tab at the top. First backup the template by clicking on Download Full Template link. Then put a check in Expanded widgets Template box and scroll down in Edit Template text box till you come to this line in Blog Posts widget :

<p class='post-footer-line post-footer-line-1'>

Paste the line below just under the code above :

<img src="URL OF UPLOADED EMAIL IMAGE" alt="my email" />

Replace the CAPS with the link of your uploaded image. Preview and save Template.

CLICKABLE EMAIL LINK

To make a clickable image link paste this code instead at the same position :

<a href="mailto:xyz@gmail.com?subject=Hello%20again"><img src="URL OF UPLOADED EMAIL IMAGE" alt="my email" /></a>

Instead of xyz@gmail.com put your own address. This method carries the risk of the address being harvested by spam bots. Save Template. Now clicking on the image will open the Compose Mail window with the address already filled in and the subject title as Hello Again.

Read more >>

Continue Reading >>>>More! Pictures

StumbleUpon for Blogger.

StumbleUpon is another social bookmarking site which you can add to your post footers......

Viewers coming across any of your posts which they feel are good can "Stumble It" by clicking on the Stumble Upon icon in the post footer. Stumble Upon has a great Page Rank so if your site gets a backlink from there it can only benefit it. Besides rather than searching for quality web sites, StumbleUpon members are taken directly to web sites matching their personal interests and preferences. The StumbleUpon Toolbar is integrated with the user's browser to allow for one-click access to quality web sites. A simple 2-level rating system gives users the opportunity to pass on or give their opinion on any webpage with a single click. These ratings also connect people sharing unique combinations of interests. Stumblers share their favorite web sites and interact with other users to further improve their web surfing experience. An obscure but interesting site can be immediately shared with other like-minded users. Old or low-quality sites can be removed if their ratings become too low. The participation of community members helps maintain a database of the most up-to-date and highest quality sites possible.

First save this icon to your PC and upload it to a freehost like Googlepages and copy down its link. To add this icon to the post footer login to your Dashboard and click on Page Elements. Then click on Edit Html tab next to it. Put a check in the Expand Widgets Template box and scroll down in Edit Template text box till you come to this line in Blog Posts footer :

<p class='post-footer-line post-footer-line-3'>

Then paste the following code below the above line :

<a expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Stumble Upon' src='URL OF STUMBLE ICON'/>Stumble it!</a>

Save Template and Preview. See the last icon below my posts where I have added it.

Read more >>

Continue Reading >>>>More! Pictures

If you do decide to remove the navbar insert following code in your CSS part of template

The Navbar is the slim colored strip about 30 pixels in height..........

running across the top of your webpage/blog. You are given an option in the Page Elements subtab under the Template tab to change its color but not to remove it.

LEGAL ISSUES

The Terms of Service for Blogger can be found here. Iagree with Digital Inspiration what he say here about the legality of removing the navbar and I quote :

"The Terms of Service for Blogspot.com do not mention anything about Blogger Navbar but it does state a word about the discontinued Blogger AdBar which was previously displayed on freely-hosted Blog*Spot blogs.

By creating your BlogSpot Site, you agree that Pyra has the right to run such advertisements and promotions. You also agree that you will not attempt to block or otherwise interfere with advertisements displayed on your BlogSpot site via JavaScript or any other means. Doing so is grounds for immediate termination of service. The manner, mode and extent of advertising by Pyra on your BlogSpot Site is subject to change.

Since it is not mentioned explicitly in the Terms of service, it remains doubtful if removing and hacking the Blogger navbar is any violation of the Blogger terms of service. Lets say we are not "removing the navbar" but only "hiding the navbar" or we could even re-position the navbar to the bottom of the blog. Get rid of the blogger nav bar."

If you do decide to remove the navbar insert following code in your CSS part of template :

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

before this line :

]]></b:skin>

To know what is CSS part of template

After removing the navbar there may be a blank strip on top of your page. To get rid of it add this in CSS part of your template :

body
{
margin-top:0px;
}

If this doesn't remove the gap created with Blogger Navbar, try the following CSS hack

body
{
margin-top:0px;
position: relative;
top: -50px;
}

All The Health Tips

Blog Archive

Thumbnail Albums for Blogger.

THUMBNAIL ALBUM

Feedburner and Blog Feeds.

PUBLICIZE FEEDS

FEEDBURNER.COM

AUTODISCOVERY

How to put Adsense Link unit in your Header.

How to insert Banner Link to your Blog in each Post.

How to Submit Site to Google?

Add Content with RSS Feeds.

Add a Recent Posts List after Every Post.

Technorati in Blogger Beta.

EMail Link Below Your Posts.

CLICKABLE EMAIL LINK

StumbleUpon for Blogger.

If you do decide to remove the navbar insert following code in your CSS part of template

How to put Adsense Link unit in your Header.

Labels