Dark Folioz

Long time no see ^_^
Introducing my ( & my friend from www.bietemplates.com) blogger template design. Dark folioz blogger template, designed multi featured.

Demo | Download

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

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg296g-bygnA338gAPtJLXOFdC0-4WnKOI-hz8-P_rAGf1jrKQ3vHNLuazZzk2KF9FUTTmdt94yoWYQoHO4sFJra4ezGkrtHac5dA2-XVTnOwuQAdk7v8nAg-P-0HyHhYUvY0v_zOd4Z8-O/s1600/themeforest.jpg" /></a>
<!-- Ad2 start -->
<a class="ad2" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg296g-bygnA338gAPtJLXOFdC0-4WnKOI-hz8-P_rAGf1jrKQ3vHNLuazZzk2KF9FUTTmdt94yoWYQoHO4sFJra4ezGkrtHac5dA2-XVTnOwuQAdk7v8nAg-P-0HyHhYUvY0v_zOd4Z8-O/s1600/themeforest.jpg" /></a>
<!-- Ad3 start -->
<a class="ad3" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg296g-bygnA338gAPtJLXOFdC0-4WnKOI-hz8-P_rAGf1jrKQ3vHNLuazZzk2KF9FUTTmdt94yoWYQoHO4sFJra4ezGkrtHac5dA2-XVTnOwuQAdk7v8nAg-P-0HyHhYUvY0v_zOd4Z8-O/s1600/themeforest.jpg" /></a>
<!-- Ad4 start -->
<a class="ad4" href="http://www.blogger.com/post-create.g?blogID=621888188245502678#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg296g-bygnA338gAPtJLXOFdC0-4WnKOI-hz8-P_rAGf1jrKQ3vHNLuazZzk2KF9FUTTmdt94yoWYQoHO4sFJra4ezGkrtHac5dA2-XVTnOwuQAdk7v8nAg-P-0HyHhYUvY0v_zOd4Z8-O/s1600/themeforest.jpg" /></a>
<div class="clearer">
</div></div>

Note : change # to your own URL, and https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg296g-bygnA338gAPtJLXOFdC0-4WnKOI-hz8-P_rAGf1jrKQ3vHNLuazZzk2KF9FUTTmdt94yoWYQoHO4sFJra4ezGkrtHac5dA2-XVTnOwuQAdk7v8nAg-P-0HyHhYUvY0v_zOd4Z8-O/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjegaW1b0ZsnbO3SUAYjZACgsAtSznrtSwyvPKMaBd0RUjC7ZApcSzNMXbZWBo_zCjbTyqO8B83ghmVwhgh7ARev-niL3bdCYGUBq3-cTNF-Ixebi4aOSzVi-TJS7UrsVPk8eY4-lScj_Ya/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHYGWTD8rf1S8lOQzuI53wuQjFpcAr4AQks4wmRKJ_yDDYVgIihu5IWhRApRtg-S-7WDYzaB9OTHU5dcjBhyphenhyphenFDuM9sBzdyGz0xbllaX6lgFdsjSBlfonvITKFqem_OIMH9hl_hNkSWwVxj/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/AVvXsEhEgP-IxtX837ADKFDWVP_j_96n34qwFCQjR6OtZfWQU0TOzpro23eEjpqd4yv0WCWNYZqNBmBykRHyy1L4q9sEEIPruYO7dgAijbr1_OUK1smwjxdfPxr_C3_UfvN2xNj-OsqYcRYZVecI/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/AVvXsEjoBV49ielxxolXWglbCu2sUbml8hnBPE2VapJS4UOTWvpuI6-JXEHNKgxR9iCQPi7HxAGf_FNwybTl-pZinI3wPqfEOdEQMgiS-k5o696Ngr8gBkfqtgECwnS8hIceXUyG8VGKD5joIcP7/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/AVvXsEiLzaGQ8RVqwAYD6SMgoO51rTjzqAKUPgxLkZoor2Lmws2JOkX78lRInWuhZEduyH3qIryMStjfQYprhrGjayZ19Xt3Wt4qmDTzQG2KAx7-3vxlKO5Rx_4ijY4Z22bcACcY6BY0g0h3P-dH/s1600/flickr_32.png" class="rsociales-sobre"/> </a></li>
</ul>
</div>

Note :
Replace this "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjegaW1b0ZsnbO3SUAYjZACgsAtSznrtSwyvPKMaBd0RUjC7ZApcSzNMXbZWBo_zCjbTyqO8B83ghmVwhgh7ARev-niL3bdCYGUBq3-cTNF-Ixebi4aOSzVi-TJS7UrsVPk8eY4-lScj_Ya/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/AVvXsEjegaW1b0ZsnbO3SUAYjZACgsAtSznrtSwyvPKMaBd0RUjC7ZApcSzNMXbZWBo_zCjbTyqO8B83ghmVwhgh7ARev-niL3bdCYGUBq3-cTNF-Ixebi4aOSzVi-TJS7UrsVPk8eY4-lScj_Ya/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 "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjegaW1b0ZsnbO3SUAYjZACgsAtSznrtSwyvPKMaBd0RUjC7ZApcSzNMXbZWBo_zCjbTyqO8B83ghmVwhgh7ARev-niL3bdCYGUBq3-cTNF-Ixebi4aOSzVi-TJS7UrsVPk8eY4-lScj_Ya/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