Blogger templates

Recomended

Saturday, July 5, 2014

Domain Forwarding : Redirect Old Blog to New Blog Address 2014

Domain forwarding is one of the most important concept to be learnt in blogosphere. A time comes in every newbie blogger's life when we really wants to shift from a old blog address to new blog address. Closing the old blog and starting to blog with new address may not be a difficult task at all. But, what if your old blog is a pretty popular one with lots of regular visitors and so much of readership!!?. At such a moment, you will really have to take a small step before moving from your old blog to new blog address to avoid losing visitors of your old blog. The step to be taken here is named as nothing but domain forwarding.

Domain forwarding is nothing but redirecting your old blog to your new blog address thus allowing your blog visitors to get rid of your new blog address and stay updated with your new blog. So today i am going to guide you on how to add redirection meta tag to your old blog so that it takes your visitors to your new blog automatically thus keeping your blog readership safe and secure. Here is the simple and easy tutorial on it.

Domain Forwarding
Adding the Meta Redirection tag
1. Go to your Blogger dashboard --> Template --> Edit Html.

2. Find(Ctrl+F)  <head>  and paste the below code just below it.
<meta equiv="refresh" content="0;url=http://NEW_BLOG_URL"></meta>
3. Note:: If You are using a classic template, then paste the below lines.
<meta equiv="refresh" content="0;url=http://NEW_BLOG_URL">
4.Change The NEW_BLOG_URL with the Url Of Your new Blog.

5. Save The Template.

Conclusion
The very important point to be noted in this tutorial is, you must keep your old blog active and should not delete it. Once after the existing readers of your blog gets aware of your new blog address, you can then delete your old blog. Whenever a visitor visits your old blog address, the browser will automatically refresh and takes your blog visitor to your new blog address.

That's It Pals. . . . .. !!!!!!

Blogger Layout: Change Width of Header,Footer,any Section 2014

The structural blogger layout will be as shown above. Blogger layout is divided into 5 parts namely header, outer wrapper, main wrapper, sidebar wrapper and footer as shown in the figure above. To edit/modify the style of a part, you must first identify the layout you want to modify and then modify the style code of that particular section. In this post, i am giving you the tutorial on modifying various sections in the blogger layout and the codes explained below may be of slight change with respect to your blogger template.

Let me consider that you identified the section you want to edit in your blogger layout. Let me illustrate the style codes of these 5 sections. Before going to modify the width of any section, you must be aware that - width can be declared in % form or in px(pixels) and if you specify the width in % form, then your blog will start displaying width depending on the Screen resolution of the pc the visitor is viewing from. As the main concept of this blog post is to guide you on editing the width of various sections of your blogger layout, i will be concentrating on only the width modification here. You can however learn basic Css and modify the style of any section as you wish.

Modifying the Width of Blogger Layout Elements
Go to your blogger dashboard --> Template --> Edit Html ( tick the expand widget template option).

To Change Width Of Outer Wrapper
Find This Code:
body{background:#111 url(); width:980px; color:#333;
font-size:12px; font-family:Arial,Tahoma,Verdana;
margin:0 auto 0; padding:0}

OR
#outer-wrapper{background:#111 url(); width:980px;
color:#333; font-size:12px; font-family:Arial,Tahoma,
Verdana; margin:0 auto 0; padding:0}

Change 980px to your desired width and you are done!!..

To Change Width Of Header::
Find This Code:
#header{background:#000 url(); width:960px; height:155px;
color:#fff; font-size:11px; margin:0; padding:0;
overflow:hidden; margin-top:-4px;}

Change 960px to your desired width and you are done!!..

To Change Width Of Sidebar Wrapper::
Find This Code::
#sidebar-wrapper{float:right; width:320px;
margin:0; padding:0 0 10px; display:inline}

Change 320px to your desired width and you are done!!..

To Change Width Of Footer Wrapper::
Find This Code::
#footer{width:660px; clear:both; margin:0 auto;
padding-top:15px; line-height:1.6em;  text-transform:uppercase; letter-spacing:.1em;  text-align:center}

Change 660px to your desired width and you are done!!..

Hint:-
If you are unaware of finding a particular code in your blogger template html. There is nothing to worry. Just press Ctrl and F buttons together and you will notice a search bar on your browser, enter the code to be searched in it and press enter.

Backup the Template before modifying!!!
Before doing any modifications in your template Html, make sure to backup your template i.e.,
go to your blogger dashboard --> Template, you will find the backup/restore option. Just click on it and download your template before doing modifications.