DarkFolioz-BieTemplates, Free Templates ~ Easy HTML Tricks for Blogging

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

<a class="ad1" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxpv3W3S03qzKRrevcovbvq1JwvVnzYMqe7n7eJQFbEeERuLAApUBTOJMkrP74at2AcSVD6A73TiLqdhxpdEmEOuZbqksHNnrCf2JHyvkSFT4W0XhjOFaPMx3ebpxEvba7HPj4Nx6YRRO/s1600/themeforest.jpg" /></a>

<a class="ad2" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxpv3W3S03qzKRrevcovbvq1JwvVnzYMqe7n7eJQFbEeERuLAApUBTOJMkrP74at2AcSVD6A73TiLqdhxpdEmEOuZbqksHNnrCf2JHyvkSFT4W0XhjOFaPMx3ebpxEvba7HPj4Nx6YRRO/s1600/themeforest.jpg" /></a>

<a class="ad3" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxpv3W3S03qzKRrevcovbvq1JwvVnzYMqe7n7eJQFbEeERuLAApUBTOJMkrP74at2AcSVD6A73TiLqdhxpdEmEOuZbqksHNnrCf2JHyvkSFT4W0XhjOFaPMx3ebpxEvba7HPj4Nx6YRRO/s1600/themeforest.jpg" /></a>

<a class="ad4" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxpv3W3S03qzKRrevcovbvq1JwvVnzYMqe7n7eJQFbEeERuLAApUBTOJMkrP74at2AcSVD6A73TiLqdhxpdEmEOuZbqksHNnrCf2JHyvkSFT4W0XhjOFaPMx3ebpxEvba7HPj4Nx6YRRO/s1600/themeforest.jpg" /></a>
<div class="clearer">
</div></div>

Note : change # to your own URL, and https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxpv3W3S03qzKRrevcovbvq1JwvVnzYMqe7n7eJQFbEeERuLAApUBTOJMkrP74at2AcSVD6A73TiLqdhxpdEmEOuZbqksHNnrCf2JHyvkSFT4W0XhjOFaPMx3ebpxEvba7HPj4Nx6YRRO/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&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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlAAWpEkeuOts1lwJTPt44xszsQ8A-qRNc9-tFT94UNQUaBcgOS1cLbOO9elClQ4dshsDVRJ5Ql1CSzHPnN94_Cqdxq7QVTub7iYc3do8QZ2HeWAxPyaiL1PNf8adqQ_lt6r0Ky8G014jG/s1600/profile_blank_gray.jpg"/>
</div>

Bie, that'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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJlhLH-9UZlRrc8_O9j_s9k0FgFIxW7jqWvQuA7qFxwUFCWbz5wNzSjQFf1vIV5h98297GpMMoWUThGhRwj9Hi01Et7p1w_ADUy6MbEBvqrjvRw4a59a99eXS38txKdYUY93kfYnVHsEQd/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOy_ZFlg6SwpP4GFAPrm83ErCSMaf8i5BwxJ3UfqVGU-O8tOWWyYR8NBflAHbwTnJJklv3wx1yKG-0wb57ApNGrUO2eLrGA0xVf0xRYl2rzMd0PD9hSoD22r8oiKee7YDd8RuHqTNqEtBG/s1600/twitter_32.png" class="rsociales-sobre"/> </a></li>
<li><a href="mailto:user@blabla.com" target="_blank"><img alt="Email" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFY-KOC99VxWueaHkVt-jOocs30oNY3e-8Pr47daXzopfB2its95b9Nb1SGPe9mxpQWsvQIVU5IZUao-gqXL1B7d8zP_DXTkFupUx9iInOkYu6dIt9oLJkKM2DG0aX0CWS5Ibq4b3dHE8/s1600/email_32.png" class="rsociales-sobre"/> </a></li>
<li><a href="http://flickr.com/YOUR-ID" target="_blank"><img alt="Flickr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpktkX_2BzIZPDjaB0CVBKDDUkHciKREFeevM_nZurp9pgLI9UQlw1bODtKFMvpUNy71DfUbsbhobH0At3tRLrULOlTtr-3cXEtBU987OI5CIvvLkF8pzd_sNIbgUUKZ0DOeJmKAOwQRWp/s1600/flickr_32.png" class="rsociales-sobre"/> </a></li>
</ul>
</div>

Note :
Replace this "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlAAWpEkeuOts1lwJTPt44xszsQ8A-qRNc9-tFT94UNQUaBcgOS1cLbOO9elClQ4dshsDVRJ5Ql1CSzHPnN94_Cqdxq7QVTub7iYc3do8QZ2HeWAxPyaiL1PNf8adqQ_lt6r0Ky8G014jG/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlAAWpEkeuOts1lwJTPt44xszsQ8A-qRNc9-tFT94UNQUaBcgOS1cLbOO9elClQ4dshsDVRJ5Ql1CSzHPnN94_Cqdxq7QVTub7iYc3do8QZ2HeWAxPyaiL1PNf8adqQ_lt6r0Ky8G014jG/s1600/profile_blank_gray.jpg'/>
</div>

Bie, that'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 "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlAAWpEkeuOts1lwJTPt44xszsQ8A-qRNc9-tFT94UNQUaBcgOS1cLbOO9elClQ4dshsDVRJ5Ql1CSzHPnN94_Cqdxq7QVTub7iYc3do8QZ2HeWAxPyaiL1PNf8adqQ_lt6r0Ky8G014jG/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('http://feedburner.google.com/fb/a/mailverify?uri=bietemplates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='textarea' name='email' onblur='if (this.value == '') {this.value = 'Enter email address here';}' onfocus='if (this.value == 'Enter email address here') {this.value = '';}' 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&fg=ffffff&anim=1' style='border:0' width='88'/></a></p></center>
</div>

Note : Change red text to your own feedburner ID