28 November 2009

2 column magazin style template Dark Oranges




Designed by -Bloggets

Demo

Features - It is a 2 column blogger template. It is a magazine style template having right sidebar and 4 column footer. It is inbuilt with Tabbed Navigation Menu. Plus 3 columns are provided below header to add gadgets. Look Demo.


Online Printing a boon for small buinesses

There is competition everywhere, whether it is large business or small business. And you cannot survive this competition without proper exposure.

If you have a quite setteled small business or have just started up, you have to work on various issues like company 'Logo',  'Business Cards', 'Postcards' etc. There are many expensive options available online and offline also there are these expensive print shops.

Here comes the role of Online printing. One of the reasonable option is PsPrint. PsPrint is a leading printing company that prints business cards, stickers, postcards, and more. PsPrint offers a wide variety of top-quality printed products--whether flat, folded, or bound. Each is printed on premium paper stocks including gloss, recycled matte, and specialty, to help you create a better printed piece.

What you have to do is simply choose the pre-designed template that appeals to you, and then follow the easy online instructions for customizing it with your company name, address and other information. It's that easy and—the design tool is free!

It also provides some free samples for you, giving you enough idea about what you will get for your money.

With PsPrint you can give your business a proper exposure and take it to new heights. Even online businesses can benefit from the service of online printing.

24 November 2009

How to Show Only Post Title Without Full Content for Label/Category?

When a user clicks on a label it shows all the posts with full content of the posts with full description and images. Say if you have 50 posts of that label then it will take more time to load and user may get frustrated. How about showing only titles of the posts and not the full post.



20 November 2009

Download 3 column Rounders 2 Template

I have converted Rounders 2 template to 3 column here.  But some friends have problem with New profile. First try to follow steps given here about Creating your own THREE column Rounders 2 Template for blogger. If you also get the that problem then download these templates.


3 column Rounders 2 Template




19 November 2009

How to add Drop Down Navigational Menubar with Submenus to the Blogger blog.

khemarak-កំព្រា asked me about adding Drop Down Navigational Menubar with Submenus to the Blogger blog.on my previous post How to add a horizontal navigation bar or menu to Blogger?

So I just make some modifications to previous code so that it can display drop down menus.

Drop Down Menu is a list of options that display below a menu option.

Live Demo

So here we go.....

Go to Blogger Dashboard >> Layout >> Edit HTML >> Download full Template.

Press CTRL F and search for
]]></b:skin>

now replace it with

#NavbarMenu {

width: 980px;
height: 35px;
background:#e3edf9 url(http://i415.photobucket.com/albums/pp238/Sujeet/navbar3.jpg) repeat-x top;
color: #3D81EE
margin: 0 auto 0;
padding: 0;
font: bold 11px Arial, Tahoma, Verdana;
border-top: 1px solid #AFAFAF;
border-bottom: 1px solid #FFFFFF;
}
#NavbarMenuleft {
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #dae8ff;
display: block;
text-transform: capitalize;
margin: 0;
padding: 9px 15px 8px;
font: normal 15px Georgia, Times New Roman;
}
#nav li a:hover, #nav li a:active {
background:#e7ffb3;
color: #36731b;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #3D81EE url(http://i415.photobucket.com/albums/pp238/Sujeet/navbar3.jpg) repeat-x top;
width: 200px;
color: #d3d3d3;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #99C9FF;
border-left: 1px solid #99C9FF;
border-right: 1px solid #99C9FF;
font: normal 14px Georgia, Times New Roman;
}

#nav li li a:hover, #nav li li a:active {
background: #e3f1ce;
color: #156018;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}

]]></b:skin>


Now look for the following section of code

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/>
</b:section>
</div>


Now just bellow that code add following code

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>


<li><a href='http://colorsfromindia.blogspot.com/2008/08/health-wellness.html'>Health News</a></li>


<li><a href='#'>Deseases</a>
<ul>
<li><a href='http://medimania.blogspot.com/search/label/Acne'>Acne</a></li>

<li><a href='http://medimania.blogspot.com/search/label/Breast%20cancer'>Breast cancer</a>
<ul>
<li><a href='http://medimania.blogspot.com/2007/12/stages-of-breast-cancer.html'>Stages</a></li>
<li><a href='http://medimania.blogspot.com/2007/12/signs-symptoms-diagnosis-of-breast.html'>Signs, Symptoms, Diagnosis</a></li>
<li><a href='http://medimania.blogspot.com/2007/12/role-of-surgery-in-breast-cancer.html'>Treatment</a></li>
</ul>
</li>

<li><a href='http://medimania.blogspot.com/search/label/Mesothelioma'>Mesothelioma</a></li>
</ul>
</li>


<li><a href='http://medimania.blogspot.com/search/label/LASIK'>LASIK</a>
<ul>
<li><a href='http://medimania.blogspot.com/2007/08/how-common-are-lasik-complications.html'>Complications</a></li>
<li><a href='http://medimania.blogspot.com/2007/08/lasik-procedure.html'>Procedure</a></li>
<li><a href='http://medimania.blogspot.com/2007/08/reasons-to-undergo-lasik.html'>Adwantages</a></li>
</ul>
</li>
<li><a href='#'>Webmaster's Corner</a>
<ul>
<li><a href='http://www.webmasters-forum.org/index.php'>Webmaster's Forum</a></li>
<li><a href='http://www.free-blogger-help.blogspot.com/'>Blogger Help</a>
<ul>
<li><a href='http://free-blogger-help.blogspot.com/2008/08/list-of-useful-blogger-widgets.html'>Widgets</a></li>
<li><a href='http://free-blogger-help.blogspot.com/2008/07/blogger-templates.html'>Templates</a></li>
<li><a href='http://free-blogger-help.blogspot.com/search/label/Edit%2FCustomize%20Template'>Edit/Customise Template</a></li>
<li><a href='http://free-blogger-help.blogspot.com/search/label/Search%20Engine%20Optimization'>SEO</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>

</div> <!-- end navbar -->




Save the Template. Change the Titles and URL's given in second code.

Experiment with values of first code to adjust it with your blog.

UPDATE: jQuery based navigational drop down menu bar for Blogger

18 November 2009

Random Posts Widget with posts summary for Blogger.

One of the my subscriber mashad has asked me about the Random Posts widget. So here is that widget.

What is Random Posts Widget?

This widget displays random links of posts from your blog. This is differant from Recent posts or Popular Posts. This widget helps you as it brings some unpopular posts to your visitors.

Here is Live Demo.



How can I get this widget.
Sign in to Blogger >> Layout >> Page Elements >> Add a Gadget >> HTML/Java Script..

16 November 2009

Download 3 column magazine style template Hybrid News

Download 3 column template Hybrid News


Designed by - Free Blogger Template / ThemeHybrid

LIVE Demo


07 November 2009

Related Posts with Thumbnail Widget

I already posted Similar/Related Posts with image thumbnails widget. But here is another blogger hack for Related posts with more customization. In my previous widget you can only have 5 post titles, but using this new hack you can have more than 5 post titles. You can also control font, color and size of text.


LIVE DEMO


03 November 2009

Download 1 column template Capung


Design by - Templates-godown

Demo

 DOWNLOAD

02 November 2009

Download 2 column template Superior




Design by - ThemeCraft / Nodethirtythree

Demo


Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More