Improve your Blog SEO with Meta tags

Meta tags are HTML codes which gives brief information about a blog. Its very important for any blog or website because it helps increase the traffic of your blog and it gets your blog post indexed by search engines faster.

HOW TO INSERT META TAGS

Steps on how to add meta tags in bloggers blog:
1. Sign in to your blogger dashboard
2. Click Template--> Backup Template
3. Click Edit HTML
4. Search for this code:

5. Now add this code just after the above code
:





6. Now save your template. You have successfully added meta tags to your blog.

How to Backup and Restore your Blogger Blog

HOW TO BACKUP YOUR BLOG

Its very easy to do, just follow this steps:
1. Sign into your Blogger Dashboard
2. Scroll down to settings and Click Other
3. You will see 3 links: Import blog, Export blog, and Delete blog.
4. Click Export blog and Blogger will generate an xml file for you to save into your computer or gadget. Kindly save the file name to a word(s) you can easily remember. Its important you do this because the backup file and your blogger template are saved in the same format. And also for easy location when its needed.

WHY YOU MUST BACKUP YOUR BLOG?

Like they say,"You dont know the value of something until you lose it". Many bloggers dont know the value of "backup blog" feature in blogger.
Here are the 3 best reasons why you must backup your blog:
1. So you can have a backup of all your post,links,embedded content and photos on your computer or gadgets in case blogger, Hosting companies, Hackers deleted your blog.
2. Maybe you incidentally deleted your blog, restoring your blog backup file will be the best option.
3. In case you want to transfer your blog either from blogger to wordpress or any other blog platforms that support xml file as backup.

HOW TO IMPORT YOUR BLOG

Just follow the same steps as stated above on How to backup your blog but when you get to step 4 you click import blog and browse to your exported xml file, complete the captcha(word verification), select whether to automatically publish all imported posts or not, then click import blog.
That all.
NOTE: You can use this method to export your old blogger blog to other blogging platform like wordpress,etc. OR to import from wordpress or other blogging platform to a blogger blog.

Improve Blog SEO by adding post title before blog title

Blog title and post title is an important aspect of search engine optimization(SEO) blogger should consider for his/her blog.
The default blogger template displays blogs title before post title in search engines and thats not good for the SEO of a blog because when a user searches for a particular information on the web like "adding read more feature for blogger", the search result displays the post title and the blog title might not show.

Benefits of placing post title before blog title

1. Your blog becomes search engine friendly.
2. Your blog receives high quality traffic from search engines.
3. Your blog ranking increases.

How to place post title before blog title

1. Sign in to your blogger dashboard
2. Backup your template
3. Go to Template--> Edit HTML
4. Now use ctrl+F search for the below code:
<title><data:blog.pageTitle/></title>
5. Replace it with this:
<b:if cond='data:blog.pageType=="item"'><br /><title><data:blog.pageName/>|<data:blog.title/><br /></title><br /><b:else/><br /><title><data:blog.pageTitle/></title></b:if>
6. Now click on Save Template and you are done.
NOTE: It will take sometime for search engine like google to crawl your blog. However, you can notice the changes in your browser tab.

Automatic Read More feature for Blogger

1. Login to your dashboard
2. Go to "Template" --> "Edit HTML" of your blog.
3. Click on " Expand Widget Templates "
4. Search(Ctrl+F) for tag.
5. Now add the below code just before tag.
<!-- MTECH Auto Read More Script Start --><script type='text/javascript'>summary_noimg = 250;summary_img = 200;img_thumb_height = 150;img_thumb_width = 150; </script><script type='text/javascript'>//<![CDATA[function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1){var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); }chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; }function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(img.length>=1) { imgtag = '<span style="float:left;padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ = summary_img;}var summary = imgtag + '<div>'+ removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}//]]></script><!-- MTECH Auto Read More Script End -->


Note: You can change below values as your choice.
summary_noimg : number of character to display when there is no image.

summary_img :
number of character to display when there is an image.

img_thumb_height :
height of the post thumbnails.

img_thumb_width :
width of the post thumbnails.

6. Now Scroll down to where you see this:

<data:post.body/>
7. Replace above code with below code.

<b:if cond='data:blog.pageType!= "static_page"'><b:if cond='data:blog.pageType!= "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script></b:if></b:if><b:if cond='data:blog.pageType== "item"'><data:post.body/></b:if><b:if cond='data:blog.pageType== "static_page"'><data:post.body/></b:if><b:if cond='data:blog.pageType!= "static_page"'><b:if cond='data:blog.pageType!= "item"'><div style='float:right;margin-right:10px;margin-top:5px;'><a expr:href='data:post.url'>Read More</a></div></b:if></b:if><br />
8. Now save your template and you are done.

Benefit of adding auto 'readmore' feature to your blog

1. It helps summaries your blog post.
2. It helps increase blog loading speed.

HOW TO ADD FACEBOOK PAGE TO YOUR BLOGGER BLOG

1. Login to Blogger Dashboard.
2. Now click on Layout.
3. After that click on Add a Gadget.
4. A Box will popup Select HTML/JavaScript.
5. Now Copy the below script and Paste it in HTML/JavaScript Box.
<br /><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Maxkdaveblog &width= 300 &height= 248 &colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width: 300 px; height: 248 px;" ></iframe>

NOTE: change Maxkdaveblog to your facebook page username. And also modify the height and the width to your taste.

BENEFITS OF ADDING FACEBOOK LIKE BOX ON YOUR BLOG

1. Its increases your facebook fans.
2. It helps in getting a huge amount of traffic to your blog.
3. It helps develop a healthy relationship with blog readers.
4. It helps to give updates to the regular visitors and readers of your Blog.

See Example at the right sidebar of this blog.
Dont forget to like my page.

ADDING META DESCRIPTION FOR EACH POST IN BLOGGER

1. Login to your Blogger dashboard, click Settings --> Search Preferences.
2. Enable search preferences and add a description for your Blogger blog homepage and save it.
3. Now go to editing section of any posts on your blog and you will notice a Search Description tab like this.


4. Now enter some description for that particular post and save your post.
5. Repeat this process for each of your posts and you are done...

BENEFITS OF ADDING INDIVIDUAL DESCRIPTIONS ON INDIVIDUAL POSTS

1. It increase your posts indexing and crawling rate.
2. Major search engines like Google, Bing,etc. loves blogs which have meta description each post.

HOW TO ADD BORDER AT THE BOTTOM OF WIDGETS

My last post was on how to add animated flash widget on your blog. Today, I want to show you simple trick on how to add border at the bottom of widgets with simple css code.
The importance of this code is to make your blog design look beautiful and attractive. So if you want to add the code below the widgets, follow these procedures:
1. Log in to your blogger account
2. Go to Template --> Edit HTML
3. Check in the "Expand Widget Templates" box
4. Find code(CTRL+F) like this (in some templates maybe not same)

.sidebar ul li

5. Copy the code below, and add under the code above

border-bottom:1px dotted #000000;

6. Then click SAVE TEMPLATE

NOTE: you can change the code #000000 which represent the border color to your any color that suits your blog.

HOW TO ADD ANIMATED FLASH WIDGET ON YOUR BLOG OR WEBSITE

Hi Buddy I want to you to show an easy steps on How to add label widget in blog. This can be added in wordpress, blogger and in any website of your choice.

Follow The Steps below to add Animated Floating Label Widget on your blog:
1. Open your Blogger Account
2. Then go to Layout
3. Click on Add a Gadget
4. then Add HTML/JavaScript Gadget
5. Now copy the code below:

<br /><div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.maxkdave.com/"><b>All Blogging Tools</b></a></p></div><script type="text/javascript">/*<![CDATA[*/ var w2bFlashLabelSettings = { blogurl : "http://www.maxkdave.com/", color : "000000", hoverColor : "333333", backgroundColor: "FFFFFF", size : 12, speed : 100, width : 250, height : 300, transparency : true }; /*]]>*/ </script><br /><script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

Note:- You can modify this script like Change Color, Size, Height and Width according to your taste but dont change the url of the blog.

Why you need to disable right clicks on your blog

Today I am gonna share a trick bloggers and website owners should find interesting. If you have not been a victim of content thief then your blog post aint interesting.
Its annoying seeing your blog posts on a website with no link back as the source after spending time in writing the article and doing research.

Content thievery can be prevented by disabling right click on your blog and can do that by using these simple steps:
1. Log in to your blogger dashboard and click Layout
2. Click on Add gadget, then scroll down and select HTML/JavaScript
3. Now copy and paste the below code in the pop-up window:

4. Save it and you are done.
Now users wont be able to right click on your blog.

2 ways to change Blogger default Icon

Favicon also known as website icon is an image found before the title of a website or at the top-left hand side of a webpage. For example, Blogger has a 'B' favicon.
NOTE: A favicon can be in .ico or .png and the recommend size is 16x16.

How to change the default favicon of blogger?
Design an icon with any image designers of your choice like photoshop and photopaint for PC's or PaintCad and Propaint for mobile. The preferred resolution is like I stated above is 16x16 and files
Here are two ways to upload your favicon:
1. Through Blogger Template:

* upload the icon to sites like photobucket, imagehack,etc.
* Copy the uploaded icon link
* Log in to your blogger dashboard; click Template> Edit HTML
* Find the following line (Ctrl+f):
* Insert this code below it: (replace "URL of your icon file" with the link you've copied at step 2)
* Save the template
in order to see the change.

2. Through Blogger Layout:

* Log in to your blogger dashboard, then Click layout>edit favicon and browse your file system to select your desire icon.

Happy Blogging!