Oct 31, 2009

New Transparent Blogger Navbar Style

What's Blogger Navbar? Blogger Navbar is default navigation menu bar on top page. Older Blogger Navbar color only have four traditional color scheme choices — Blue, Black, Tan, and Silver — are somewhat limited, especially if our blog's background color. That's why I hide navbar because doesn't match with my blog color.

But now, Blogger have improved this area. Blogger have added two new color schemes — "Transparent Light" and "Transparent Dark." These new color schemes take advantage of the ability of modern browsers to render transparency (a technique known to web designers as "alpha blending"). This allows the navbar background to blend together with your blog's background color and pattern. That's mean you can get this transparent navbar if you use modern browser, except Internet Explorer 6. This browser doesn't support transparent image.Why dont think to upgrade it? :D





To enable the Transparent Light or the Transparent Dark navbar, go to Layout | Page Elements, then click Edit next to the navbar widget


But, blogger navbar is hidden on my template. How to show that? Read this article How to Show Blogger Navbar.

Oct 30, 2009

Best Collection of Halloween Icons

Halloween is coming, customize your site, blog, desktop with this thematic icon. Here's the list of best collection halloween icon. Download free halloween icon for free

Halloween Icon 1
Halloween Icon 2
Halloween Icon 3
Halloween Icon 4
Halloween Icon 5
Halloween Icon 6
Halloween Icon 7
Halloween Icon 8
Halloween Icon 9
Halloween Icon 10

Oct 22, 2009

Fashionzine Pink

Fashionzine blogger template, dedicated for fashion and style blog. 3 columns, clean, pink and ads ready suits your fashion magazine blog.
Features :
  • Ads ready
  • Tweet meme button
  • Bookmarks button
Thanks to Bie Blogger Template for all contributions.


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://your-URL"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<!-- Ad2 start -->
<a class="ad2" href="http://your-URL"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<!-- Ad3 start -->
<a class="ad3" href="http://your-URL"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<!-- Ad4 start -->
<a class="ad4" href="http://your-URL"><img src="http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg" /></a>
<div class="clearer">
</div></div>

Note : change http://your-URL 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 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

Navigation Menu
Open Edit HTML, find and edit navigation menu


Make outstanding journey for yourself through getting the latest and updated version of testing engine available at 642-832 official website. If you want reliable tools for your study then Pass4sures http://www.pass4sure.com exam engine is highly suited to your exam requirements. Best Quality Test King 000-N35 lectures and updated Pass4sure Cisco CCNA Security simulation questions are highly suited to your exam requirements. There will be no issues in your study if you let gre exam Exam Prep products help you from start till the end. Cisco CCNA Security from Pass4sure online 70-680 and Cisco CCNA Security Cisco CCNA Security free dumps online are highly sorted out tools for the latest Cisco CCNA Security training.

Oct 13, 2009

BeMagazine

Bemagazine blogger template, has four column with minipost layouts, suitable for business blog.
Features :
  • Ads ready
  • Tweet meme button
  • Bookmarks button
  • RSS Subscribe button



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

Search Form Code
<div id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
</form>
</div>

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

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

Oct 12, 2009

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

Related Websites

Blogroll

Ipietoon-Cute Blog Design Copyright © 2008-2014