Scarlett
Scarlett is three 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.... :)
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.... :)
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The Scarlett XML Files.
- Click the Upload button.
- Save your template.
Customize The Logo
Go to Layout – Edit HTML – no need to expand widget template
Find this image address :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRYVDOr5S290jkO8a2SQuZdZjw_LeVZtBU76QmV9HClWTVb36aCN37e8hMbqBCJLtU-qYb0pfwlo9GvKKX9WXHNrERSMn1H-Oi3jQTd0fEAh4MX5vI72lfyNyF-kWrhcNsj9VxBCW-mQ/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.
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.
<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
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) :
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
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:
Please, change the words:
After editing,
<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
After editing,
- please go to LAYOUT -- add page element
- you'll see SPONSOR or Banner gadget
- press edit n paste your editing into it
- save it
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:
Below that codes, you'll see like this below:
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...
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...
5 comments:
Hello
i want to add one more column in left side of this template. before the post area. i try it to do this, but i did not get success, please help me. im waiting for your reply
Thanks
@Nayan; I'll consider about it.
Hello
if there is some little-bit edit, so please tell me i will make my self. everything need to be same just want to add one more column in left sidebar before main content column.
i hope i got a positive reply from your side
Thanks
@Sam; I have published the 4 column....
Thanks
Post a Comment