Showing posts with label Black. Show all posts
Showing posts with label Black. Show all posts

Sunday, 11 October 2009

Blogger Template : Dark Folioz

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

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/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/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/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/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/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/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/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/s1600/themeforest.jpg" /></a>
<div class="clearer">
</div></div>

Note : change # to your own URL, and https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKAvxFtcLeCYdVhtFA9TrAVA0HlL6gotj94wa01VYhZcKn5ndtIm-MrZpsCBgkhO7i507Ds8KRr7OVdLcKEQD1RDIHkxjm_VUoiaDG7jEYmJ_7soa7abt7SozXHxTM8qPw7X0n1OK_fbM/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/AVvXsEjdRiSDUluNGDH7WA0bgD_8DXwGNVwa2R1I-zVJ83h3khYUn6rx_7lBAwXqhwOTQ4b5bFvG_4Dkytri_i1PBEWl-9mMCM423jEoDM7hjcZwsxer8NOO1rzNetIycf5Jv_5R3AQfUARlAh9_/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/AVvXsEiBXpbgfWT6d43EePRn7B6RqVVkfqALOzOjJOlZ9I7h443rxPY3EnYj-rQPTURqKtwQce_RlG2zr17AgUcTltIW7DjcLyoxMyF3cEkPUWzGIsSwJzeivYIqxV0BoyQkrzRcQ8oA5gdpK-m1/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/AVvXsEilpEH8FrAmUBob2db614vi4Bpfr8BWFWmqgZ44S2Ccppb9vEbUPwyGRlUlkbWwEhX9IhWqXRRkLcp_-Lrg7UPv6l8VXIQd5MXfaxLSuJRiV3BndmOzX5jAdZ5A0OnY40OAlZKgU-Ui9g2f/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/AVvXsEikRzx-AseFMsGF4KXBlcSbS-oGGeblDIEIG7IfWqfezKpuExZWtHhICJ4ThiunhaEe8lGGfzadkZsR1NgDLiWxia4HVhWqKdRuCYA2DqJtcLdL_MmfK3_D0fTVegs9FKdz6L69a0CuQh8u/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/AVvXsEgw4aSAZjPgIK2kK46tJx_6euHAM0oqg6LiSMBrlPmWqsNqkxOSJVFDqmMvIpMtJgC2LXsV3lIagvyhiIVko53y4DO_nhvs8gpQiASZECdjgbjCtaYT7Buz6hVWWrwe7Pg47BbR34hV1a4n/s1600/flickr_32.png" class="rsociales-sobre"/> </a></li>
</ul>
</div>

Note :
Replace this "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRiSDUluNGDH7WA0bgD_8DXwGNVwa2R1I-zVJ83h3khYUn6rx_7lBAwXqhwOTQ4b5bFvG_4Dkytri_i1PBEWl-9mMCM423jEoDM7hjcZwsxer8NOO1rzNetIycf5Jv_5R3AQfUARlAh9_/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/AVvXsEjdRiSDUluNGDH7WA0bgD_8DXwGNVwa2R1I-zVJ83h3khYUn6rx_7lBAwXqhwOTQ4b5bFvG_4Dkytri_i1PBEWl-9mMCM423jEoDM7hjcZwsxer8NOO1rzNetIycf5Jv_5R3AQfUARlAh9_/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/AVvXsEjdRiSDUluNGDH7WA0bgD_8DXwGNVwa2R1I-zVJ83h3khYUn6rx_7lBAwXqhwOTQ4b5bFvG_4Dkytri_i1PBEWl-9mMCM423jEoDM7hjcZwsxer8NOO1rzNetIycf5Jv_5R3AQfUARlAh9_/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
read more...

Tuesday, 21 April 2009

Blogger Template : 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/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/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/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/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/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/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/AVvXsEgprU3T2NO5L3LnU2B6UDgXYMmlClQb245YWZuOaDAHhYjf8X-YPXAt6sQ5UOqt_4_7oaQcabuVJl2ZBbH8tHNFV34roGn7B7uaOkiW4TZgbuKXw2lMVG2yzNsejJICHGjr3zzDYQRvlMgM/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


I also offer paid footer link. Buying footer link is a cheaper and easier way than paid link to spread your link. What's the advantage? With reasonable price, you get unlimited link. Wanna buy footer link? Contact me at cebong.ipit@gmail.com
-------------------------------------------------
THE CONTENTS OF THIS TEMPLATE IS MADE BY CEBONG IPIET.
PLEASE BE RESPECTFUL AND DO NOT REMOVE CREDIT FOOTER LINK WITHOUT MY PERMISSION.
YOU ARE ALLOWED TO DISTRIBUTE BUT NOT ALLOWED TO ADD ANY LINK ON FOOTER
read more...

Wednesday, 18 February 2009

Blogger Template : 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.

read more...

Saturday, 7 February 2009

Blogger Template : 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.

dblack blogger template ipietoon
read more...