Blogger-Help.com

09 January 2012

Versatile Blogger Template

Monday, January 09, 2012 DrRaman No comments

Template author: Compartidisimo

Features

* 3 column template
* Elegant design
* Right and left sidebars
* New look Featured content slider
* Gravatar on Comments activated
* Auto read more hack
* 3 columned footer
* Social bookmarking icons
* 468×60 and 125X125 ads space

New Asha series of phones from Nokia

Monday, January 09, 2012 DrRaman No comments

Nokia Asha 303
Nokia launched Asha 303 on Dec 2011.

Features:

3G, Wi Fi
2.6 inches touchscreen with QWERTY keyboard
Storage up to 32GB
1 GHz CPU
3.2 MP camera

+ READ MORE

Sony Tablet S 3G
Features:

9.4 inches TFT capacitive touchscreen
1GB RAM
Storage 16GB/32GB
Dual-core 1 GHz Cortex-A9 processor
Android OS, v3.2 (Honeycomb)

+ READ MORE

Nokia Lumia 710
Features:

3.7 ” capacitive touchscreen
8GB storage
512 MB RAM
GSM + WCDMA
1.4 GHz CPU
Windows Phone 7.5 Mango OS

+ READ MORE

Sony Tablet P
Features:

5.5 inches dual touchscreens
3G, Wi Fi
up to 32GB memory
1GB RAM
Dual-core 1 GHz Cortex-A9 processor with ULP GeForce GPU
Android OS, v3.2 (Honeycomb)

+ READ MORE

04 January 2012

How to Customize Blogger Sidebar Titles

Wednesday, January 04, 2012 DrRaman No comments

Now a days most of the Blogger templates comes with stylish sidebar titles. But some of them have still old simple look. Most of my blogger friends asked me about how to turn these titles into stylish ones. In this following tutorial I will explain how to customize these sidebar titles. You can change the font, size, color, add border, background to the sidebar titles.

First of all we have to find below code into your template. Just search for .sidebar h2

.sidebar h2 {
margin:0;
padding:0 0.2em;
line-height:1.5em;
}

If above code is not present in your template then add it just ABOVE the

]]></b:skin>

Now you have the sidebar code we will customize the titles.

Adding Borders

Just add
border:1px solid #000000;
below the
.sidebar h2 {

Above is the all four borders to your sidebar titles. You can choose to add bottom, top, left and right border or combination of them.

border-bottom:1px solid #000000;
border-left:1px solid #000000;

You can change the border thickness, style and color.

Adding Background color

Just add
background:#A9A9A9;
below the
.sidebar h2 {

You can add any color by changing color code value.

Adding Background image

In this case we will add a background image to the sidebar titles. First will will need to prepare the image. Create your own image or get from internet. Crop it to fit with your sidebar and upload it on Picasa or PhotoBucket or other image sharing website.

The width of the image should be same as the width of your sidebar. The hight of the image will be adjusted in line height.

The entire code will be as follows:

.sidebar h2 {
background:url(YOUR_IMAGE_URL)no-repeat;
margin:0px;
padding:0px 0.8em;
line-height:50px;
}

Changing Font of sidebar titles

Just Add

font-family:Impact;

below the

.sidebar h2 {

You can try different fonts like:

Georgia
Palatino Linotype
Book Antiqua
Times New Roman
Arial
Helvetica
Arial Black
Impact
Lucida Console
Courier New
Verdana
Tahoma
Lucida Sans Unicode and many others

Changing size of the font

Just add

font-size: 120%;

below the

.sidebar h2 {

To adjust the font size, change the value in red.

This way experiment yourself to make your sidebar titles more attractive. Bye for now.

Template author: Avinas Bhardwaj

Features

* 2 column template
* Elegant design
* Right sidebar
* New look Featured content slider
* Gravatar on Comments activated
* Auto read more hack
* 3 columned footer
* Social bookmarking icons
* Best for portfolio image blog
* star rating icons
* Previous/Next page icons
* 468×60 and 250×250 ads space