Replace Next, Home and Previous links with Beautiful Shiny Buttons in Blogger

Beautiful buttons make your blog attractive and stylish. In most templates they have next, Previous and Home link only not have beautiful buttons. But in this post i will give you best and beautiful way to make your blog's Next, Home, and Previous links with beautiful buttons. How Replace Next, Home and Previous links with Beautiful Shiny Buttons in Blogger, see the easy and simple way to add these 
Beautiful Shiny Buttons in Blogger. For adding these beautiful Shiny Buttons to blog then you have to follow these simple steps.

How to Replace Next, Home and Previous links in Blogger

1. Go to Blogger Dashboard> Template> Edit HTML

2. Make a backup of your blog

3. Search for this code    (Tip: CTRL+ F)

<data:newerPageTitle/>

Now replace the above code with the below code

<img src="URL-OF-PREVIOUS-BUTTON"/> 

4. After this Search for this code

<data:olderPageTitle/> 

Now replace the above code with the below code

<img src="URL-OF-NEXT-BUTTON"/>

5. Then Search for that code

<data:homeMsg/>

Note: The above code appears twice in template and you have to replace the both codes with the below code

<img src="URL-OF-HOME-BUTTON"/> 

i) Replace URL-OF-PREVIOUS-BUTTON with your Previous image URL
ii) Replace URL-OF-NEXT-BUTTON with your Next image URL
iii) Replace URL-OF-HOME-BUTTON with your Home image URL

Save your template and Finally you are done.

Protect your Blog Posts from being Copied

In this new age every person want to become a rich man, in the internet world most of the people copy others blog's content to his/her blog. This is not right to steal other content, because you spend your lot of time for writing articles and when someone copy your that content then you definitely become agar on that person. Google is a Major Search Engine of the world, Google is also against this and if someone steal your content then you told him/her that do not copy the content if he/she does not follow you then you finally told this to Google and Google will definitely remove his/her site from search engine and when someone's blog remove we really disprove because he/she also want to earn money therefore i give a best way to protect your blog from being copied without any worry, Just follow my instructions;

How to protect Your Blog's Content

1. Go to Blogger Dashboard> Layout> Add a Gadget

2. Select "HTML/ JavaScript"

3. Now Copy the below code and paste it in that HTML/ JavaScript Box

<script type="text/javascript">
 var omitformtags=["input", "textarea", "select"]
 omitformtags=omitformtags.join("|")
 function disableselect(e){
 if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
 return false
 }
 function reEnable(){
 return true
 }
 if (typeof document.onselectstart!="undefined")
 document.onselectstart=new Function ("return false")
 else{
 document.onmousedown=disableselect
 document.onmouseup=reEnable
 }
 </script>

 After pasting the above set of code save it. You are done. Now your blog is become as an anti Copying blog.

Submit URL of your blogsite to Google, Bing, Yahoo! and Ask

When you make a blog on any platform like wordpress then you really want to add your blog on major search engines like Google, Bing, Yahoo, Ask and so on, But you don't no that how. If you make a blog on blogger now blogger automatically adds your blog in Google search directory but not add in other major search engines and in word press and other platform you have to add your blog in every Search engine manually, So in this post i will teach you about submission of your desire URL to the Major Search engines directory for free, thus you have to follow these steps which i am going to tell you below;

Once you submit your URL, it could take several days or weeks for the search engines to index your site's pages.

Submit your URL to Google

1. Go to the following link http://www.google.com/addurl/?continue=/addurl

2. Type your blog/site URL, that you want to add

3. Enter Captcha text shown in box

4. Sekect Add URL

See the example in image

Submit your URL to Bing

1. Go to the following link http://www.bing.com/docs/submit.aspx

2. Type your blog/site URL, that you want to add

3. Enter Captcha text shown in box

4. Sekect Add URL

See the example in image

Submit your URL to Yahoo!

1. Go to the following link http://search.yahoo.com/info/submit.html

2. Click on "Submit your site for free"

3. You will be redirected to Bing, Follow the on-screen instructions for submitting your URL.

Submit your URL to Ask

Ask does not have an URL submit feature. Until recently, you could submit your sitemap to them. But ask.com has been now retired this feature. So, the next best thing is to add a directive in your robots.txt file that specify auto-discovery of the XML sitemap.

Example like that

      Sitemap: http://www.the URLof your sitemap here.xml

 If you will do all the above steps completely it just take some time to index pages, so just be patience and wait for indexing.

Remove Border and Shadow from your Blogger Images

I have seen many of times that most of the blogs has border and shadow style arround the images in templates and most of the people don't like these styles and change this style but they does not know that how therefore after a couple of week i brought a new CSS Trick for blogger blog. In this post i am gonna show you a simple method for removing Border and Shadow from your Blogger Images in simple and short CSS code. You have to follow my given instructions. This simple CSS code give you an apportunity to remove Border and Shadow from blogger images. Follow the instrcutions below

See the Demo

1. First of all Download/Backup your template
2. Now go to your blogger Dashboard> Templates> Edit HTML
3. Search for ]]></b:skin>                     (Tip: Use CTRL+F to find)
4. Add the given below code just above ]]></b:skin>

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
    padding: none !important;
    border: none !important;
    background: none !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
}

If you will do these simple steps then you successfully done it. With this your blog would appear without any Border and Shadow. Keep visiting my site if you like it.

Remove Attribution Powered by Blogger

Hello our dear precious visitors, you know that when a blogger make a blog at time at the bottom of the default template an Attribution named "Powered by Blogger" appears. Every blogger want to remove it because with this attribute blog does not look like a professional blog. Therefore every blogger want to remove it, but they do not know that how to remove it. Today i will tell you a very very simple and clean procedure for removing Powered by Blogger Attribution. Just follow my below simple instructions;

First your blog look like this

1. Go to Blogger Account> Template> Edit HTML     (See the example below)

2. Now search for ]]></b:skin> and paste the below set of code (Tip: CTRL+ F)

#Attribution1 {display: none;}

 So it will look like this

3. Now save it and your Blog will now have the Powered by Blogger Attribution removed.

Install Template on Blogger Blog

Many of the people want to make their blog more attractive, But by default in blogspot blogger put simple templates which are not attract the people more. Therefore we install new beautiful template to attract our visitors but the problem is that most peoples do not know that how to install 3rd Party template on blogger, Therefore today i will tell you a complete but more simple method for installing your desired 3rd Party template on your blogger blog. See the method below  and Follow these easy steps:

How to install your Desirred 3rd Party Template on Blogger Blog

1. Log in to your Blogger Account

2. Now you can see the button on below image, Click on that button

3. Now click on brows button as you can see this at below image and choose your desire template and click on upload button

Now your desire Template has been installed on your blog, Now your blog template is ready to use, you can see your blog.

Disable Right Click Function in Blogger/Worpress

Hey Guys! Now a days most of the people stealing contents from others blogs to his blog by copying their content. it's illegal to copying content from others. For example you write a personal post on your blog by great struggle and hard work in some hours or days and someone copy your content from your blog in paste it into his blog then you will definitely make an anger on that person.
Therfore today i brought a great anti copying content technique for you.

For Blogger you have to do this

Step 1. Go to blogger Dashboard > Layout > Add a Gadget > HTML / JavaScript.
Step 2. Copy the following below Codes which you desired and paste it in that blogger widget.
Step 3. Save the HTML /JavaScript and view your blog.

For Word Press you have to do that

Step 1. Go to Wordpress Dashboard > Appearance > Widget > Text Widget.
Step 2. Copy the following below Codes which you desired and paste it in that Wordpress widget.
Step 3. Save the HTML /JavaScript and view your blog.

Disable Right Click Funtion With Message

You can change "Right Click Disabled" dialogue with your own choice by search by typing Ctrl + F.

<script language=JavaScript>
//Disable right mouse click Script
// http://yobloghelper.blogspot.com
var message="Right Click Disabled!";
function clickIE4(){
if (event.button==2){alert(message);
return false;}}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){alert(message);
return false;}}}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

 Disable Right Click Funtion Without Message

<script language=JavaScript>
<!--
//Disable right mouse click Script - No alert
// http://yobloghelper.blogspot.com
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

Add Google Custom Search Engine to Blog/Website

In this post i will tell you about Google Custom Search Engine. In blogger Google Search Engine already add but in other Platform Google Search engine is not add, so we have to add Google Search engine manually but in other way Google Custom engine is more beautiful as compare to blogger Google Search engine. So today i am going to show you a best but simple way to add Google Custom Search Engine to your blog/site. Just do that:

How to Add Google Custom Search Engine to Blog/Website

1. Go to this link www.google.com/cse/?

2. New page will open now Click on "Add"

3. After this Enter your Blog/site Address and choose your desire language and Click on "Create". you can also change the name by edit it.

4. Then Click on "Get Code" and copy the JavaScript Code and paste it in your blog.

5. Now Save your blog, and You did it.

Add Custom Robots .txt file and header tags to Blogger

You know that it is a SEO training Section and in this post i tell you about Custom Robots. Robots.txt system is a best way to tell search engines whether they are allow to index a page in the search results or not. The bots are automated and before they access to your site, they check the robots.txt file to make sure whether they are allowed to crawl this page or not. Sometime, people do not want to stop searching engine from crawling their whole website. Therefore, today i will tell you a perfect method about Robots.txt file and Robot Header tags that how to create and add these features your blog. You have to only follow my instructions to make your blog perfect to Search Engines.

1. What is Custom robots.txt file and how to create and add it to your Blog?

Custom robots.txt: This option provides you the ability to edit your whole robots.txt file. You can just type your content whether you want the content to be crawled by spiders or not. However, You can always undo your actions and can always revert back to normal. 

How to Add custom robots.txt to Blogger

i). Go to Blogger Dashboard> Settings> Search Preferences

ii). Now Click on Edit "Custom robots.txt"

iii). Click on "Yes" to Edit this function

iv). Now Add the below set of Code

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://filezooby.blogspot.com/feeds/posts/default?orderby=UPDATED

Now replace http://filezooby.blogspot.com with your blog address and save it, you done it.

Note: Be careful about editing robots.txt. Any mistake can bring penalty for your blog indexing and crawling.

2. What is Custom Robots Header tags and how to create and add it to your Blog?

Custom robots header tags: This option is a bit completed. It does not provide you the ability to write your codes instead it provides few options with the check boxes. So, if have no idea about head tags then stay away from it.

How to Add custom Robots Header tags to Blogger

i). Go to Blogger Dashboard> Settings> Search Preferences

ii). Now Click on Edit "Custom robots header tags"

iii). And follow the below image and put the mark like the blow image

Optimize Post Titles

Hello welcome back to filezooby.blogspot.com, Today i want to ask you a question that How to Optimize Post Titles for the Blogger Blog. Because most of the people like Publishers think about this specially newbies, they did not know about it. Therefore i will be trying to raise knowledge for publishers i want to teach you a best proper method to Optimize Post Titles for Blogger Blogs for better SEO Improvements. This is very simple logic and by default Blog's titles appears first in search result and then post titles appears. Simply follow our below steps to make better SEO improvements:

1. Login to Blogger> Template> HTML> Proceed
2. Search for this code <title><data:blog.pageTitle/></title>  (Tip: Use CTRL+F to find)
3. Replace the above code with below set of code

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

If you do this step then you definitely Optimize Post Titles for better SEO improvements. If you like my post then kindly share it and keep visiting.

Optimize Blogger Comments and Archives

In previous post i told you about labels optimization, therefore in this post i will teach you about Comments and Archives Optimization because Blogger Comments and Archives are also very necessary for better SEO improvements. Therefore i have brought a best procedure to improve your Search Engine Optimize ranking because every blogger want to improve its ranking, because ranking is the good mark of visitors. Now let's start

1. How to Optimize Blogger Comments

Comments are very Good and best way to increase your blog ranking if you have good comments then it help you to increase your blogs rank but if those comments are not good and irrelevant to your post then it destroy your blog rank and dropped your blog ranking in search engines . So, the best way to optimized your comments for search engines then you must keep your comments external links No-follow. Just follow my simple steps;

i) Go to Blogger Dashboard> Template> Edit HTML
ii) Now find the below set of code           ( Tip: CTRL+ F )

expr:href='data:post.createLinkUrl'

iii) Now replace the above code with the below set of code

rel='external nofollow' expr:href='data:post.createLinkUrl'

2. How to Optimize Blogger Archives

Archives is also a problem for search robots . If achives pages are present in home they create huge problem for crawler robots, if you want to fix this problem then follow my this clean and simple step;

i) Go to Blogger Dashboard> Template> Edit HTML
ii) Now find the below set of code           ( Tip: CTRL+ F )

<a class='post-count-link' expr:href='data:i.url'>

 iii) Now replace the above code with the below set of code

<a rel="archives" class='post-count-link' expr:href='data:i.url'>

Optimize Blog Post Title with H2

H6, H5, H4, H3 is not good and has low value as compare to H1 and H2. H1 and H2 is best for Search Engine results, because search engines catch the higher tags, But unfortunately blogger's all templates have H3 heading by default. So if you want to make high rank of your blog in search results then you will have to optimize blog post titles. Therefore, i will teach you a best procedure to make your site heading titles more effective for search engines. Today, i will show you that how to optimize blogger post titles, We will use H2 tags for post titles instead of H1 because use of H1 is not good for Best SEO improvements. So, i will use H2 because this tag has high value and best for SEO.

To change post titles default H3 heading tag to H2 heading tag then Just follow these below simple steps to Optimize blogger post titles for better SEO improvements,

How to Optimize Blog Post Title with H2

1. Go to Blogger> Design> Edit HTML
2. Backup your template
3. Search for .post h3
4. Replace .post h3 with .post h2 ( keep replacing that for all occurrences of .post h2)
5. Then Search for,

<h3><data:title/></h3

and replace with the below code,

<h2><data:title/></h2

Save the template and you are done.

Optimize your Blog Labels

We have recently Added in filezooby.blogspot.com very useful SEO tricks for your blog's knowledge so that you make a perfect and SEO friendly blog in this age. So in this post i am going to show you that how to optimize Blog labels because labels are an important part of blogs every web owner use them for better navigation and with the help of labels every user and visitor easily find their categories where he/she want to go, but labels are create much problems for search engine crawlers for prevent from this problem we have to fix/resolve this problem. Therefore i will tell you a method for optimizing blog labels  follow my this easy, simple and clean step;

1. Go to Blogger Dashboard> Template> Edit HTML
2. Now find the below code              (Tip: Ctrl+F )

<a expr:href='data:label.url'

3. Now replace the above code with the set of below code

<a expr:href='data:label.url' rel='tag'

Note: In default blogger template this issue already resolved, if you will not find  this code <a expr:href='data:label.url' then do not follow this method.

Add Meta Description to Blogger

Meta Description tags play an important role to optimize your blog in search results. Generally Meta tags provide all information about your Blog or website to search results. If you want to make your blog's content more search engine friendly then you have to add meta tags to your blog. By default in blogger custom template meta description function is disable, therefore we manually need to insert this code to blog to make its features perfectly as a best site. I told you a best and simple method to make your blog perfect optimized to search engines. Follow my instructions to add meta tags to your blog;

Enable Meta tags to blogger

1. Go to Blogger Dashboard> Settings> Search Preferences
2. Click on Edit link
3. Choose "Enable Search Description"
4. Inside the box, you can only add 150 characters as description.

5. Click Save Changes

This will automatically add meta tags for your blog homepage and you will also activate the Search Description option inside post editor like;

Now in the above method you are able to have a dynamic meta description for your blog home page. With the new age everyone using blogger custom templates and one thing should be remember that sometime these meta description will not work as well and you will not be able to see the meta description for home page while if you check them in page view source file. There fore you have to also manually add meta tags to your blog, follow my steps to do it.

1. Go To Design > Edit HTML
2. Backup your template
3. Copy the below set of code
4. Just below <head> add the following dynamic code for meta description

<meta content='Write Description Here' name='Description'/><meta content='Write Keywords Here' name='Keywords'/><meta content='Muhammad Tariq Rafique' name='Author'/>

1. Replace "Write Description Here" with Description of you blog.
2. Replace "Write Keywords Here" with Keyword of your blog.
Note: Keywords should be separated by Commas( , ).
3. Replace "Muhammad Tariq Rafique" with your name.

Finally you are done. Now you need not worry about Meta Description.