Nov 26, 2009

Grunge Girl

Grunge girl blogger template, simple and cute blogger template. 3 columns layout, blue, swirl vector, cute girl image vector, no complicated setting, make this template suitable for woman/girl blog.

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

Nov 23, 2009

White Clean Magazine

Introducing new template for business blog. This template designed 3 columns, ads ready, simple, not heavy load. You can set your ads on sidebar, header right, and also 125x125 banner ads.




For complete installation setting go to author's site.
-------------------------------------------------
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

Nov 22, 2009

She's a Lady

She is a Lady, girly blogger template with unique static image at left side. Customized with lady and swirl vector. Suits your personal diary blog.


Installation Setting
  1. Click on download link. New window will appear, then click download
  2. Save xml file to your desktop. Remember, just save it no need to open
  3. Go to blogger dashboard
  4. Go to Layout>Edit HTML
  5. Click upload, choose downloaded xml file
  6. Save

-------------------------------------------------
Test King can do each and everything perfect for you in the right manner through offering marvelous quality Test King PMI-001 simulations. Pass4sure www.pass4sure.com online video training and Pass4sures Cisco CCNA Security lab scenarios can give you all the needed help for perfect CCNA Security preparation. Test King can really offer you great results in latest 006-002 only through offering reliable quality materials at significantly discounted cost. Getting the work rightly done for exam through ged test dumps from Pass4sure and latest updated Cisco CCNA Security testing engine online. If you use Pass4Sure N10-005 testing engine in a right way then they will sort out your study in the right manner and give you chance to make your career.

Nov 11, 2009

Food and Cooking Blog

Introducing my new blogger template, Food and Cooking. I love vector illustration so I use it for header and sidebar image. Such a pretty illustration from Dapino. Three columns layout, fresh and green, detailed with fruits, vegtables, and girl vector image, suitable for food and cooking blog.





Installation Setting
  1. Click on download link. New window will appear, then click download
  2. Save xml file to your desktop. Remember, just save it no need to open
  3. Go to blogger dashboard
  4. Go to Layout>Edit HTML
  5. Click upload, choose downloaded xml file
  6. Save
Search Form Setting

Open Page Element then click on Search widget. Paste these code below


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

Save

-------------------------------------------------
Clearing exams in not a challenging task now as 350-018 is available to you with all those prep products provide you an easy preparation pattern for actual exam. You have to take good grades to make yourself renowned among other students and that is only possible through acquiring best quality ccnp wireless study simulations and dumps. With Pass4Sure, all you can get in the form of 350-001 simulations and online dumps and that is all available to you at affordable cost. One of the most convenient ways you can pass sat preparation latest 350-018 exam materials is through 350-018 Cisco CCIE practice questions and answers online. ged test online exam prep tool really have something that could make you believe in yourself strongly for actual exam success.

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

Sep 29, 2009

Blogger Showcase , Submit Your Blog

There are so many showcase gallery but mostly for Wordpress platform.I have ever listed about Web Design Showcase gallery, for design inspiration. No need to worry for Blogger platform user, now you can submit your site to Blogger Showcase, showcasing best blog design using Blogger platform.








Is there any complicated condition? These are simple requirements
  1. Blogger platform is a must
  2. Your blog can be original blogspot domain or custom domain
  3. For personal blog, must be unique blog design
  4. For niche blog, must be useful and original content. Some more resources on graphics and templates you can borrow from hosting nerds which is a blog done by web hosting search.
By submitting your blog, you get more chance for promoting your blog. What are you waiting for, just submit your blog or suggest your favourite blog.

Sep 16, 2009

Hiatus


Image : Graphics Factory


Hi,

I have long vacation this week. What a lovely holiday. Just wanna say, sorry if I can't answer any question soon.


Regards,

Ipiet

Sep 12, 2009

Cupcake Cookie

Introducing my another cupcakes blog design. I use cupcake vector from Clarice , thanks Clarice for your permission. This template has two combination color, chocolate and green, haha not pink anymore. Three columns with unique and cute cupcakes header image, suits your cake, candy, cookie, cupcake recipe blog.








Installation setting

How to Install
  1. Click on download link, a pop up window will appear, click again on download (box.net)
  2. Save the file, no need to open
  3. Go to dashboard, click Layout > Edit HTML
  4. Choose saved file then click upload button
  5. Save

Navigation Menu Setting
  1. Access through Layout > Page Element
  2. Click on Top Tabs widget
  3. Fill your URL and text link
  4. Save

Connect to Link
  1. Open Edit HTML
  2. Change to your own username/ID in every social bookmarks account. You should have account.
  3. For twitter : <li><a href='http://twitter.com/yourtwitterusername'><img src='http://2.bp.blogspot.com/_sunpK_FtO1E/SqfMvhEO5yI/AAAAAAAAAQ0/94_lMP8_UOQ/s1600/Twitter_32x32.png'/></a></li>
  4. For facebook : <li><a href='http://facebook.com/yourID'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SqfMuphkcyI/AAAAAAAAAQc/Ot9RIqTf7K8/s1600/FaceBook_32x32.png'/></a></li>
  5. For feedburner : <li><a href='http://feeds2.feedburner.com/yourfeedburnerID'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SqfMu9E_EbI/AAAAAAAAAQk/aeqcB4XX5SI/s1600/Feed_32x32.png'/></a></li>
  6. For subscribe email : <li><a href='http://feedburner.google.com/fb/a/mailverify?uri=yourID'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SqfNi0UXTpI/AAAAAAAAAQ8/_JOze-Ex2NE/s1600/FeedBurner_32x32.png'/></a></li>
  7. For digg : <li><a href='http://digg.com/submit?url=http://www.yourblogname.com/'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SqfMuOeu4HI/AAAAAAAAAQU/T1jquzEqwxU/s1600/Digg_32x32.png'/></a></li>
  8. Dont need all social bookmarks? Just delete each code.






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

Sep 10, 2009

Blogger Readmore Feature

Yesterday, Blogger has announced another Blogger Birthday feature. Blogger has add readmore feature on your post. Now you dont need to add any code because this new readmore feature ease us to choose whether show full post or break post.

Blogger call this feature  Jump Break. With Jump Breaks you can show just a snippet of your post on your blog's index page. Blogger will insert a "Read more" link to the full post page where your readers can keep reading.


How to use this blogger readmore feature?
There are two ways to insert a "Read more" jump to your posts.

If you use the new post editor , you'll notice the "Insert jump break" icon in the editor's toolbar. Click this icon and the "jump break" will be inserted into your blog post at your cursor's position.


If you don't use the new post editor, you can still insert a jump break in Edit HTML mode by adding <!-- more -->  where you want to break your post.

Want to change the "Read more" text to your own style? No problem. You can edit the "Read more" text by clicking Layout and then Edit the Blog Posts widget.

 

What if I use template with automatic readmore feature? Will discuss on the next post.

Source : Blogger Buzz

Blogger New Post Editor

Actually New Post Editor have been announced at June 2008 access through Blogger Draft. And now this feature have been launched officially on Blogger. This is one of many features announced as part of Blogger's 10th birthday. Blogger has developed new post editor embedded with multi features. You can set this new post editor, access through Setting - Basic , find the lowest section, at Select Post Editor, then choose Updated editor.

Improved Image Handling and HTML

At Old Editor, when you upload image you'll get new pop up window with maximum 5 image in every uploading. This is really wasting time. But now with the new post editor it will appear as a thumbnail in the image dialog box. That way, you can upload several images at once, and then add them into your post at your convenience. The thumbnails will be available until you close the post editor.
If you use Edit HTML, especially to add tables and other advanced HTML to your posts, you should find that the new editor has a number of enhancements to make the experience less frustrating, or, dare we say it, even pleasant.

Other Features
  • Easy link editing in Compose mode. Just click a link and you’ll have the option of changing its URL or removing the link.
  • Full Safari 3 support on both Windows and Macintosh. The old editor is pretty quirky on these browsers, but the new editor works as you’d expect.
  • New Preview dialog that shows your post in a width and font size approximating what you’d see on a blog.
  • Placeholder image for tags (such as those from video embeds) so that you can see and drag them around Compose mode.
Source : Blogger in Draft

Aug 31, 2009

Cosmetic Girl

As its name, Cosmetic Girl is a feminine blogger template. Its girl illustration at the header make this template really suits your beauty, fashion, cosmetic, make up, even personal diary blog.



Installation Setting
  1. Download this template by clicking download link. Save xml file. Remember, save it, no need to open
  2. Open your blogger dashboard, click on Layout>Edit HTML
  3. Click Upload button, and pick xml file
  4. Save it
Navigation Menu Setting
  1. Access through Page Element
  2. Click on Top Tab widget
  3. Fill URL and anchor text
  4. Save

-------------------------------------------------
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 DISTRIBUTED BY ON FOOTER

Aug 26, 2009

How to Set Label Cloud in Blogger Layout?

Have too many labels/categories on your post?Need a lot of space on your sidebar only for categories? There are many way to fix this problem. You can divide label become two or more , or use label cloud widget.

An older version of Label widget, is only list type. As I said, this type need a lot of space. Label cloud become an alternative to simplify label display. Now you dont need to add any complicated script to get Label cloud. Blogger has installed cloud type for Label widget. Note: this is only text cloud not animated cloud widget.

How to set label cloud on my template? Go to Page Element>Add Gadget, choose Labels gadget. There are two options, list type or cloud type to display. You also can choose which labels you want to show. Such a helpfull featured.

Aug 22, 2009

List of Blogs with Unique Design Under Blogger/Blogspot Platform

Blogger/blogspot become more popular in new bloggers as their first blogging platform. As a user I said that this platform easy to customize. We often meet unique design in Wordpress platform, with flexibility in plugin, they can create unique design with special effect.

But it's all about creativity. I found some unique design too under blogger platform. Here they are

Blog Amuki : an artistic design with flash slideshow featured.


Cebong Ipiet's Personal Blog : this is my personal blog haha im being narcist


Deconstruction Code : dark design full javascript effect make this design so manly


Chic and Sassy : girly design with swirl pattern. You can find another girly template here


Extra Icing Cake : one of Gisele Jaquenod's portfolio, with cute cake header


Green Corner Cookies : combination of pink and green for cookies blog


Itzi Blog : another Gisele's design


Jasmin Love Coffee
: another Gisele's design


Mike Matas : Personal photoblog, designed grunge and simple


Savvy Moxie
: dark red color for mom blog


Sprinkle : another Gisele's design


Cheth Studio : dark design with unique features


Sweet Cupcakery : detailed with sweet cupcake


Quinto Elemento


Flair in The City
: such a fashionable and cute template

Aug 18, 2009

LinkWithin : Related Posts Widget with Photo Thumbnails

Related post widget shows related stories in similar categories. Showing related stories under each post help your reader find any interesting post easier. My last post discuss about related post widget using javascript. This widget only show post title. Thought it will be more interesting showing related post with image thumbnail. There's any another easy way to do this.

LinkWithin is a blog widget that appears under each post, linking to related stories from your blog archive. You can check the example on Free Blogger Templates Gallery. Check under each post, there are some related post with image thumbnail. More interesting than plain text. This widget totally free and easy to install. No complicated sign up or difficult script editing. How to put related post widget with thumbnail image on my post?

- Go to LinkWithin site
- Fill setting form. Type email, blog URL, choose Blogger platform, width. Width is how many related post will show. Adjust it to your post width.
- Click Get Widget button
- Page will be redirected to LinkWithin installation step. Follow instruction carefully. After all step done, the widget should now appear on your blog.

Aug 12, 2009

Free Icon Download Gallery

Need an icon for desktop or web development? There are so many icon that free to download. It's wasting time to search one by one. Simply, just browse from icon gallery and get what you need. These icons are licensed under Creative Commons Attribution 3.0 License, they are free for personal and non commercial use / free for public non-commercial use. This means that you are free to modify the design to suit your tastes in any way, but you must include the provided link back to authors site or notify the author.

Here some list of free download icon gallery

BieIcons


Free Icons Web


Icon Archive


Free Icons Download


 

Ipietoon - Blog Design and Online Business Blogging Since 2008