posted under blogger templates gallery by admin

Update: Now the new version 1.1 is available. thanks

Update: Now the 3 Columns version is available here. thanks

Why I called it Web 2.0? because this theme/template offer a really good looking and powerfull menu. it has also 3D effects looking. credit to dezainerfolio for making a great wordpress theme so I can convert it for you.

You can click on the picture below to see the bigger size, or you can even click here to see the demo site.

Introducing you our coming template, a new fresh blogger template, it’s called: Web 2.0 template template DarkThanks to JuventusCadillac who ordered this blogspot template originally created by DezainerFolio for WordPress.org. Now the wordpress theme has been converted into template template and ready to use.

Right now, I am still fixing the lay out, because this still show mess on internet explorer. -why there are some people still using ie anyway – I ‘ve just found that it is not the template, but it is because i have miswritten the code inside my sidebar widget so it’s fixed now.

Hopefully, tomorrow, this template template has already been published. Now it’s ready for you

thanks for all of your patient.

You can download this template here,

For WordPress Theme:

DfTheme v.20 for WordPress Theme
DOWNLOAD HERE
or here on Dezainer Folio

For template / blogspot
template

I’m really sorry fot the delay, sorry if you guys have waited too long until the download link is active. It’s because this template uses some formats that template doesn’t have, so it took me couple hours to think what should do with it, finally i use some javascripts to make it works. such as Post Date Format, template doesn’t have format like this, Jul, <div>12</div> again, sorry for the lateness.

Please remember to always backup your old template before you make any changing or modifying on your theme / template.

Here is some Important notes you need to read carefully,

1. Change your timestamp format into this: Tuesday, July 17, 2008
   - Go to your dashboard
   - Go to Setting, Formatting
   - There you should see Timestamp format, You have to change, so it looks like this Timestamp Format Tuesday, July 17, 2007
   - Save Setting.
2. There are actually 2 sidebars on the right part. it’s top sidebar, and bottom sidebar. the different is, that the top sidebar, all the widget content would be expandable, and the bottom is not.So if you want to add more expandable content, you know where to put it down.
   

   To have expandable content, you need to write your widget within this format

   <div style='clear:both;'><div class='dhtmlgoodies_question'>YOUR WIDGET TITLE HERE</div><div class='dhtmlgoodies_answer'><div><div class='dhtmlgoodies_answer_content'>YOUR WIDGET CONTENT HERE</div></div></div></div>

3. This is the content of my widget on the right sidebar.
   include inside are: Search Form, Recent Post, and Recent Comments.
   You can use this as an example. this is the content of widget name= HTML4
   I have put the HTML4 Widget under bottom-mid section, so you can edit it there. once you have done editing it, you can drop it down to the top sidebar. and once it’s dropped there, you can the widget through your published blog.

   <div style="clear:both;"><div class="dhtmlgoodies_question">Search</div><div class="dhtmlgoodies_answer"><div><div class="dhtmlgoodies_answer_content"><form id="searchform" action="http://www.google.com/search" name="f" method="get"><input id="q" name="q" type="text"/><input id="btnG" value="Google Search" type="hidden"/><input id="hl" value="en" type="hidden"/></form></div></div></div></div><script src="http://lifewg.googlepages.com/rp2.js"></script><script>var numposts = 10;var numchars = 100;var thetitle = 'RECENT POSTS';</script><script src="http://www.jackbook.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp2"></script><script>var numposts = 10;var numchars = 30;var thetitle = 'RECENT COMMENTS';</script><script src="http://www.jackbook.com/feeds/comments/default?orderby=published&alt=json-in-script&callback=rp2"></script>

4. on the bottom, you will see that there are 3 split bottoms, it’s a left bottom, mid bottom, and right bottom. you can put your widget too there.
5. Your blog title will be automatically hidden, and replaced by the image on top. of course you can change it.
   - just go to your html editor on your template dashboard
   - find this code:

   background:url(http://dftheme.googlepages.com/df_logo.gif) no-repeat 0 0;

   - change the url of the image, with your own image
   - save template
   - refresh your blog. and done.

6. Anything else?

F A Q

Q: How to have the expandable widget on my sidebar?

A: You must not read this post carefully. I have mentioned it above.

This is pretty complex. so you need to pay more attention here.

1. Go to your template editor.

2. Tick the expand widget template.

3. find your widget you want it to be expandable.

4. find this line.

<b:includable id=’main’>

all the default widget code here, wrapped by the includable id=’main’

</b:includable>

5. Replace all that code with codes below

<b:includable id=’main’>
<div style=’clear:both;’>
<div class=’dhtmlgoodies_question’><data:title/></div>
<div class=’dhtmlgoodies_answer’>
<div>
<div class=’dhtmlgoodies_answer_content’>
all the default widget code here, wrapped by the includable id=’main’
except the <data:title/>. it’s already put above, see?
</div>
</div>
</div>
</div>
</b:includable>

6. save your template. done

I know it’s not easy, especially if you are not familiar with HTML codes. but as default, I have included widgets that you can learn and put them as an example.

Q: How to add more item on top horizontal menu?

A: 1 . just go to your template editor
2. tick the “expand widget template”
3. then find this codes below

<div class=’topnavi’>
<ul>
<li class=’page_item’><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li class=’page_item’><a href=’#About’ title=’About’>About</a></li>
</ul>
</div>

4. to add more item, just create another li tag.

as example, let’s try to add a contact us link. so the codes would be like this below

<div class=’topnavi’>
<ul>
<li class=’page_item’><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li class=’page_item’><a href=’#About’ title=’About’>About</a></li>
<li class=’page_item’><a href=’#ContactUs’ title=’Contact Us’>Contact Us</a></li>
</ul>
</div>
5. Save your template. refresh your blog and done.

Q: The right sidebar is frozen, the (labels,blog archive and picture) are frozen you can’t move them. if you add another element to that sidebar it freezes too.

A: Yes, I was trying to say that before.
The sidebar splitted into 2 parts, top-sidebar and bottom-sidebar. you can modify the bottom-sidebar as you desired. but top-sidebar, once you have dropped the elements there, You need to edit the element from the frontpage. I mean live from the homepage, by clicking on the Elements QuickEdit Button.

If you want to move that element,
1. please go to your html editor,
2. Find this code below:

<div id='menu'><ul><li><b:section id=’sidebar2' preferred=’yes’><b:widget id=’Label1' locked=’false’ title=’Labels’ type=’Label’/><b:widget id=’BlogArchive1' locked=’false’ title=’Blog Archive’ type=’BlogArchive’/><b:widget id=’HTML4' locked=’false’ title=” type=’HTML’/></b:section></li></ul><b:section class=’sidebar’ id=’sidebar’ preferred=’yes’><b:widget id=’Image1' locked=’false’ title=” type=’Image’/></b:section></div>

All elements inside the id=’sidebar2′ can’t be editted or moved from the widget Manager. So you need to manually move the elements from the HTML Editor. example, if you want to move the labels, you can just move that line of labels widget to id=sidebar, so it becomes like this

<div id='menu'><ul><li><b:section id=’sidebar2' preferred=’yes’><b:widget id=’BlogArchive1' locked=’false’ title=’Blog Archive’ type=’BlogArchive’/><b:widget id=’HTML4' locked=’false’ title=” type=’HTML’/></b:section></li></ul><b:section class=’sidebar’ id=’sidebar’ preferred=’yes’><b:widget id=’Image1' locked=’false’ title=” type=’Image’/><b:widget id=’Label1' locked=’false’ title=’Labels’ type=’Label’/></b:section></div>

Please note: All elements under top-sidebar cannot be moved anymore, once it’s dropped. but it can still be edited from the blog homepage. just click on the edit element button.

If you have any question about this template, Please submit it on the comment form below,

thanks

Sorry, about 50 comments deleted. I accidentally deleted this post. I have just restored this post from google cache.

a little new added:
a message by our finance donor. thanks

With so many options to choose from, to find a web hosting suitable to your specific needs is easier than ever before. Even a little reading or searching around by some other means can lead you to cheap web hosting with a standard set of services. After getting hosted, your site is approached and used by the visitors via various internet marketing techniques.