Dark FolioZ

Dark Folioz Blogger template features
  • Ads ready
  • Automatic readmore and thumbnail
  • Author profile
  • Twitter update
  • Tweet meme button
  • Share and bookmarks button
  • RSS Subscribe
  • many more

Installation Setting

Header Image
You can customize image header, edit through page element, click on header widget and upload your own image header

Right Header Widget
You can put your ads code here. Simply paste adsense code and save. If you dont have adsense account, you can put banner ads or any HTML code here

Banner Ads
Click on Ads Banner gadget
Paste these code

<div id="adspot">
<!-- Ad1 start -->
<a class="ad1" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<!-- Ad2 start -->
<a class="ad2" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<!-- Ad3 start -->
<a class="ad3" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<!-- Ad4 start -->
<a class="ad4" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<div class="clearer">

Note : change # to your own URL, and http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg to your own URL image
If you dont need these gadget, just click remove

Twitter Gadget (under main blog)
Click on Twitter Gadget
Paste these code

<div class="twitter"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display: block; text-align: right;" href="http://twitter.com/bietemplates">follow me on Twitter</a>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/bietemplates.json?callback=twitterCallback2&amp;count=2" type="text/javascript"></script>

Note : change red text to your own Twitter ID

Author Gadget
This is customized author gadget, not like default profile
Click on author gadget
Paste these code

<div class="auth">
<div style="float: left;">
<img alt="" src="http://1.bp.blogspot.com/_sunpK_FtO1E/Ssw4ge2pI9I/AAAAAAAAAR8/JF74i1gUSYc/s1600/profile_blank_gray.jpg"/>

Bie, that&#39;s my name. Im just an ordinary blogger.Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis.Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis.

<div class="connect">
<li><a href="http://www.facebook.com/YOUR-ID" target="_blank"><img alt="Agregar a facebook" src="http://1.bp.blogspot.com/_sunpK_FtO1E/Ssw9Mbxdb9I/AAAAAAAAASc/0-vXuuJEnk8/s1600/facebook_32.png" class="rsociales-sobre"/></a></li>
<li><a href="http://twitter.com/YOUR-ID" target="_blank"><img alt="Agregar a twitter" src="http://4.bp.blogspot.com/_sunpK_FtO1E/Ssw9o4xCM5I/AAAAAAAAAS8/YXxhdYoTYhA/s1600/twitter_32.png" class="rsociales-sobre"/> </a></li>
<li><a href="mailto:user@blabla.com" target="_blank"><img alt="Email" src="http://4.bp.blogspot.com/_sunpK_FtO1E/Ssw9L6j-RUI/AAAAAAAAASU/3XIqAdi_fNA/s1600/email_32.png" class="rsociales-sobre"/> </a></li>
<li><a href="http://flickr.com/YOUR-ID" target="_blank"><img alt="Flickr" src="http://1.bp.blogspot.com/_sunpK_FtO1E/Ssw9MxkL4jI/AAAAAAAAASk/wd2rl5agV4I/s1600/flickr_32.png" class="rsociales-sobre"/> </a></li>

Note :
Replace this "http://1.bp.blogspot.com/_sunpK_FtO1E/Ssw4ge2pI9I/AAAAAAAAAR8/JF74i1gUSYc/s1600/profile_blank_gray.jpg" with your own URL image

Replace description, to your own description

Author on Post
Open Edit HTML
Click on expand widget template
Find and edit these code

<div class='authorbio'>
<div class='title'>
About The Author</div>
<div style='float: left;'>
<img alt='' src='http://1.bp.blogspot.com/_sunpK_FtO1E/Ssw4ge2pI9I/AAAAAAAAAR8/JF74i1gUSYc/s1600/profile_blank_gray.jpg'/>

Bie, that&#39;s my name. Im just an ordinary blogger.Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones.

Note :
Replace this "http://1.bp.blogspot.com/_sunpK_FtO1E/Ssw4ge2pI9I/AAAAAAAAAR8/JF74i1gUSYc/s1600/profile_blank_gray.jpg" with your own URL image

Replace description, to your own description

RSS Subscribe on Post
Open Edit HTML
Click on expand widget template
Find and edit these code

<div class='subs'>
<div class='title'>Subscribe Here</div>
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bietemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='textarea' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter email address here&apos;;}' onfocus='if (this.value == &apos;Enter email address here&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter email address here'/><br/>
<input name='uri' type='hidden' value='camelgraph'/> <input name='title' type='hidden' value='54800'/> <input name='loc' type='hidden' value='en_US'/>

<p><a href='http://feeds2.feedburner.com/bietemplates'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bietemplates?bg=8eca2c&amp;fg=ffffff&amp;anim=1' style='border:0' width='88'/></a></p></center>

Note : Change red text to your own feedburner ID

Navigation Menu
Open Edit HTML, find and edit navigation menu


Chamex said...


coolmixs said...

nice template.. i'll use in my blog, thanks

Jov said...


there seems to be a problem with the built in search, I don't see a text every time I type anything in it.

Admin said...

hi jov, thanks for your report

Open edit HTML find these

#s {
float: left;
padding: 5px 2px 5px 5px;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;

change color to color:#fff;

Jov said...

Thanks, it's working fine now.

It's really a beautiful template. :)

Jov said...

Hi there again.

I have just noticed it, but how do resolve the compatibility issues with IE6?

Just noticed it this morning when I used IE6 to view my blog, and some page elements simply flots around, including some built-in widgets.

Thanks again.

ben gumbelt said...

nice theme i Think i really use in my blog

Bie said...

@jov: im sorry... im ignoring IE 6 :) everyone should upgrade it, so many bug there. Sorry

Anonymous said...

Nice template!

shydub said...

Nice template. I like it thanks.

shydub said...

Hi, thank you for your template its very nice im using it now in my blog. I was just wondering is there a way to add Dates next to the time on top?

admin said...

@shy: just change timestamp format to date , access through setting>formatting

berita selebritis said...

Thank you very much Mr. for tempaltes, i've put a template and a very good and the bad seen by the eye. Mr. asked if gentlemen want to do i put meta tags in the template ? Please explanation

Anonymous said...


Very nice template

I have got 2 questions.

Is it possible to add the date of the posting after the name of the author?

The postings on the homepage don’t accept a ‘enter’. I’ve tried
but this doesn’t work.

Can you please help me??


EihdraG said...

Hi Bie,
Just the template I was looking for. Blacks suits my blog perfectly..Well done! Just a question though, how can i put an RSS icon and subscription box on top of my sidebar just above the banner ads? and where exactly do I put it on the template? thanks..

EihdraG said...

And also how to edit lower nav menu? I placed a sample link on the first line but it cant be clicked..here's my site http://www.pinoyonlinebusiness.blogspot.com..many thanks..

admin said...

@berita: just search google..i dont put attention on meta tag etc
@anonym: just change timestamp format to date , access through setting>formatting

I dont understand about the "enter"

EihdraG said...

Hi..I'm planning on using this layout..how do i put the image below of feed subscriber box on the sidebar on top of the ads? Also how do I make it work? Dont know what to add in "edit html" and where and how exactly to put it.. How can I link the feed icon to my rss and also make the subscribe box work.
Thanks in advance..


Bie said...

you can create it using your feedburner account. there's subscriber form wizard. create it then copy paste to sidebar

-Danz Thea said...

cara mengganti huruf menu dengan huruf besar,,, gimana?

Shari said...

How do I change the color of the text in the footer widgets to white so they show up against the black?

Bie said...

@shari: find #lower-wrapper
then change color:#color code to white (#ffffff)

@danz: cari text-transform:lowercase, ganti dengan titlecase atau uppercase

Wishvam said...

great template.. and have used it in ma blog with a lot of edits.. see @ http://wishvam.blogspot.com

Satyajit Das said...

cud u plzz add a buzz button to it.... :)

Anonymous said...

thnx for the nice template but i find prob with page navigation in it....could you please give a solution to it...(waiting)

Mujahid Cinta said...

How do i find html code to edit the "About the Author" that exist under the posts as Bie, that's my name.(bla bla bla)??
Thanks !

Anonymous said...

is speedily Links london Chainsapproaching and men across the earth will start stress out about it. links of london sweetie bracelet Choosing a Valentine's Gift can be somewhat grueling, friendship bracelets especially if she and you are entirely close and all you want to do is dash her sympathy during this unusual reason. links of london uk All you necessity is some planning, the little thoughts, and a whole lot of honey. links of london silver If you are mystified for an idea for the Valentines Day gift now then why not ponder a discount links of london section of .Links Of London Bracelet is the classic and thoughtful gift to believe, links of london bracelet sale however, this is regularly above people's budgets. When selecting cheap links of london bracelet Bracelet get something that she will like, attire and show off to her links. links of london bracelet uk If she never wears jewels then bountiful her a wristlet is a very discount links of london bracelets risky and inadvisable gift.

Anonymous said...

When UGG Classic Tall moment in pandora jewelry time buy Pandora pertains find discount pandora expensive jewelry regarding pandora 2010 Mother you'll notice pandora sale engagement rings is among the actual
Pandora Bangles ideal presents you can actually produce your mother. You Beads Bangles can find explanation Pandora Bangles Sale why folks should display his or her's mother's UGG Classic Tall bracelets with gifts. A birthday and mom's birthday are usually a couple of the extremely Pandora bracelet difficult times Beads bracelets to be able to opt for the surprise for buy pandora bracelets the purpose of mommy, bracelets is usually something you mom will pandora bracelets and charms forever want in addition to clothing. The many you will discover six handy pandora bracelets sale techniques for purchasing discount pandora bracelets the best Single parent's expensive jewelry.

Anonymous said...

I like this template, but one problem...
I find a problem with navigations...
I can see posts on my home page but cant see any link to older posts...
please help me out...


jinpeng said...

Place one matted light pandora Jewelry left of the area for jewellery, and one to the right. pandora sale Place reflector light near where the camera is. Whatever you do, avoid mixing light types. pandora charms Use only non-fluorescent lights, and isolate your photo 'lab' away from natural light. pandora bracelets To have freedom with many settings that will be a must, we will have to use longer exposures. For longer exposures to pandora bracelet achieve maximum sharpness, we'll need a tripod. pandora bracelets sale Our hand shakes too much, when camera runs at exposition Buy a 'tripod' for You don't need a heavy duty tripod. pandora bangles If your setup will be on a desk, you can chose mini tripod - approx and stand tripod on the pandora necklaces desk as well, or longer tripod, approxand stand it on the floor. pandora beads Two desk lamps with soft light irrelevant if you are using photo tent -- the tent is there to soften the light and reflector light at the front. pandora earrings I keep the cube open at the front, for easier adjustments and photographs, unless jewellery is highly reflective of the image of me taking photograph. Uniform background colour is recommended. White background works great.

Putra said...

Like the author box. I will put this on my blog, thanks btw.

Anonymous said...

The treatment of rosacea how to get rid of acne,
digestive problems, nutritional deficiencies, and mental conditions.
Not to mention the advantage as a wrinkle and blemish reduction
treatment. The rich woody fragrance, reduces the accumulation of pus.
Make a paste of these two ingredients and apply directly onto the face
using a gentle cleanser. I have not included
any estimates for sales in these indications,
which adds another layer of conservatism to my estimates.
Those with cystic how to get rid of acne, not because of the lack of tattoos and piercings.

Anonymous said...

Greetings from Carolina! I'm bored at work so I decided to check out your blog on my iphone during lunch break.
I enjoy the information you provide here and can't wait to take a look when
I get home. I'm amazed at how fast your blog loaded on my mobile ..

I'm not even using WIFI, just 3G .. Anyways, good site!

Also visit my webpage ... sbobet

Post a Comment


Recent Comments