Mar 27, 2009

Sweet Cupcake

Introducing my new blogger template design, Sweet Cupcake blogger template. As its name, Sweet Cupcake, is suitable for cake, cookies, food, or any recipe blog.

See unique header image like a cake menu on your bakery store. Cute navigation bar with cupcake, ice cream, chocolate cookie icon. Seems so delicious.

This template is cute and no need any difficult setting. If you want to set readmore on your post you can read this, automatic readmore. And if you want to set navigation menu bar, read this example.

Glad to receive any suggestion if any bug.

[PREVIEW] | [DOWNLOAD]

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

Latest act prep interactive testing engine is most suitable product for your brilliant success in real exam. If you use sat prep online Exam prep products in the right way then they will sort out your study in the right manner and give you chance to make your career bright. Brilliant and most suitable products for 000-N27 exam are rightly available at Test King Website. You can get great support from practice lsat interactive exam engine from Pass4sures for your study related to final exam. Greatest helping materials from 642-832 are going to make your way easy and effective for final exam.

Mar 23, 2009

Blogger Template : D'Bluez

Here's my new design, D'Bluez Blogger Template, inspiring from FREEmium Wordpress Theme. Simply but elegant and unique. This template has two difference looks of main post. Click on post title, and you'll get two column looks.

Term of Use

- You may use, modify, but do not remove credit footer link
- You may redistribute it, but not allowed to add any link
- You may post it, in reminder give link back to original post




Installation Settings

Navigation Bar Menu

1. Open Layout>Edit HTML

2. Find this code below. Press Ctrl+F for easier search.

 <div id='NavbarMenuleft'><ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Sample Page</a></li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div>

3. To add more link, add this code<li><a href='http://YOUR-LINK.com'>Text Menu</a></li>

Banner 125x125 Setting

1. Upload your banner size 125x125 pixel to your own imagehosting
2. Go to Edit HTML page. Find this code below
<div class='banner'>
<ul>
<li>
<a href='http://www.ipietoon.com' rel='' title=''><img alt=''
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdqft2u3O1KoV1gv4iOa5R9Q-5p4lTY-cN6em0bMI1v0_USnrMRFMBECwTciMr77nXOgTFvbJkcqthTGawgGK9MW_QwSTnSNB8rytuO-ZWN3XbEqJpeXN8m3ksKw6-xLXCa-zXWBpKmjcO/
1600/advertise%2B125x125.png
'/></a>
</li>
</ul>
</div>


3. Change red color text to your own link
4. Change blue color text to your own image URL
 


[PREVIEW] | [DOWNLOAD]

Mar 19, 2009

How to Back Up Image and Javascript?

One day, when we open our blog and we see a terrible looks, all image is disappear and all script is not function why?For your information, if you were using free template, image and script is hosted on author's hosting. There's any probability for bandwidth exceeded, most common problem in free template. What is this? Hosting have certain bandwidth limit. If there are so many people use its link, it could be limit exceeded.

So how? Become a smart user, you have to backup image and script to your own hosting. How to? Here's how to for image back up.
  1. Open Edit HTML
  2. Search all background image url, usually have .jpg, .gif, .png extension
  3. Copy URL, go to address, and save image
  4. Upload image on your own hosting such as photobucket.com , imageshack.us
  5. Copy URL image, replace all image URL on your template through Edit HTML, to your own URL image
Here's how to for script back up.
  1. Open Edit HTML
  2. Search all script url, usually have .js , .txt , .css extension
  3. Copy URL, go to address, and save script
  4. Upload image on your own hosting such as googlepages.com (for old gmail), javascripthost.com , fileave.com and another (just ask Google, he know everything)
  5. Copy script URL , replace all script URL on your template through Edit HTML, to your own script URL
I have to remind this a hundred times. Because of most people still face this problem. Designer spent many time makes template free, so help them by maintaining your own template.

Sign Up Javascripthost.com for free now, and save your file. Fileave.com

Mar 15, 2009

Blogger Template : Business Ads Ready

Business Ads Ready Blogger Template is suitable for business blog. You can read description and demo on Business ads Ready Intro.
Here's download file. I've attached image and javascript, remember to upload to your own hosting. This step to avoid bandwidth exceeded. I've insert installation setting, read it carefully before you ask any quetsion.

[DOWNLOAD]


If your readmore doesn't work, you can download this javascript, and upload to your own hosting. Replace readmore script to your URL, How to? Read Here

download readmore javascript
download ddsmooth javascript
download jquery javascript
download image

P.S:

Keep intact credit footer link. You are allowed to distribute but not allowed to add any link.


Mar 13, 2009

Introducing : Business Ads Ready Blogger Template

Introducing my new blogger template design, Business Ads Ready blogger template. As its name, this template ready for adsense. You can check demo or screenshoot. There's four section for placing adsense code set through page element. It's really easy to customize.

At right top section, you can place your adsense 468x60, suitable for image type. Check featured post. You can place your best post, and put your adsense code. I recommend image adsense because it will appear like image post. Under navigation menu, you can set adsense list that will appear like menu.

Your blog will appear neat because of automatic readmore function. No need another tag, just write your post and it will be cut and display thumbnail automatically (if you insert image)

You can DOWNLOAD .


Featured :

  1. Three column at lower section
  2. Automatic readmore function
  3. Breadcumb navigation
  4. Smooth navigation menu (using javascript)
  5. Easy customize adsense section
  6. Banner 125x125 section
  7. Featured post, that you can wrap your adsense
  8. Header logo

P.S :

I also offer footer link. Why I should buy footer link? That's a cheaper and easier way 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

Mar 12, 2009

Launch My New Domain

Announcement

Say thanks to all of you for visiting and using my template. Now I decide to use my new domain, http://www.ipietoon.com
Don't worry, if you type my old URL address it will be redirected to my new domain. I will appreciate if you don't mind to change my credit footer link to http://www.ipietoon.com
Thanks for any critic, suggestion, and support.

Now my new domain http://www.ipietoon.com is activated.

Mar 9, 2009

Shoppaholic

Just as its name, Shoppaholic Blogger template, dedicated to girl/woman who love shopping. The template feature, girlie image header and lower section. No need complicated setting, you can customize navigation menu to your own link.

Template name : Shoppaholic

Best Viewed on : IE 8, Opera, Firefox, Seamonkey, Safari

Remind to keep the footer link intact, I allow user donate me and contact me to remove my footer link, with the reminder that you cannot distribute the template without author's footer link.

[PREVIEW] | [DOWNLOAD]

Everything can come out great for you if you trust and rely completely on Pass4sures 640-722 latest audio training guide. Test King pass4sure helping materials that can be of great help and guidance and these materials will give you a quick move towards your success. If you want all things to be sorted out well then PassForSure act practice test latest video lectures and online Pass 4 Sure Cisco CCNA Security mp3 guide are apt for your choice. Pass For Sure Cisco CCNA Security dumps needs are mandatory for almost all candidates that are looking for brilliant results in final ged prep exam. You must acquire 640-864 Exam Prep products for your complete advantage and to get everything going right for you in your study.

Mar 7, 2009

Automatic Thumbnail and Readmore Function

Readmore function is used to cut our post on homepage, post will appear fully when we click readmore link. You can see my post on homepage. It's cut automatically and if we insert image, it appears thumbnail. This is automatic readmore function with thumbnail. We just need to set up our HTML code. How to?

1. Go to "Layout" click "Edit HTML"
2. Tick on "Expand Widget Templates"
3. Find </head> code
4. Insert this javascript under </head> code

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://cebong.ipit.googlepages.com/read-moreotomatis.js' type='text/javascript'/>




Note :

You can cutomize this size

summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width

5. Find this code

<data:post.body/>



6. Replace with this code below

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



7. Save


Now you can try to post and it cut automatically.

Note :

Please save javascript , here's the URL, http://cebong.ipit.googlepages.com/read-moreotomatis.js, upload to your own filehosting. I can't guarantee if my bandwidth exceeded :D

or download readmore-otomatis-script here

After upload script to your own hosting, replace http://cebong.ipit.googlepages.com/read-moreotomatis.js to your own URL javascript
Source : Kang Jaloee Punya

Mar 5, 2009

Green Scrapbook Diary

Do you love scrapbooking? Looking for scrapbook template for your blog? I guess this is your right template. Green Scrapbook Diary wordpress theme is designed by Kathie and Andrew from Simply WP . I just convert it to blogger and make a lil bit customization. Kathie & Andrew have spent many time to make it free, keep intact their credit footer.

No complicated setting. To edit navigation bar menu, go to page element, edit link list at top bar.

[PREVIEW] | [DOWNLOAD]

Mar 4, 2009

Baby Cute

Do you have a baby? Maybe you want to put baby picture on blog. Or you have baby clothes business? I thinks this template is suitable too, Baby Cute Blogger Template. No complicated setting requierement, you just need to set navigation bar. Baby Cute for Blogspot Template, all image is created as Vector Graphic. If you need SVG file, you can contact me.

[PREVIEW] | [DOWNLOAD]

Mar 2, 2009

Simplicity 4 Column

Simplicity 4 Column Blogger Template, have 4 column at mainpage and become 3 column when you click the post. Simple, have no many image, do not worry about heavy loading. From Minima Template, default blogger template and converted to 4 column by Kang Jaloee. I just make a lil bit customization ;) , thanks for not removing credit footer. This template is suitable for news blog, you can put feed, blog list, on sidebar, just like news portal.
Here's the screenshoot.


[preview] | [download]

Mar 1, 2009

Automatic Change Font Widget

There's an easy way to change font type and size on main post. You can try here . When you change font option, main post font will change automatically.

How to?
  1. Go to layout > Page Element
  2. Add HTML widget on your sidebar element
  3. Paste this HTML code and save

<center>
<script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select>
</form>
</center>


It's work? No? You should check your template code. Maybe there's any specific setting on post, example

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #cccccc;
padding-bottom:1.5em;
font-type:arial, verdana;
font-size:12px;
}
Remove it.

You can add font type as many as you want, just edit the code. Translate for you from here
 

Ipietoon - Blog Design and Online Business Blogging Since 2008