Twilight Blogger Template

I'm a hardcore Twilight movie fan and a Vampire lover .Besides that I've got natural fangs.Anyway here is a Blogger template designed by me which is inspired from the movie Twilight.The template is very flexible and can be used for different niche of blogs.Besides this template I'm in the process of designing some more templates for blogger.After few retouching I'll post them also .They will be posted around end of this month.Let's concentrate on this template for now.

Demo | Download

Let's check out the features of the template ::

• Three column template with top,left,right and bottom sidebars.


• Navigation bar with drop down menu.


• In built Search function.


• Four column footer .


• Blog title and post title flip for SEO.


• Post title with H1 tag for SEO.


• Customizable through Blogger.


• Automatic expandable post with thumbnail regeneration.


• Related post hack preinstalled.


• Collapsible three column tabbed widget,125 x 125 ad space and stylish email subscription widget preinstalled.


• Breadcrumb for better navigation.


• Customized blockquote.


• Favicon installation feature

How to install the template ?

1.Log in to your blogger dashboard and head over to edit lay out.

2.Click on download full template for back up.

3.Click on browse , select twilight template and upload.



4.To keep your old widgets please keep a back up.

How to set up the header ?

Go to layout section of your blogger template and add the header using header widget.

Note :: Just keep the width of the header to 960px .

How to set up the navigation bar ?

1.Go to 'edit HTML' and find this <div id='NavbarMenuleft'> .



2.See the link structure and put your links.

How to set up the collapsible 3 column tabbed widget?

1.Expand widget templates and search for this code <b:widget id='HTML3' locked='false' title='Tabbed' type='HTML'> .



2.Put the title according to your choice.

3.Locate <ul class='tabnav'> by scrolling down a bit and change the title of your first,second and third widget.



4.Scroll down a bit more and put your widget code in the specified location.

How to set up the newsletter widget?

Go to 'edit HTML' .Tick expand widget templates, search this http://feeds.feedburner.com/~e?ffid=2208478 and replace with your own unique id.

How to set up the 125 x 125 ad space widget?

1.Go to 'edit HTML' .Expand widget templates, search for http://wwww.advertiserslinkhere.com and put the link given by advertiser.

2.Change the image url given by your advertiser.

That's it. If you have got any issue please post here.

I'll be happy to help you.

Click here to Subscribe news feed from "TechFuzon", so that you do not miss out anything that can be valuable to you !!