Dark FolioZ

Description
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
Designer
BieTemplates

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">
</div></div>

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>
</div>
<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"/>
</div>

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>

<div class="connect">
<ul>
<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>
</ul>
</div>

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'/>
</div>

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

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>
<center>
<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'/>
</form>

<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>
</div>

Note : Change red text to your own feedburner ID


Navigation Menu
Open Edit HTML, find and edit navigation menu

30 comments:

Chamex said...

waduh

dellanovski said...

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

JM said...

hello!

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 {
margin-left:0px;
float: left;
width:220px;
padding: 5px 2px 5px 5px;
background:#363636;
border:none;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#333;
}


change color to color:#fff;

JM said...

Thanks, it's working fine now.

It's really a beautiful template. :)

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

Hello

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

Muric

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

Eihdra 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"

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

http://i289.photobucket.com/albums/ll206/eihdra/FeedBox-1.jpg

Bie said...

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

Ramdhan Muhammad 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)

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

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

THANX..
http://nikhu07.blogspot.com

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