Scarlett 4 Columns

Scarlett

Scarlett 4 is Four column template. With dark and white color combination, Scarlett is ready for any niche. The template is hot, please try it for your next blogging.

If you like my works and articles, you could subscribe in my feed form in right sidebar of this site.

Ok, Have a nice blogging.... :)

Theme Preview

Theme Download

Designed By Jinsona Design

XML By Cahayabiru.com

DATE 11-03-2009

Install The Template

1. Please Sign In to Blogger
2. Go to LAYOUT -- Edit HTML
3. If You need to back up your old templates, please do the back up first.
4. Upload The Scarlett XML Files.
5. Click the Upload button.
6. Save your template.

Customize The Logo

Go to Layout – Edit HTML – no need to expand widget template
Find this image address :

http://2.bp.blogspot.com/_xfdD6S9fOk4/SdlaB-KbXOI/AAAAAAAAAnc/M7XGhmhf-Ls/s1600/logo.jpg

The logo use image file. The size is 202 pixels width and 35 pixels height. Please make customization in image editor. After you make your own logo, Upload it into webhosting and get the link address.
After that, replace the above address with your own image address that you get in your webhosting.

Customize The Menu

The menu link use a simple HTML combination.
<li><a href='#'>Title Here</a></li>
Please, change # symbol with your targeted address.
Change the word Title Here with your own title.

You can edit this in Notepad or wordprocessor.

• after edit it, please Go to Layout -- Add Page Element
• You will find FOX MENU GADGET.
• Press edit, after that, fill it with that HTML combination above.
• Save it

You can add more link by copy paste another structure below or above the previous one.

For example:
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>

After all finish, then save.

The Second Menu
find this (Ctrl+F) :

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>

below that code, you will find like this:

<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a></li>

Please, change PARENT-LINK-ADDRESS with your own targeted address.
After that, change the word PARENT-TITLE with your own title.
Save your template

125x125 Sponsor Banners

HTML Combination:

<li>

<a href="TARGET-LINK"><img style="vertical-align:bottom;" src="BANNER-125x125"/></a>

</li>

Please, change the words:

• TARGET-LINK with your targeted web address
• BANNER-125x125 with the address of your banner

That HTML above is for one image banner. You could edit that Combination in notepad or wordprocessor.

After editing,

1. please go to LAYOUT -- add page element
2. you'll see SPONSOR or Banner gadget
3. press edit n paste your editing into it
4. save it

To make another banner, in the gadget box, simply copy-paste below or above the previous content.

Customize Targeted Adsense 338 X 250

Go to Adsense.com, Use 338 X 250 Size, and please copy the code.
Convert your adsense code into entities.

Go to LAYOUT -- Edit HTML -- expand widget template
Find this code:

<div class="ad1">

<!-- Ad_code_section_starts -->

Below that codes, you'll see like this below:

<div class="ad1">

<!-- Ad_code_section_starts -->

<script type="text/javascript"><!--

google_ad_client = "pub-XXXXXXXXXXXXXX";

/* Scarlett Post Targeted */

google_ad_slot = "XXXXXXXXXX";

google_ad_width = 336;

google_ad_height = 280;

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

<!-- Ad_code_section_ends -->

</div>

The blue text is my adsense code. Now, replace it with your code, the one that after converted.
After that, Save your template. Wait for 10-15, standard from Adsense, and your ads will show up...