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

Black Nero

As its name, Black Nero blogger template is my another dark template. Dominated black, grey, and dark color, added light green color for variation. This template is adsense ready. I've set all adsense placement. Compatible on all newest browser version.

you can preview and download here

Name : Black Nero

Author : Ipiet

Featured : 3 column, adsense ready

Compatible : all major browser

Setting and Installation (Read this before ask)

Top Navigation Bar

Find and edit this code below

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.ipietoon.com'>Free Template</a></li>
<li><a href='http://cebong.com'>Online Business</a></li>
<li><a href='http://YOUR-LINK-HERE'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE'>Edit</a></li>
</ul>
</div>

Adsense 468x60 adn 728x15 Set Up

Edit through Page Element. Edit HTML widget and put your adsense code

Adsense Below Post

• Convert your adsense 468x60 code using encoder
• Open Edit HTML, tick on Expand Widget Template
• Find this code below

<div class='adspost'>
<script type="text/javascript"><!--
google_ad_client = "pub-6878272033077162";
google_ad_host = "pub-1599271086004685";
/* 468x60, created 3/11/09 */
google_ad_slot = "6629674812";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
</div>

• Change red text to your converted adsense code
  

Banner Set up

Access through Edit HTML, find these code and change to your own link

<div class='banner'>
<ul>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyq51keUyVivKH52JwqXZ2xxzgTZaF4VWdOnc-gej0MOmXU_I_NX40EYPbl7Hotr7sYnrufhiXGC-bH2m1yFNbPH7SFpYJccanGlRzcpo0YdJ5gS2_MapGBvpw37yJvWjKlMjSnVGKs7l2/s1600/advertise+125x125.png'/></a>
</li>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyq51keUyVivKH52JwqXZ2xxzgTZaF4VWdOnc-gej0MOmXU_I_NX40EYPbl7Hotr7sYnrufhiXGC-bH2m1yFNbPH7SFpYJccanGlRzcpo0YdJ5gS2_MapGBvpw37yJvWjKlMjSnVGKs7l2/s1600/advertise+125x125.png'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyq51keUyVivKH52JwqXZ2xxzgTZaF4VWdOnc-gej0MOmXU_I_NX40EYPbl7Hotr7sYnrufhiXGC-bH2m1yFNbPH7SFpYJccanGlRzcpo0YdJ5gS2_MapGBvpw37yJvWjKlMjSnVGKs7l2/s1600/advertise+125x125.png'/></a>
</li>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyq51keUyVivKH52JwqXZ2xxzgTZaF4VWdOnc-gej0MOmXU_I_NX40EYPbl7Hotr7sYnrufhiXGC-bH2m1yFNbPH7SFpYJccanGlRzcpo0YdJ5gS2_MapGBvpw37yJvWjKlMjSnVGKs7l2/s1600/advertise+125x125.png'/></a>
</li>
</ul>
</div>

Timestamp Format

To make calendar date appear properly, change your timestamp format to Wednesday, April 21, 2009
Access through Setting>Formatting>Timestamp Format


Pass your 642-374 as well as 642-384 exam in first attempt guaranteed with our VCP-410 online training program!

Gamezine

Gamezine, another great design from Jinsona for game lover, and converted to blogger by my friend, Cahaya Biru, great job Man ;) . Gamezine Blogger Template suitable for gaming site. So many element and image you have to upload, but don't worry he'll guide you step by step to install. To avoid bandwidth exceed, suggested to upload image on your own imagehosting. Here's the screenshoot. Click to go to original site.

D'Black

My another blogger template design. I call this D'Black Blogger Template. Most of element using dark and black color.

General information

• Black, Dark
• Three Column
• Four Column at lower
• Blogger Login Form Widget
  

Download xml file, installation setting is attached. Please read carefully installation settings to get theme look properly. Any question, please leave comment here.

[PREVIEW] | [DOWNLOAD]