Showing posts with label Blogger Tricks. Show all posts

Monday, June 4, 2012

How To Delete a Blogger Blogspot Blog New-2012

How To Delete a Blogger Blogspot Blog

You have set up a test blog and have now finished with it

You are unhappy with the name you have chosen for your blog and wish to change it. Please note you can change the name of your Blogger blogspot.com subdomain for another subdomain name provided the address is available on Blogger. Or you can change to a custom .com domain name and have Blogger redirect your blog traffic to your new address. You may want to consider these options first before proceeding with deletion)

You have tried blogging and it is not for you and you want to get rid of your blog all together

How to Delete a Blogger Blogspot Blog
1. Login to Blogger if you are not already logged in

2. From the Dashboard select the blog you wish to delete. Make sure you are in the right place if you have more than one blog

3. Navigate to Settings > Basic

4. If you think you may want to come back to your blog at a later date you can use the export tool to export your blog before you delete it. To export your blog click on Export Blog in the Blog Tools menu. If you aren't interested in exporting a copy of your blog to your home computer skip this step

blogger Basic Settings Configuration - Eport Blog - Delete Blog

5. Under the first heading Blog Tools click on the Delete Blog link

6. You will be taken to the Delete Blog screen in Blogger. Check again you have the right blog displayed by checking the name which should appear just above the row of menu tabs.

7. A warning message like the one pictured below will be displaying:

8. If you wish to proceed with the deletion then click on the Delete This Blog button

9. You will now be returned to the Dashboard. Notice that your blog is no longer displayed in the list of blogs. If you wish to view your deleted blog you can click on the Show All link at the bottom of the Manage Blogs list in the Dashboard

10. You will now be able to see your deleted blog including details of its deletion date. Follow the link provided to undelete this blog. Blogger allows you 90 days grace.

In this tutorial we have covered some basic reasons why you might want to delete a blog and the steps involved in actually deleting a Blogger Blogspot blog.

Add Meta Tags to Blogger for Better SEO

8:30 AM Blogger Tricks No comments

Add Meta Tags to Blogger for Better SEO

What are Meta Tags?
Meta tags are HTML tags that provide additional information about your blog that is unseen by visitors but available to search engines. The meta description tag, for example, provides a short summary of the page content. The keyword meta tags show the keywords and keyword phrases a visitor might use to find your blog. Because of abuse of meta tags search engines have become smarter and most no longer place emphasis on keywords to establish page ranking however keyword meta tags are still used by some search engines so it is a good idea to include them.

Limitations of Blogger and SEO
One of the disappointing aspects of Blogger is that it is not properly optimized for SEO. Meta descriptions and keywords are not supported by blogger.com by default. Title tags are also not optimized. This means that you will miss valuable opportunities to attract visitors to your blog.

However meta tags and meta descriptions can be inserted into your Blogger template (Blogspot template) to good effect. Fortunately these work arounds will go a long way to improving the placement of your blog in search engine results. Please refer to adjust Blogger title tags for improved SEO for help with title tags.

Simply placing a meta tag description in your Blogger template is problematic because Blogger will use the same meta tags for all pages in your blog. This means that every entry that Google has for your site will show in search results with the same description. This solution would result in reduced traffic rather than increased traffic. However there is a way to add meta tags to the home page of your blog only which will not affect post pages in your blog. In this way visitors will find the home page of your blog in search engines by the use of appropriate keywords and a site description.

How to Add Meta Tags to a Blogger Blogspot Blog Home Page
1. Login to Blogger if not already logged in

2. Navigate to Design > Edit HTML

3. Back up your template as a precaution by downloading full template to your computer.

4. Check the Expand Widget Templates box

5. Find these lines which will be near the top of your template:

<head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title>

6. Paste the following code immediately below <title><data:blog.pageTitle/></title>

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Place your blog description here' name='description'/> <meta content='Place your blog keywords here(separated by commas)' name='keywords'/> </b:if>

7. Enter your blog description between the single quote marks under description. Maximum 150 characters

8. Enter the keywords of your blog between the single quote marks under keywords. Ensure you separate each keyword or keyword phrase by a comma. Make sure your keywords do not exceed 200 characters

By way of example here are the meta tags I use for the home page of Blog Know How:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Find tips,tricks,tutorials,walkthroughs to customize your Blogger Blogspot blog.SEO,Banners,Adsense,gadgets,fixes,feeds,rss,help for beginner bloggers' name='description'/> <meta content='blog,blogger,blogger.com,blogspot.com,blogspot,blogging,tutorials,tips,blogger help,customize blogger,SEO,make money,gadgets,Google Adsense,banners, feeds,analytics,solutions' name='keywords'/> </b:if>

9. Click on the Save Template button

10. To see your description in action you can either navigate to your blog's home page and click on view source in your browser. In Internet Explorer you will find this option in the view menu. A text document will appear which you can scroll through. You will see your description near the top of the document. Alternatively you can check your description in a free Meta Tag Analyzer tool such as Submit Express or SEO Centro

How to Add Meta Tags to a Blogger Blogspot Blog Individual Post
1. Follow steps 1 to 4 as for adding meta tags to the Home Page

2. Add the following in the <head> section of your Blogger template. Enter this code below the Home Page code above you have just entered:

<b:if cond='data:blog.url == "http://url of your post"'> <meta content='keywords pertaining to your post' name='keywords'/> <meta content='crafted description of your post' name='description'/> </b:if>

Here is an example of optimized meta tags for this post:

<b:if cond='data:blog.url == "http://blogknowhow.blogspot.com/2009/05/add-meta-tags-to-blogger-for-better-seo.html"'> <meta content='meta tags,optimize blogger,blogger SEO,search engine optimization, blogspot,blogger,blogspot.com,blogger.com,blogging,blog' name='keywords'/> <meta content='Improve SEO by adding meta tags to your Blogger Blogspot blog. Step by step tutorial shows you how to add meta tags to the home page and a single post' name='description'/> </b:if>

3. Add your post URL, keywords and description. To find the URL of your post navigate to the post's page and copy the link showing in the address bar of your browser including the http:// prefix

4. Click on the Save Template button

5. To check your description you can use the view source in your browser once you have navigated to the post page or a meta tag analyzer

Note: This method is suitable if you have a few key posts that you want to ensure you get maximum traffic on. If you have a lot of posts this manual method would be very tedious. I don't know of any automated method or script to add meta tags at this point but I am investigating it and will keep you posted.

Analyze Your Blogspot Blogger Meta Tags
Once you have added meta tags to your blog you can use tools to analyze them to ensure their relevance. Aim for meta tag relevancy to page content of above 90%. To check this you can use a free meta tag analyzer tool such as Submit Express or SEO Centro

Troubleshooting and Tips

Observe Character Limits
To avoid problems ensure that you keep within the maximum character limits:
Title Tag - Maximum Characters is 60
Site Description - Maximum Characters is 150
Keywords - Maximum Characters is 200
Title Tag Tweak
If you have inserted the title tag tweak and it is highly recommended that you do so then you will need to add the code above after the title tag adjustment in the <head> section of your template. Read more about adjusting title tags
Keywords
Although some search engines no longer place too much emphasis on keywords some still do so it is worth adding keywords. Avoid using the same keyword more than 3 times. The maximum number of keywords recommended to be robot friendly is around 20.
Problems Reading the Code
Some readers have reported problems with their browser reading this code. Try this document form of the article if this happens to you

In this Blogger meta tag tutorial I have discussed the best way to add meta tags to a Blogger blog (Blogspot blog) to improve search engine results given the limitations of the Blogger platform. In this article you have learned to add both meta tags for keywords and descriptions to the home page. You have also learned how to add meta tags to an individual post. To optimize your meta tags I have included links to free meta tag analyzer tools.

how to Blogging from iGoogle and Gmail

9:40 PM Blogger Tricks No comments

Blogging from iGoogle and Gmail

The Blogger Posting gadget makes it easy to post to your blog from the convenience of Gmail or your iGoogle homepage.

To add the Blogger Posting Gadget to your iGoogle page, simply click this button:

Then click the blue "Add to Google" button. Make sure that you're signed in with the same Google account that you use for Blogger. Once you've added the Blogger Posting Gadget you will see the gadget on your iGoogle page:
To add the Blogger Posting Gadget in Gmail, you'll first have to enable the Add Gadget by URL lab feature from your settings:

Once you've enable this Labs feature, then you can add the posting gadget by simpling entering its URL into the Gadget tab in your Settings. Here's the URL:
http://www.blogger.com/gadgets/post.xml
In the top right corner of the gadget you will see the title of your blog. If you have more than one blog, there will be a drop-down menu in the corner so you can select the blog you'd like to post to. You can then enter a title and write a post. You also have the option to add labels to your post as well. Once you have finished writing your post, click "Publish" to publish your post or click "Save Draft" to save your post back to Blogger without publishing it.
Notes:

The gadget supports editing the HTML of title and body.
If you start writing a post and decide you want to upload images or use other rich text features, just click "Save Draft". The gadget will save your post, then give you a link to directly edit the post in Blogger.
The gadget works in Firefox, Chrome, Safari 3, Internet Explorer and on the iPhone.

how to Install Flash Header in your blog

5:30 AM Blogger Tricks No comments

Install Flash Header in your blog

It was hardly a week and I was getting bored of the header in blogger. It was unreal to think it is just a text or plain image ! In this age of jazzy looking headers this was pathetic !

So went out for a simple blogger hack. Here's a Tut for you.

Warning: This is long and possibly boring tutorial. You are responsible for your own action and if your blog acts funny or goes up in flames I am not responsible. Blame it on Weapons of mass Distruction. A coke could be handy during this tutorial.

Even if you are going to put a flash header you need to first upload a image header( dummy image) and choose the following settings.

Step 1

Step 2

Note: If you are uploading the image header for the first time than the "Placement" option will not be visible as soon as you upload one. Close the window and repeat step 1.

Step 3

Now comes the embedding part. Go to Template -> Edit Html

Then click on Expand Widget Templates

COPY THE WHOLE TEMPLATE TO A NOTEPAD AND SAVE IT IF THINGS GO BAD YOU CAN ALWAYS PASTE AND GO BACK T0 DEFAULT.

Now the default templates have too many waste space on either side of the bog so first you need to decrease that so that you can insert a big header.

Step 4

Under the edit template search for "#header-wrapper" (by Ctrl + F.... duh !)

This is the code which gives the header-wrapper attributes

#header-wrapper {
width:670px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Now I wanted a atleast 800 px width and I didnt like the border so I changed to

#header-wrapper {
width:800px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}

Step 5

I dont want even the the header border (by default there are 2)

So search for "#header { "

#header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; }

Changed it to :-

#header { margin: 5px; border: 0px solid $bordercolor; text-align: center; color:$pagetitlecolor; }

Now check out the preview.

Step 6

Now if you need to increase the width of the blog. This is how you do it to Increase blog width :-

Search for the string "#outer-wrapper { "

#outer-wrapper { width: 760px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

I Changed it to:-

#outer-wrapper { width: 900px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

Step 7

To decrease the width between the main blog and the sidebar

Then Search for the string "#main-wrapper { "

#main-wrapper { width: 410px; float: left;

Change it to

#main-wrapper { width: 510px; float: left;

Step 8

Press Preview to check it out. Never Press Save Template until you are absolutely sure about the changes.

If everything looks smooth like a baby's bottom then lets go to the next step !

Step 9

Now we start to embed the flash header. (Finally! The pop-corn were almost over)

You need to host the flash header, choose a flash header that lets you hotlink and gives you the full file address (eg http://somebloodyfreehost.com/crap/your-god-damn-header.swf and not http://reallystingyhosting.com/free-shit/1287192837198237jsdkajdshakd/ )

Once you you've done that, replace the the src to the file address in the following flash embedding code !

Dont forget the /> at the end
Keep the width less than that in Step 4 and now keep the code handy (Copy to clipboard would be good)

Step 10

The moment of truth. Now its a good time to have that coke cuz don't mess up this step

Search the template for "!--Show just the image, no text-- "

here is the screenshot

Now replace the selected block of code with the flash embed code from step 9

Now press preview. If every thing is ok then click Save Template

Here is the screen shot of before and after

With a flash header in blogger you can add menus, search box, mouse over effects including sound. Best of all looks non-template and alive !

Troubleshooting
Now for all those people who screwed up. Most likely you will get this message

We were unable to preview your template

Please correct the error below, and submit your template again.

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.

This will be followed by the xml error message like this

XML error message: The element type "embed" must be terminated by the matching end-tag "".

Check out what the message states and act accordingly. Most likely you might have missed a tag or deleted something.
You can always copy the original template which you had saved in Step 3 and start all over again.

how to get youtube downloader widget for blogger

5:20 AM Blogger Tricks No comments

how to get youtube downloader widget for blogger ]]

One thing you gotto remember is to right click and choose Save link as or Save target as then rename to video.mp4

Update 25 Nov 2007: Some videos couldn't be downloaded so now with some PHP power all videos can be downloaded...yeah !!!

We had earlier shown how to download youtube video and we bring Download youtube Video Widget for Blogger.

Introducing the Download Youtube Video widget which you can add to your blog/website !

400 pixel Large Version

This size is perfect to embed inside post or website.

To install this 400 Pixel "Download Youtube Video" Widget on your blog/website
just copy and paste the below code:-

<script src="http://downloadutube.googlepages.com/ytdemb.js" type="text/javascript"></script><a href="http://technojuice.blogspot.com/2007/11/download-youtube-video-widget-blogger.html"><img border="0" alt="Download youtube Video" width="5" src="http://i197.photobucket.com/albums/aa309/technojuiceblog/blank.gif" height="5" /></a>

and paste