JACKBOOK.COM

Contact Us | Advertise Here

Dark Blogger Template Web 2.0

posted under blogger templates gallery by admin
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.

Web 2.0 Blogger Template Dark

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
Download Web 2.0 Blogger Template Dark Version 1.0

Downloaded a total of 18850 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,

  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 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.



Readers who read this page, also read:

  • NASCAR.Com Superstore Savings | Save 15% or More on Racing Gear at NASCAR.Com Superstore with Coupon Codes
  • iPhone Template
  • 3 Columns Dark Blogger Template
  • Should we use HaloScan? (I am so disappointed to HaloScan)
  • dfTheme, The dark blogger template has been upgraded!

  • 3 Columns Dark Blogger Template
  • New template every Friday!
  • dfTheme, The dark blogger template has been upgraded!
  • Rainbow Garden Blogger Template
  • Final Fantasy Versus Xiii – Blogger Template
  • Dark Blogger Template, Slined Mod 2.0 by Dandyna
  • Couple in Pink Blogger Template | Valentine Blogger Template
  • Tired Girl Blogger Template
  • Blue Elegant Blogger Template
  • Naruto Sasuke Blogger Template | Naruto Blogger Template
  • Shugo Chara Blogger Template
  • Dark Blogger Template – Red Glow
  • Couple in Black – 2 Column Blogger Template
  • Some updates on Blogger Templates Rules
  • Red Leaves Blogger Template | 1 Column Blogger Template
  • 3 Columns Blogger Templates
  • Art Imagination Blogger Template, the request
  • Three Columns Art Blogger Template
  • WOW dotA Allstars – Template
  • Blogger Template, Night Club

« Yellow Box
Should we use HaloScan? (I am so disappointed to HaloScan) »


Press Enter
Our Feed Subscriber

Popular Articles

  • Blogger iPhone Template
  • Printable Pumpkin Carving Stencils
  • Sarah Palin Miss Alaska Photos
  • Recent Articles
  • Categories
  • Archives
  • Fujitsu LifeBook P8010 | The LifeBook Review
  • Acer Aspire Review | Acer Aspire M5640-U5403A
  • Sony VAIO Notebook | Sony VAIO VGN-FZ180E/B
  • Toshiba Portege R500-S5001 X Review
  • Apple iMac Computer | Apple iMac 2.4GHz
  • JC Penney Kitchen Furniture Savings | Get 4.99 Shipping on JC Penney Kitchen Furniture with Coupon Code ONLY499
  • Boscov’s Shoes Savings | Get Great Deals on Boscov’s Shoes with Discount Coupons
  • Bealls Children’s Apparel Savings | Get Free Shipping on Bealls Children’s Apparel with Coupon Code FREE100
  • HSN Jewelry Savings | Save 15% on First Purchase on HSN Jewelry with Coupon Code C74023
  • Sears Lawn and Garden Savings | Save On Sears Lawn and Garden with Coupon Code SEARS5OFF50
  • LG Dare – Verizon’s Top Phone
  • Learning Letters Mailbox Coupons | Enjoy Saving with Learning Letters Mailbox Printable Coupons
  • BlackBerry Storm 2 | The New Blackberry Design
  • 2-in-1 Learning Kitchen Toy Coupons | Enjoy Saving with 2-in-1 Learning Kitchen Toy Printable Coupons
  • The Magic Mouse | Apple’s Multi-Touch Mouse
  • Dell XPS | Dell XPS M1330
  • MacBook Air | MacBook Air Laptop Review
  • Gateway GT5670 | Gateway GT5670 Desktop Computer
  • NASCAR.Com Superstore Savings | Save 15% or More on Racing Gear at NASCAR.Com Superstore with Coupon Codes
  • StuffedAnimals.Com Savings | Save 10% or More on Toys at StuffedAnimals.Com with Coupon Codes
  • blog
  • blog-tips
  • blogger hacks
  • blogger templates gallery
  • boxing
  • cars
  • cooking
  • coupons
  • download freeware
  • electronics
  • featured sites
  • funny pictures
  • gadgets
  • games
  • health
  • make money online
  • misc fun sexy
  • music
  • notebook
  • personal
  • seo tips
  • sexy
  • sexy-news
  • sports
  • virus
  • wordpress
  • October 2009 (25)
  • July 2009 (3)
  • June 2009 (11)
  • May 2009 (64)
  • April 2009 (97)
  • March 2009 (30)
  • February 2009 (78)
  • January 2009 (130)
  • December 2008 (211)
  • November 2008 (103)
  • October 2008 (115)
  • September 2008 (146)
  • August 2008 (74)
  • July 2008 (20)
  • June 2008 (23)
  • May 2008 (33)
  • April 2008 (18)
  • March 2008 (10)
  • February 2008 (6)
  • November 2007 (13)
  • October 2007 (14)
  • September 2007 (8)
  • August 2007 (12)
  • July 2007 (19)
  • June 2007 (10)
  • May 2007 (18)
  • April 2007 (3)
JackBook.Com | sitemap | Privacy Policy | Copyright
Copyright © Jackbook 2009