How To Backup Or Download Full Blogger Template

How to back up your blog template or download it to your computer so you have an copy of your template design always if you needed that design in future or many of us loose the design setting while we are trying to edit our template.
Its very important to save a copy of your template before you do any customization on it ( Any change in template ).

It's very easy to do. It's such a small file, so you can keep it forever.

Follow these simple steps to download / Backup your Blogger Template:

Step 1.   First of all login to your blogger account, click on Drop-Down menu and then click on Template.

Step 2.   Click on Backup / Restore.

Step 3.   Now click on Download Full Template. 

And all you done.

Note:    Keep in mind, downloading template doesn't mean you've saved the content ( posts, comments, widgets ) of your blog,
If you want to backup blogger posts and comments read this post How To Backup Blogger Posts And Comments.


Drop Your Comments...

How to Disable Blogger Official Lightbox

Follow these simple steps to disable LightBox

Step 1.  Login to your blogger account. Click on your blog.

Step 2.   On left side click on Settings and under Settings tab click on Posts and Comments. Then Scroll to the option Showcase images with Lightbox?  and set to NO.

Step 3.  Save the settings and all you done.

Drop your comments.

Add Animated Flying Twitter Bird Widget For Blogger

Step 1.  First of all login to your blogger account. click on drop down menu and click on Template

Step 2.   Now search for ( Press "CTRL+F" for search bar ).

Step 3.   Now Paste this code before / above tag.

Blogger Widgets

Step 4.  click on "Save Template" and all you done.

Note:-   Change " how2solution " with your twitter username.

Add Smooth Scroll To Top Button To Blogger

Follow Simple steps to add a Button for smooth scrolling to top.

Step 1.   login to your blogger account, click on drop down menu, click on template and then click on Edit HTML.

 

Step 2.   Search for   tag ( Press CTRL+F for a search bar to help find the tag ).

Step 3.   Add below code Before / above tag. ( Ignore this step if your blog have already a jquery Plugin )

Step 6.   Click on Save Template and all you done.

Leave your Comment about this Widget.

Animated Sexy Social Bookmarks V3 for Blogger

The arrow messages abailable are Sharing Is Sexy, Sharing Is Caring, Sharing Is Caring with Hearts, Share The Love Share The Wealth, Share And Enjoy, Share The Knowledge and even an arrow message in German !

The Bookmarking Icons In the Gadget are for Twitter, Facebook, Linkedin , Stumble Upon, Delisious, Digg, Google Buzz, Blogger, Yahoo Mail, Gmail, Google Bookmarks, Google Reader, Rss, Orkut, Design Bump, Reddit, Design Float, Friend Feed, Dzone, Web Blend, Propeller, Tumblr, Squidoo, Posterous, Technorati, Bebo, Hotmail, Blinklist, Blog Engage, Blog Marks, Box.Net, Current, Diigo, Ekudos, Evernote, Hacker News, Hives, Identica, Jumptags, Email, Memeame, Mister wong, My Link Vault, Myspace, Netvibes, Netvouz, Newsvine, Ning, Ping FM, Plaxo, Plurk, Print Friendly, Slashdot, Sphinn, Techmeme and Tipd.

OK lets add it to your blog

Follow These Simple Steps:

Step 1.   Login to your Blogger account, click on dropdown menu and click on template.

 Step 2.    Click on "Edit HTML" and then Tick the Expand Widget Templates Box.

 

Step 3.   Find the following piece of code in your blogs code: ( Press "CTRL+F" for search bar to help find the code )

Step 4.   Copy and Paste the following code directly Above / Before
-If you previously added jQuery to your blog you can remove the line in yellow.

Step 5.   Find the following piece of code in your blogs code : ( Press "CTRL+F" for a search bar to help find the code )

-If you can't find this use  
instead.


Step 6.   Copy and Paste the following code Below / Under

How To Hide Blogger Nav Bar And Have It Reappear When You Hover Over It

Follow these steps:

First of all log into your blogger account.


Now click on drop down menu and then click on "Template".

Click on "Edit HTML"

Now find the following code by pressing "CTRL+F"

]]>

And Before this code, add the next code, given below

#navbar-iframe {
  height:5px;
  }

/* IE7, IE8, IE6 */
  #navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
  height:40px; !important; 
  }

Now Click on "Save Template"
And you are done.


If  you have any confusion, Comment Here.

How to change Blog Template on Blogger

In this article I am going to tell  you how to change your blog on Blogger with a new downloaded template. First of all login to your Blogger account
After entering the Dashboard page click on drop-down menu and then click on template.

Remember to backup a copy of your current Blogger template. If something goes worng of if the new template isn't that great after all, it is possible you might like to change back to your current template. For this purpose click on "Backup / Restore" and then click on "Download Full Template".

For uploading your new template click on "Choose File" on the same page , choose your template and click on "Upload" and it is done.
Hope this post is useful and works out.

If you have any confusion, Comment Here.

How to delete a Blogger Blog

Many bloggers do not know how to delete a Blogger's blog. The method depends on whether you are using the Old Blogger Interface of the new Interface. It is not difficult if you know where to click. The problem is, it is not obvious where to click, but this post will show you where and how. Below are the instructions to delete a blog with screenshots (Pictures) to make the task easier for you.

Old User Interface


To delete a blog is a more straight forward. First of all Sign In to your blogger account to access the Dashboard, Click on the SETTINGS tab and the default sub-tab will be BASIC, click DELETE BLOG and it is done.

New User Interface


As Above, First Sign In to your blogger account. Click on drop-down menu and then click SETTINGS.

On the left sidebar, click on OTHER and option to delete blog will be under the default BLOG TOOLS. Click DELETE and it is done.

If you have any confusion, Comment.

How to Add Page Peel Effect in Blogger

Sometime you can see some blogs at the top corner when you can move cursor to that flipped page that corner flipped page animate and you can see the notes behind that. Most of people understand that this effect is make by any flash content but its not true. You can also put that type of effect in your blogger. In this post you can see how to add that type of animated content in your blog.
Instruction to Install
Step 1: Log into your blogger.com account.
Step 2: Open your blog in which you want to intall this page peel effect.
Step 3: Go to template and click on Edit HTML.
Step 4: Now search for . For this purpose Press CTRL+F  , type and press Enter. Put this code before tag.

Step 5: now put code in body for display page peel effect for that press Ctrl+F , type and press Enter. Put this code below tag.

'pageflip'>

'YOUR FEED URL'>

''src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsXYQxjau9lBfPG7UViteF3DjdmuS_xJV_kVmDEO0qiu1PSW-GrYvzqaAcDLkEFBmbNDk_CStf7kOHNbda1-bJXoMX6kxQKya74rp0lVcM5qkUTRlxB2bw-QxeUBesK_2xcD4IOeLcAFRR/'/>

class='msg_block'>