Thursday, June 28, 2012

How to make Home Page in Blogger Blog Site

Making Home Page in .blogspot Blog

Exclusive Blogger Blog Tutorial

Dear Friends, I am going to share a very very exclusive tutorial about blogging with you. You, the Blogger Blog Users know that adding a Home Page in Blogger Blog is not easy :) I am sure some of you may say that it is not possible! I was thinking to do this for a few months. I tried to add Home Page in my Blogger Blog but failed every time. At last I have done it. I have already added a Home Page in my Own Blog. Visit my blog www.iDhali.com to see the Home Page I have added. I have used some tricks to add Home Page in my Blogger Blog. I have used Conditional Tags also :) Now it is your term. Lets add a Home Page easily in your Blogger Blog also. Just follow the steps given below.

 Step 01  Make Ready the Content for Homepage
Log in to your Blogger Account from here first. Now click on New Post to create a new Post. Now type your expected texts for Home Page and add the content you want to show on your Home Page. You may add Images and Videos also. Now save this Post to Draft but don't publish it :)

 Step 02  Add the Content to a HTML/JavaScript Gadget
Now click on Layout from the Left-side menu bar. Again click on Add a Gadget from the layout. Now get a HTML/JavaScript Gadget from the list. Now go to that saved post and click on HTML to get the codes only and copy the codes of the Content you have written for Home Page. Now paste them into the Content Box of the HTML/JavaScript Gadget. Now click on Save button of the Gadget. Again go to Layout and place this Gadget just at the top of Blog Posts Gadget.

 Step 03  Access the Codes of the Template
In this step you have to add some conditional tag to your blog. So you have to click on Template from the Left Side Menu. Then you have to click on Edit HTML from the window. After clicking on Edit HTML, a pop-up window will open. Now click on Proceed from that window. Check the box where is written Expand Widget Templates.

 Step 04  Add the Conditional Tags to the Template
Now click anywhere of the codes and press Ctrl+F from the Keyboard to open the Search Box. Now type ]]></b:skin> to the Search Box and press Enter from the Keyboard to find out them. Copy the following codes given below in the box and paste them just after ]]></b:skin>.

<b:if cond='data:blog.url == &quot;http://www.iDhali.com/&quot;'>
<style>
#Blog1{
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url != &quot;http://www.iDhali.com/&quot;'>
<style>
#HTML8{
display: none;
}
</style>
</b:if>

 Step 05  Replace the URLs
Look I have used the URL http://www.iDhali.com/ in the codes. This URL is the URL of my Blog's Homepage. You have to replace this URL with your Blog's Homepage URL. You need not to replace Blog1. Just replace HTML8 with the Widget ID of your recently added HTML/JavaScript Gadget. Click here to know How to find out Widget ID of a Gadget in Blogger Blog. Now click on Save Template to save the changes. Visit your blog to check the Home Page you have added and Enjoy it. :)


Homepage, Make homepage, Exclusive Blogger Blog Tips, Blogging Tips, Website Designing

No comments:

Post a Comment