Preview

Download (v1.13)

General Info

• 2 Columns
• Ads Ready
• Bronze Templates
• By BloggerStyles
• Fixed Width
• Right Sidebar

(11 votes, average: 4.09 out of 5)

 Loading ...

Score: 80% Bronze

no.	Tested Criteria	Point	Pass	Fail
1	Template Support Available	2
2	Compatible with IE7	1
3	Compatible with Firefox	1
4	Floating Content within post area	1
5	Auto adjustment within the post area	1
6	Proper Image Alignment	1
7	Proper Display of Commenting System	1
8	Proper Display of Links and Quick Editing	1
9	Proper Display of Blog Archive and Followers Gadget	1
	Total	10 pts	8 pts
	Theme Score	80%

Additional Info
Navigation Bar: Yes
Search Bar: Yes
Welcome Message: No
RSS: Yes
Ads space: Yes
Footer Widgets: No

Toughpress Template Layout

Set up the Top Navigation
Go to Layout -> Edit HTML, press [CTRL+F3] to find the code below and replace it with your link.

<li><a href=’#'>Edit</a></li>

For example,

<li><a href=’#'>Edit</a></li> to
<li><a href=’http://www.bloggerstyles.com’>Toughpress Blogger Template</a></li>

Set up the Ads link
Go to Layout -> Edit HTML, press [CTRL+F3] to find the code below and replace it with your own link.

<li><a class=’kwick ad1′ href=’#'><span>Ad1</span></a></li>
<li><a class=’kwick ad2′ href=’#'><span>Ad2</span></a></li>
<li><a class=’kwick ad3′ href=’#'><span>Ad3</span></a></li>
<li><a class=’kwick ad6′ href=’#'><span>Ad6</span></a></li>
<li><a class=’kwick ad5′ href=’#'><span>Ad5</span></a></li>
<li><a class=’kwick ad4′ href=’#'><span>Ad4</span></a></li>
For example,
<li><a class=’kwick ad1′ href=’#'><span>Ad1</span></a></li> to
<li><a class=’kwick ad1′ href=’http://www.bloggerstyles.com/ads’><span>Toughpress Ad</span></a></li>

Set up the Ads image
Go to Layout -> Edit HTML, press [CTRL+F3] to find the code below and replace it with your image URL.

#kwick .ad1 {background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Toughpress%20Project/ad1.gif);}
#kwick .ad2 {background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Toughpress%20Project/ad2.gif);}
#kwick .ad3 {background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Toughpress%20Project/ad3.gif);}
#kwick .ad4 {background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Toughpress%20Project/ad4.gif);
border-right: 0;}
#kwick .ad5{background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Toughpress%20Project/ad5.gif);}
#kwick .ad6 {background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Toughpress%20Project/ad6.gif);}

For example,

#kwick .ad1 {background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Toughpress%20Project/ad1.gif);} to
#kwick .ad1 {background: #25241E url(http://i36.photobucket.com/albums/e2/alvaris924/Elegance%20Project/logo.png);}

Set up the RSS feed
Go to Layout -> Edit HTML, press [CTRL+F3] to find the code below and replace it with your own RSS link.

<a href=’http://hive-toughpress-demo.blogspot.com/feeds/posts/default’>

Set up the Javascript for Ads
This template is originally designed with Javascript code, which gives an interesting hover effect for the ads. Although the Blogger cannot host the Mootools Javascript, you can still use the Mootools Javascript imported from other WordPress theme hosting site, with the risk that it might not work on sometime.

To achieve this, go to Layout -> Edit HTML, press [CTRL+F3] to find the blue highlighted code below and add the yellow highlighted Javascript code inside it.

]]></b:skin>
</head>
<script type=”text/javascript” src=”http://test.wpthemesfree.com/wp-content/themes/toughpress/mootools.js”></script>
<script type=”text/javascript”>
var Site = {
start: function(){
if ($(‘kwick’)) Site.parseKwicks();
},
parseKwicks: function(){
var kwicks = $$(‘#kwick .kwick’);
var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
kwicks.each(function(kwick, i){
kwick.addEvent(‘mouseenter’, function(e){
var obj = {};
obj[i] = {
‘width’: [kwick.getStyle('width').toInt(), 185]
};
kwicks.each(function(other, j){
if (other != kwick){
var w = other.getStyle(‘width’).toInt();
if (w != 105) obj[j] = {‘width’: [w, 105]};
}
});
fx.start(obj);
});
});
$(‘kwick’).addEvent(‘mouseleave’, function(e){
var obj = {};
kwicks.each(function(other, j){
obj[j] = {‘width’: [other.getStyle('width').toInt(), 125]};
});
fx.start(obj);
});
},
jinsona: function(){ }
};
window.addEvent(‘load’, Site.start);
</script>
<body>