whitePress Simple

whitepress simple blogger template with 3 column footer blogger template, blogger template from wordpress theme. whitepress simple blogspot template

demo whitepress simple blogger template with 3 column footer blog template. convert wordpress theme to blogger template. whitepress simple template blogspot

download whitepress simple blogger template. blogger template with 3 column footer. theme wordpress to blogger template. blogger template whitepress simple


Free whitePress Simple Blogger Template


If Static Pages has an error with your browsers such as Firefox and Chrome, please attention note the updates
Platform Type :
Blogger / Blogspot

Name Template :
whitePress Simple

Designer
http://onlywp.com/

Author :
Ireng Ajah

URL Author :
DheTemplate.com - http://www.theme2blog.com/

Description :
Free whitePress Simple Blogger Template is an elegant and clean blogger template adapted from WordPress Theme to Blogger Template. Features of this template : 2 column template, 3 column footer template, pagination for blogger ready, auto readmore template, banner 125×125px ready, comment avatar ready, and more. This template suitable for all type of blogs.

Instructions :

Setting whitePress Simple Blogger Template


1. Setting Header and Logo


Go to Design > Edit HTML and find this code below :
<div class='header'><h1>whitePress Simple</h1></div>
<a class='logo' href='/'>
<img alt='Whitepress Blogger Template' src='http://4.bp.blogspot.com/_aAjcAMHOGT4/TJnbBgCybDI/AAAAAAAAE1Y/yqlwWP0aAqw/s1600/logo.png'/></a>

Change red color with your Title Blog, IMG ALT and Logo URL

2. Setting Twiiter & RSS Feed


Go to Design > Edit HTML and find this code below :
<div id='wpInformation'>

Change #Twitter_LINK & #RSS_LINK with yours

3. Setting Date


Format setting for date look like this image below

whitepress blogger template

4. Setting Banner 125×125px


If you want to add banner 125×125px, the structure code look like this :
<div class="banner">
<a href='http://www.dhetemplate.com/'><img alt="image alt" src="http://2.bp.blogspot.com/_aAjcAMHOGT4/TBJGD4MK3mI/AAAAAAAACtw/1oRFtMsQ0To/s1600/banner+dhe.jpg"/></a>
</div>

Similar Templates :
Sophist Blogger Template & Kolom Post Blogger Template


** Updates **
Go to Design > Edit HTML. Find this CSS code :

/* PageList */
#crosscol-wrapper{
margin: 6px auto 0;
background: url(http://2.bp.blogspot.com/_aAjcAMHOGT4/TJjrKUeOOaI/AAAAAAAAEzY/hukCNx0DpzM/s1600/menu.png) no-repeat top;
width: 912px;
height: 48px;
padding: 15px 0 0 38px;
}

.PageList{
height:30px;
padding:0;
width:500px;
margin:0;
float:left;
text-transform:uppercase;
}
.PageList li a{
float: left;
margin-right: 20px;
text-transform: uppercase;
font-size: 115%;
font-weight: bold;
}

.PageList li a:hover{
color: #a6a6a6;
}

.PageList li.selected a{
text-decoration:none;
}

.crosscol .PageList ul, .PageList ul, .crosscol .PageList li, .PageList li{
margin:0;
padding:0;
list-style:none;
outline:none
}


Change that code with this one :

/* PageList */
#crosscol-wrapper{
margin: 6px auto 0;
background: url(http://2.bp.blogspot.com/_aAjcAMHOGT4/TJjrKUeOOaI/AAAAAAAAEzY/hukCNx0DpzM/s1600/menu.png) no-repeat top;
width: 912px;
height: 48px;
padding: 15px 0 0 38px;
}

.PageList{
height:30px;
padding:0;
width:500px;
margin:0;
float:left;
text-transform:uppercase;
}
.PageList li a{
float: left;
margin-right: 20px;
text-transform: uppercase;
font-size: 115%;
font-weight: bold;
}

.PageList li a:hover{
color: #a6a6a6;
}

.PageList li.selected a{
text-decoration:none;
}

.crosscol .PageList ul, .PageList ul, .crosscol .PageList li, .PageList li{
margin:0;
padding:0;
list-style:none;
outline:none
}


Then, add this code below to hide the Static Page Title

#PageList1 h2 {display:none;}

exactly before ]]></b:skin> code

Oops! there was only one comment.. come on speak up!

  1. i like this template, but how do I zoom out the picture that appears in the home? please reply to [email protected]

+ Add Your Comment

Do not waste your time with irrelevant comments or leave a link for backlink will be removed