How To Setup co.cc Domain for Blogger|Blogspot

1.First go to co.cc or check your domain name here.



2.Then regiter a domain name that you want to use.

Note:If it's no available, you have to find another domain name. But if it's available then you can register it.

3. Now you have to setup your domain.So sign in to your co.cc account.



4.Go to "setup"





5.Go to "Manage domain"



5.Choose "Zone Records"

6. In the coloumn "Host" fill it with your domain name (www.yourdomainname.co.cc)

7. Choose "CNAME" for "Type"

8. In the "Value" box fill it with "ghs.google.com"

9. Then click "Setup" Button.

Now you have to some setup in your blogger account.

10.Now Login to your Bloggr dashboard.



11.Go to Setting-->Publishing.

12. Then choose "Switch to: � Custom Domain"



13. Then click on "Already own a domain? Switch to advanced settings"



14. Fill it with your new domain in the "Your Domain" box.



15. To Finish click "Save Setting" Button.



Now you are done.It will take 1-48 hours for your new domain to work. So please be patient....

How To Add Beautiful Multi Tab View Widget to Blogger

1.Login to your dashboard--> layout- -> Edit HTML

2.Don't Click on "Expand Widget Templates"

3.Scroll down to till you see ]]></b:skin> tag.

4.Now copy and paste below code just before ]]></b:skin> tag.

.widgets{width:100%; overflow:hidden; margin-top:5px; padding:0px 0px 0px 0px; background:#FFF; border:1px solid #ccc}

.widgets a{color:#222; text-decoration:none}

.widgets a:hover{color:#009; text-decoration:underline}

ul.tabnav{padding:0px 0px 0px 0px; height:27px; margin:0px 0px}

.tabnav li{display:inline; list-style:none; float:left; text-align:center; margin-right:4px}

.tabnav li a{text-decoration:none; text-transform:uppercase; font-weight:normal; padding:5px 8px; width:90px; line-height:18px; font-weight:bold; font-family:Century gothic,Arial,sans-serif; color:#262B2F; text-decoration:none; display:block}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a{text-decoration:none; background:url(none/catm.pg) repeat-x; color:#0283C7}

.tabdiv{margin-top:2px; padding:5px 5px 5px 5px; font-family: Tahoma,Georgia,Century gothic,Arial,sans-serif; background:#EBF3FB}
.tabdiv a:link, .tabdiv  a:visited{color:#333}
.tabdiv a:hover{color:#2676A1}
.tabdiv ul{list-style-type:none; margin:0px 0px; padding:0px 0px}

.tabdiv ul li{height:100%; line-height:28px; padding:0px 0px 0px 0px; color:#333; border-bottom:1px dotted #61696F}
.tabdiv li a:link, .tabdiv li a:visited{margin-left:5px; overflow:hidden; height:18px; line-height:24px; padding:0px 0 0px 0px; margin:3px 0px; color:#99A6AF; font-size:13px}

.tabdiv li a:hover{background:url(none/la.jpg) no-repeat; color:#fff; text-decoration:none}
.ui-tabs-hide{display:none}

.tagcloud{width:300px; float:left; height:100%; padding:5px 15px; margin:0px 0px; background:#fff url(YOUR-IMAGE-HOSTING-LOCATION-HERE/tbody.jpg) repeat-y; font-family:Tahoma,Century gothic,verdana,Arial, sans-serif}

.tagcloud a:link, .tagcloud a:visited{color:#0282D9}
.tagcloud a:hover{color:#BC0C0F}

NOTE : You can change width,height,color,..... as your choice.

5.Now you must host below 6 java script files into free java script hosting service like 110mb.com.First download these files.After hosting these 6 files, copy their direct urls.

hoverIntent.js
jquery-1.2.6.min.js
jquery-ui-personalized-1.5.2.packed.js
scroll.js
sprinkle.js
spy.js

Look at the example below.

http://YOUR-USER-NAME.110mb.com/hoverIntent.js
http://YOUR-USER-NAME.110mb.com/jquery-1.2.6.min.js
http://YOUR-USER-NAME.110mb.com/jquery-ui-personalized-1.5.2.packed.js
http://YOUR-USER-NAME.110mb.com/scroll.js
http://YOUR-USER-NAME.110mb.com/sprinkle.js
http://YOUR-USER-NAME.110mb.com/spy.js

6.Now again scroll down to till you see </head> tag.

7.Now copy and paste below code just before </head> tag.

<script src='http://YOUR-USER-NAME.110mb.com/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://YOUR-USER-NAME.110mb.com/jquery-ui-personalized-1.5.2.packed.js' type='text/javascript'/>
<script src='http://YOUR-USER-NAME.110mb.com/sprinkle.js' type='text/javascript'/>
<script src='http://YOUR-USER-NAME.110mb.com/hoverIntent.js' type='text/javascript'/>
<script src='http://YOUR-USER-NAME.110mb.com/scroll.js' type='text/javascript'/>
<script src='http://YOUR-USER-NAME.110mb.com/spy.js'/>

Note : Remember to replace above urls with your real hosting urls.

8.Scroll down to where you see this :

<div id='sidebar-wrapper'>

9.Now add below code just after above code.

<div class='widgets' id='tabzine'>

<ul class='tabnav'>
<li class='pop'><a href='#popular'> Recent</a></li>
<li class='fea'><a href='#tags'> Labels </a></li>
<li class='rec'><a href=' #recent'> Followers </a></li>
</ul>

<div class='tabdiv' id='popular'>
<b:section class='cahaya13' id='cahaya16' showaddelement='yes'>
<b:widget id='HTML144' locked='false' title='Recent Post' type='HTML'/>
</b:section>
</div>
<div class='tabdiv' id='tags'>
<b:section class='cahaya4' id='cahaya4' showaddelement='yes'>
<b:widget id='Label122' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

<div class='tabdiv' id='recent'>
<b:section class='cahaya13' id='cahaya14' showaddelement='yes'>
<b:widget id='Followers152' locked='false' title='Followers' type='Followers'/>
</b:section>
</div>

</div>
<p><font><b>created by</b></font> <a href="http://bloggertipandtrick.blogspot.com/" target="_BLANK" name="blogger tips and tricks">Lasantha</a></p>

Note : Please do not remove credits.

You can change Recent,Labels,Followers(Red coloured codes) if you want to change tab names.

To add your own widget into the tabs, replace Blue coloured codes with your widget codes.

10.Now save your template and you are done.

Look at the example below.

Scarlett Blogger Template

A new awesome blogger template has been released by Cahaya. Scarlett Blogger Template was converted from a wordpress theme designed by Jinsona.

The Scarlett theme begins with a navigation menu right on top, under it comes the header image on the left while the right has a search bar neatly designed into the template. Under that is place for a leader board advertisement.

Now comes the drop down menu, before the slider that is found on many of the Zinmag Series Templates. The main column's posts are neatly divided with an automatic read more function. Under the headline is a neat icon for the Author and time stamp, while the end of the mini post has the labels. There is no comment count on the homepage which perhaps is good for a blog that does not receive too many comments!

The specialty of the sidebar is the auto rotating top posts, you can choose the content in this widget and it keeps rotating with a nice disappearing effect at a specified time delay.

Then comes a very sleek tabber that has a cool effect when you select the tabs, the sidebar starts off as a single column and then branches into two. You also have a sponsors section that you can knock off if you choose too.

The footer is divided into three columns with a special about me and twitter section with matching icons!



Download

Falkner Press Magazine Style Blogger Template

A new awesome blogger template has been released by bloggertricks. Falkner Press Blogger Template was converted from a wordpress theme designed by CamelGraph. It's magazine style blogger template. Falkner Press has 3 columns with 2 right sidebar and much of feature is built in.



Feature :
* Auto Readmore
* Adsense Ready
* Featured Content Slideshow
* Social Bookmarking Icons
* Twitter Updates widget
* And Many more..

Download Here

Free Download IBP,Internet Business Promoter 11

Internet Business Promoter(IBP) is one of the most useful seo software to all webmasters.It guarantee that your website will get top 10 rankings on Google for keywords of your choice if you use IBP.



IBP is a sophisticated website promotion tool that we continually refine. If you use IBP, you can be sure that you use the latest and proven methods that will successfully bring your website to the top of Google's search results.

IBP offers sophisticated tools for website optimization, link building, position checking, search engine submission, directory submission, keyword research and analysis and much more.

Homepage:
http://www.axandra.com/

Download Installer:
http://www.axandra.com/IBP-Installer.exe

How To Make a blogger Link List Widget with Nofollow

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to till you see your Link list code :

(Note : You may also can find it by searching <b:widget id='LinkList )

Look at the example below.

<b:widget id='LinkList12' locked='false' title='Recomended Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4.Now put blue colored code ( rel='noindex, nofollow' ) as the example below into your Link list code.

<b:widget id='LinkList12' locked='false' title='Recomended Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' rel='noindex, nofollow'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Important : You must include the space before rel='noindex, nofollow' as the example above.

Now save your template and you are done.

How To Add Hovering Peek-A-Boo Blogger Navbar to blogger

1.Log in to your blogger dashboard

2.Go to --> layout- -> Edit HTML

3.Scroll down to where you see this:

]]></b:skin>

4.Now add below code just before ]]></b:skin> tag .

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Look at the example below.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

]]></b:skin>

5.Click on "Save Templates" and now you are done.

How To Add jQuery on Blogger / Blogspot blogs

1.Login to your blogger dashboard.

2.Go to--> layout- -> Edit HTML

3.Scroll down to where you see <head> tag.

4.Now copy below code and paste it just after <head> tag.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

5.Click on "Save Templates" and now you are done.

Download Travel The World Blogger Template

Template name : Travel The World Blogger Template

Type : New Blogger Template (XML),2 Column, 1 Sidebar, Right Sidebar, White colour background

Demo|Download