How to Backup / Download and Restore Blogger Template

Every blogger should must Backup/Download their template before to do some changes in their template. Because sometimes we want to make changes in our blogger template but we forget to Backup our template, but if unfortunately those changes make some problem in our blog and if we do not know about that problem then that problem become a very difficult to us for solving. Therefore we should always Backup / Download our template before making some changes in template, because if we make a Backup / Download our template then if something will wrong in our template then we can restore our template by easily to bring your template to its undo/real form. So today for solving this problem, i will teach you about that how to make a Backup / Download your blogger template and restore your blogger template.

Now lets begin to know about this a great helpful trick,

How to Backup/Download your Blogger Template

1.  Go to Blogger Dashboard >> Template >> Backup / Restore

2. Now click on "Download full template"

How to Restore your Blogger Template

1.  Go to Blogger Dashboard >> Template >> Backup / Restore

2. Now click on "Choose File" button and open your template that you want to restore.

3. After this press "Upload" button.

 Now you are done. If you like our tutorials then kindly like and subscribe us.

Read More

Remove Showing posts with label

Labels are more useful function to put and store your personal unique posts in by name or by work categories, so that a visitor can find his relevant area in your blog whatever he wants to find. But in every blogger template a dialogue named "Showing pots with label blogger tips. show all posts" will appear whenever someone click on any label link, thats make very confused every visitor and it is also look like a unprofessional blog. May be that could be a reason for losing your visitor from your blog. If you really want to remove this boring Dialogue then you will have to follow this procedure. Today i will tell you a very very easy Guide for removing that dialogue from your blog when someone click on your label.

Wanna remove this box

Let's follow the Guidelines

How to Remove "Showing pots with label blogger tips. show all posts"

1. Go to Blogger Dashboard >> Template >> Edit HTML

2. Now search for this <b:includable id='status-message'> expand and mark the code that you want to remove like this

3. Now you will find the code look like below

<b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>

 4. And replace the above code with the below set of code

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable> 

Finally you have a code like this without any boring dialogue

Now you are done, If you have done all those steps. Hope you will get all the procedure.

Read More

How to Create and Start a Blog for Free

Blogger is a blog publishing service that allows you private or multi-user blogs with time-stamped entries. It was developed by Pyra Labs, which was bought by Google in 2003. Generally, the blogs are hosted by Google at a subdomain of blogspot.com. Now a days everyone want to earn money including those who used internet, because earn money from internet online is best method for earning without any physical working. Some of the people want to earn money without any effort but it is not possible for earning money.

So in Internet Globe world, if you want to earn money then you have to work hard to earn money, in the internet you can earn money with a lot of ways but in this Guide I will told you a best handsome and generous method for earning. Thus you have to create a blog and post there some unique posts that not already published in another website. If you really want to create a blog and earn money from it then you have to create a blog with unique contents. So let�s for creating a blog on blogger platform, follow this easy Guide,

How to Create a Blog on Blogger Hosting Platform?

1. Go to Blogger.com and enter your Gmail ID if you have not Gmail Account then click here to create

See Also:

Recommended Article: How to create a Gmail Account ID

2. After that press �New Blog� button for creating a new blog

Step 1

3. In title bar you have to write your blog�s Title whatever you want

4. And in Address bar you have to write your blog�s Address and select any template

Step 2

Step 3

See also:

Recommended Article: Download top SEO optimized Templates

Now you have created a new blog thus you have to customize your blog. If you do not know that how to customize then visit also: BloggerSEO Tips

Read More

How to create a Gmail ID by easy and simple method with Images

Gmail is service given by Google.com, which is No.1 in the world. Gmail is email service that's intuitive, efficient, and useful. 15 GB of storage, less spam, and mobile access. So I recommend you to create this ID because it is the best service. With this service you can send and receive your important emails from all over the world without any doubt. Therefore in this post I want to tell you a method for creating Gmail ID. Now let�s start to create your favorite ID. Follow the instructions to create it,

How to create a Gmail ID by easy and simple method with Images?

1. Go to mail.google.com
2. Click on �Create an account�

Step 1

3. Now fill the blank form with your personal information (Note: See the picture to know that how to fill the form)

??

Step 2

Step 3

4. Then press �Next step�
5. If you want to add your picture then click on �Add a photo� otherwise click on �Next step�

Step 4

6. After that press �Continue to Gmail� button

Step 5

Finally you have create a fresh Gmail account. If you really like our tutorials then subscribe us and like us.

Read More

How to Change Facebook Login Background In Google Chrome

Facebook.com is a number one social media site that has a 2^ndrank in the world after Google.com, now a days Facebook is rapidly running in the world internet globe. Every people like to use Facebook because Facebook is much popular in the world. So today we would learn a best method for �how to change Facebook login background in Google Chrome�. With this method you will be able to change your Facebook log in background style in your browser. Let�s start the to work,

1. Open your Google Chrome Browser

2. First Add Facebook background Changer to your browser by clicking the link below

Click here to Add Facebook Login background widget

3. A pop up Page open, now click on �+ Free� button after that Click on �Add� button and close it.

Now Facebook Log in Background has been set. If you want to change the background with your desire image then

4. Go to Settings >> Extensions >> Facebook Refresh Options >> image URL/Upload >> Choose file

5. And select your image which you want to show on Facebook Log in background.

Hope you got all the article and you would did it.

Read More

Change Post a Comment Style in Blogger Blog

Welcome again in Filezooby Blogger portion, I upload this post about Blogger knowledge after a while because i was updating other content on my site but today i am bringing a best and stylish post about "How to Change Blogger Post a Comment Message, Test and Style" in your blogger blog. Comments are the best way to increase the rank of your site or blog. If your comment box is more attractive then most of the visitors would like to comment in your blog. Therefor you have to add this beautiful feature to your blog, if you really want to increase the chances of visitors comments. See the method of adding this feature to your blog:

How to Change Blogger Post a Comment Style in blogger blog

1. Sign in to your Blogger Dashboard

2. Go to Template >Edit HTML

3. Search for this code <data:postCommentMsg/>         (Hint: Ctrl+F)

If you find this code then you definitly see the code like thas

<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a>

If you find the above set of code then You will see another code like that

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Now you have to change the above Red Bold codes(<data:postCommentMsg/>) with the image style code that are situated below. See your favourite image styles;

Style 1

<img src="http://i.imgur.com/loIb9SE.jpg"/>

Style 2

<img src="http://i.imgur.com/9X1ysjr.gif"/>

Style 3

<img src="http://i.imgur.com/p12LRAd.jpg"/>

Style 4

<img src="http://i.imgur.com/BTy8X1x.jpg"/>

Style 5

<img src="http://i.imgur.com/kzoHRmC.jpg"/>

Style 6

<img src="http://i.imgur.com/nqFvW5T.jpg"/>

Style 7

<img src="http://i.imgur.com/uIt0VZh.png"/>

Style 8

<img src="http://i.imgur.com/WA7J1qE.jpg"/>

Style 9

<img src="http://i.imgur.com/GT9ZYrE.png"/>

Style 10

<img src="http://i.imgur.com/n9LtcSZ.png"/>

Hope you would get it and this post better helps you. If you like this then kindly share it.

Read More

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.

Read More

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.

Read More

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.

Read More

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.

Read More

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.

Read More

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 Desired 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.

Read More

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>

Read More