Dark Blogger Template Web 2.0 (141)
posted under blogger templates gallery by Rome Uy
sponsored links
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 
Downloaded a total of 11111 times
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,
- 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 Tuesday, July 17, 2007
- Save Setting. - 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>
- 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>
- 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.
- 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. - 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. thanksWith 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.
sponsored links
Get Our Articles Sent To Your Inbox?
Or read this blog via Your Feed Reader?
ALL
Make Money and Blogging Only
« Yellow Box
Should we use HaloScan? (I am so disappointed to HaloScan) »
thats my blog’s adresse : http://www.mp3paradise.zik.dj
or http://www.mp3-paradise.blogspot.com help plz
and the problem is that i added that template for about 15 days ago ; but i cant go to About page even i found on my blog’s template code background and icons that belong to that design.
: is that in my sidebar hen i clik in LABELS it slise ahiden menue of my poste’s categories ; but whene i do the same thing for other sidebar elements it dont slide , its frozen : 
second problem
plz help i want the template for my site.
[...] more support on this Blogger theme visit Jack Books theme page. This entry was written by dfadmin and posted on July 30, 2007 at 11:05 am and filed under [...]
[...] the version 1.0. So if you have trouble on installing this template, You can read more about this template on the 1.0 version [...]
Have this problem pls help.
“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type “HEAD” must be terminated by the matching end-tag “”.”
hey John,
please read this instruction carefully. thanks
http://www.jackbook.com/2007/10/some-faqs-on-customizing-blogger-templates.html#install-blogger-template
how to change blog archive date format to “daily”?
it’s yearly and I cannot change it…
Hey, bro. Thanks for your fantastic work!!!!!
I’m having trouble with the Timestamp thing. I’ve already set the timestamp as you’ve told us to do so but the date just don’t appear!
Is there any other option to change?
have you really follow all the instructions on setting the date format on blogger here?
if so, please tell us what is your url address, so we can check it for you. many people do the same mistake on this.
Hi Jack,
You are doing an excellent job here. Thank you very much for your cool templates. This web2.0 style dark template is simply wonderful.
I’d like to have this template with three columns. If you permit me I’ll also try to add another side bar.
oh of course. be my guest.
and let me know if you have done that. i might put it available to download here and give credit to your work.
thanks
I love this template, but I can’t for the life of me work out how to get the expandable buttons on the right to work. None of mine expand like you explained, even when placed in the correct sidebar. Any help would be appreciated.
Hi Phil,
have you followed all the instruction here?
thanks
Oh.. Now I’ve figured it out. please read this instruction here to set the expandable sidebar.
thanks
Hello,
I am french …
comment changer l’arrière plan du blog qui est actuellement en noir ?
Thank you for your answer
I am sorry, could you write your question on english?
sorry i can get what you mean?
thanks
Hi,
I’ve just added a link list to the second sidebar (the non expandable one) and the posts area went under it.
DO you know how can I avoid this?
My site is: http://www.viralblink.com/
Thanks you,
Ray
Hi Ray,
could you give me your HTML code of you’re trying to add so i can analyze it?
please send me via email, i guess you wouldn’t be available to post it via this comment form.
thanks
how can I add more buttons on top aside from “home” and “about” just like the ones at dezinerfolio.com? example: works, downloads, contacts etc. Please help? thank you in advance
Hi Mai,
I have answered your question in the post as an update.
thanks
None of my widgets in the side bar are expanding still. Even when I put them in the top bar they wont expand. I’ve read you’re explaination and instructions, but can’t make sense of them. For instance, on my website, if I wanted to make the widget called “blog archive” expandable, what code would I have to put it in to?
haven’t i included the blog archive widget on the template?
yes, it needs a little customizing on the html code to have it expanded.
i think i need to provides all widgets later.
thanks
[...] template is so famous, that is why this template has been updated twice. you can see the first version here, then some week ago, the template has been upgraded with some of new cool features here on the [...]
i hv change to timestamp as u mention in instruction but its didnt appears at all..wats happen?
No Leonlee,
I have checked your site, and you still miss set your timestamp format.
please follow this instruction to set the timestamp format.
thanks
I love it!
But, i cant install the comment form under post
Where i can find a link to this one?
I already subscribed to answer for any answers…
Thanks!!!!!!!!!!!!!!!!!
you can read the guidance here about a comment form under post.
thanks
how to get my blog title in the header, it is not appearing there
It’s appear as a header image on the top left.
you can change that by your self. please read comments above.
Can I get like Peek-A-Boo Post or read more in Web 2.0 Blogger Template Dark?
Thank you for your hard works.
I do not know how can i get it because I never tried wordpress before. Now, i try to use wordpress theme but still can not get it. pls let explain me how can get read more…. in Web 2.0 Blogger Template Dark. Thank you
Thnx for the wonderful template! But how do I make the navbar appear again?
easy Sy,
1. just go to your template editor,
2. remove this code below
#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
3. save your template and done.
thank you for this template
,you can see in action here http://gizmohunt.com . a good day.bye
First of all i’m in love with this template! Today i found this site and i’m excited.
I want to use this template, but i want to ask if i could somehow replace the upper left image with an other. Its the only thing i would like to change ih this template.
So i’ll be grateful if you can help me about this.
Thanks in advanced.
PS. Keep walking man. You are doing excellent work! Congrats !
PS2. You can also answer in my email.
This was working fine. I added a new blog entry and now the dates don’t show.
Now they do. But I had to resave the TimeStamp formatting. I change it to something else and save. Then I change it to Tuesday, July 17, 2008 and save it again. Then it works. I wonder if I have to do this every time I add a blog entry.
Now they don’t show again. What’s happening?
I guess. just like another blogger. you haven’t read all the installation instruction here
.
Please note that all of our templates images are hosted on my googlepages account. and you have to know that our templates have been used by so many bloggers outhere. so my googlepages account always exceeds it’s bandwith limit almost every day. that’s why i always encourage my readers to host all the images on their own file host or their own googlepages. now have you hosted all the images on your own googlepages? or your own file hots? if not, please follow the instruction here about to
host all the images to your own host.
If your date doesn’t show up. please read here
how to set the correct date format.
if you still have problem, please mail me anytime, i will try my best to help you.
Thanks
I moved all the images to my GooglePage account ant now it works fine. I know how to add a tab on my blog (say About). But how and where do I create a page for it? So if I add this to my HTML:
About
How do I hook it up so that the contents appear when the user clicks on it?
I’m sorry, i don’t get what you mean.
could you please tell it more specific?
thanks
Jack,
You are absolutely right. I copied the images to my own googlepages account and it works fine now. The only thing I don’t know how to do is to add a tab. Say I want to add a tab called “cool stuff”. What are the steps I need for that?
[...] Web 2.0 - A black and white template with a slight touch of blue color on the blog logo and the RSS feed. [...]
Ok, I know I am probably driving you nuts… but I cannot get the expandable widgets. I guess I don’t know which section of code is “all the default widget code” or “widget content.” Do you perhaps have before and after code sections? Or can I show you one of my widgets and you show me how to edit it? Sorry, I am not experienced in HTML, but can usually figure this sort of thing out. I am having problems with this though.
Thanks a lot for convert this template for us, I love it. But, I’ve got a problem. How can use “read more” on this template? I don´t know how. could u help me?
Can I get “read more” in this template??? Thanks for your help?
sure. if you know how to set a read more on other template.
then you should be able to set it on this template too.
thanks
Hi Jack,
I’ve made changes to time stamp format as you mentioned in your blog. but still The date is not showing up… Please help…
http://ravisblognet.googlepages.com/date.bmp
Have a look at my settings image
hi Ravi,
it is your javascript. i think you need to reupload it onto your googlepages.
http://pnrk369.googlepages.com/jackbookDOTCOM_changedate.js
try to access this. or maybe you mistype the url?
Hi Jack,
Thank you very much for your kind support. Now It’s working fine. Please have a look at my blog once. The widgets are aligning to left in sidebar which doesn’t look good, how to make it align to center?
Thanks & Regards,
RAVI
hi Ravi,
to make it center, try to wrap your mybloglog script with a div like this
<div style="margin: 0 auto;">
Your MyBlogLog Script here
</div>
thanks
please tell me how to install yahoo smiles on my blog … i have the same template (Dark Blogger Template Web 2.0 )
thxs & good luck
[...] Web 2.0 - A black and white template with a slight touch of blue color on the blog logo and the RSS feed. [...]
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “id”.
Err.. Can help me with that?
just send me your username and temporary password, i’ll install it for you.
thanks
Hi Jack. I use this excellent template with my customizing for some time but now, suddenly (I’m not aware of any changes I did) just look at the bottom of my blog - it’s not black/grey like the rest of the page but kind of olive color (#996600). I don’t know where’s the problem.
Thank you very much.
I’ve installed this awesome template to my blog: ultimateaxe.blogspot.com, but when I go to the Add and Arrange Page Elements page to add/remove and change things around, I find that I cannot move around the page elements that are shown to the right. Also, If I hover my mouse over them, I notice that the 4 headed arrow doesn’t display and dragging and dropping doesn’t do much. Any ideas as to what I may have done wrong?
Thanks in adv.
yes, please read this post carefully.
i have mentioned it there on the post.
thanks
I’m having an issue regarding the categories (labels) sidebar
I didn’t want it to expand, so I deleted it and re-added it through the blogger UI. Now though, the count numbers are wrapping on a layer below the labels and I can’t see anything in the HTML / CSS that would explain why (apart from the physical line-breaks in the source). Any idea why this may be happening. You can see it on http://andyslandofadventure.blogspot.com
Thanks
Actually, I’ve sussed it. Hadn’t noticed “Expand widget content” before
put here the code for yahoosmiles
plz
[...] like the previous dftheme wordpress theme, which you can find the blogger version here, this doesn’t have the expandable sidebar, but you got Flicker included here. On the [...]
This is soooo cool. But I Can’t view the images ‘cuz it says that the bandwidth of googlepages has been exceede ): I need the pics to upload them to my server.
you can download all the pics and the style.css here Jimmy
http://www.jackbook.com/move-all-the-images-on-your-blogger-template-to-your-own-host
thanks
Thanks alot, Jack!
hi, jack
because of the many problems with this template, and all your time you lost answering support questions, i came to the idea, that you should publish a package, where the xml-file, ALL the images (and i mean really all, in your image-pack for web 2.0 blogger theme dark arent all needed images. just some that might lighten your traffic.), and the css-file. just everything that is needed to use this template. so all the guys, that have uploaded the images to their own host, could have everything needed for this temeplate on their own host. that would make it much easier to add new pages like “about”, “contact Us” etc. and it would definitely cut most of the traffic to your google account (if the people are able to change the image-urls in the code with their own image-urls).
And maybe you could fix the problems with the sidebar, and embed your comment-under-post-tool. you’ve already published an update that should include this comment-under-post-thing, but in my case it didnt work either. maybe i have understood something wrong, but cant you publish a fixed package with everything i need to publish this template on my own host (every file should be available at my host, so that i can edit and use multiple versions of this template to create a blog with more than 1 page or xml-file).
you would make many peoples very happy, and with your abilitys it shouldnt take much longer than 10 minutes.
so here is a short summary, what that package should include:
- all images
- all .xml-files
- all bugs fixed
(- post under comment fix
- make the sidebar expandable)
if its possible use the older version of web 2.0 blogger theme dark, bedause i dont like the bookmark function direkt under the heading of a post and because i publish my blog in another language than english, and the informations under everypost are stuck in english and not editable.
hope you get what i mean. let me know if u could do this.
thanks, OneWay*
hi Fibax,
thanks for your feedback and suggestions.
actually, i have been providing all you mentioned here on this site. you can get it here.
and actually, i have already put the links everywhere on this site. just look at the bottom of each template post page, and look at the footer below inside the yellow block.
unfortunately many people don’t pay attention on it.
thanks Fibax,
i really appreciated it.
hi,
so why dont you put all together in one xml file (i mean the comment-under-post-thing and the expandable sidebar)? i was so happy when i saw this template on dezinerfolio, and then the one that was made for blogger by you, al almost exploded of happyness^^ but it seem that im to stupid to edit the code with the 2 things is mentioned above…please could you do this for me?^^ i believe that many other users would be happy too!
so to the images, in the pakckage for web 2.0 blogger temeplate dark arent all the images. i mean i want to get all the images, so that i could see this site even without an internet connection. you now what i mean?
regards, Fibax
forgot to say that, if you could do this for me, you should please use the older version, cuase i dont like the newer one, because of the points mentioned in the first post.
very, very big thanks, Fibax
er, why isnt my layout of the text accepted? in my version, that i wanted to post, it was much more clearly arranged!
I can;t change the footer; everytime it gives me an error!!!
Hello I want to centre the image of head-board
Hola oye como le hago para centrar la imagen de la cabecera ya que esta se me hace hacia la izquierda
le quite lo repetido pero no logro centrarla.
Espero me ayudes. Saludos.
[...] Demo | Visit and Download [...]
Hi Jack
I would like to thank you for providing such a beautiful blogger templates dude. Keep it up
can v have link exchange?
This is my blog.
http://softwarespt.blogspot.com/
if you are interested pls let me know.
if else you wanna contact me directly add this id rayyansyed@yahoo.co.in plz
[...] 2.0 Blogger Template Dark Click here for Demo visit blogger template [...]