Blogger Templates Designs Plugins Widgets Hacks Tips Tricks Tutorials

12 May 2008

Theme Red Girl XML Blogger Templates

Theme Red Girl XML Blogger Templates

Theme Red Girl XML Blogger Templates



This template is perhaps one of the most beautiful red blogger template you’ve ever seen, yeah what a confident I am lol

But I’m serious, this template is just so beautiful. See it your self, with red color on the main background, with some pretty girl photos that will cheer up your visitors day, you must love this template guys.

This template come with 2 columns, main column on the right, and sidebar column on the left. But not as I use to do with other templates. I don’t fully widgetize the blog header because some elements is so custom. I’m afraid for some people who are not too familiar with HTML codes will have problems on setting it up, so I’ll just leave it as is. If you guys want to change it them, you can go to your blogger template editor and edit them there. Below is the list of what is not widgetized parts

1. “Style” word on the blog header To edit, just find this code below

<h1>
<a expr:href='data:blog.homepageUrl'>
<span class='hone'><em>S</em>tyle</span>
<span class='htwo'><b:include name='title'/></span>
</a>
<span class='hthree'><b:include name='description'/></span>
</h1>


2. The Gallery on the left sidebar To Edit, find these codes below

<h2><em>G</em>allery</h2>
<div id='gallery'>
<div class='gal' id='gzero'>
<a href='http://www.jackbook.com'><img alt='Pic 1' height='163' src='http://img404.imageshack.us/img404/9708/pic1dq5.jpg' width='221'/></a>
</div>
<div class='gal' id='gone'>
<a href='http://www.yahoo.com'><img alt='Pic 2' height='41' src='http://img245.imageshack.us/img245/518/pic2ab8.jpg' width='57'/></a>
</div>
<div class='gal' id='gtwo'>
<a href='http://www.gmail.com'><img alt='Pic 3' height='41' src='http://img247.imageshack.us/img247/407/pic3jl6.jpg' width='57'/></a>
</div>
<div class='gal' id='gthree'>
<a href='http://www.google.com'><img alt='Pic 4' height='41' src='http://img182.imageshack.us/img182/8426/pic4xs8.jpg' width='57'/></a>
</div>
<div class='clear'/>
</div>


3. The Girl Photos on the top right To Edit, Find this code below

#head-1 {
background: url(http://img413.imageshack.us/img413/3597/head1uh1.jpg) no-repeat;
...


And

#head-2 {
background: url(http://img245.imageshack.us/img245/9091/head2gd7.jpg) no-repeat;
...


Source:jackbook.com
Theme Red Girl XML Blogger Templates