Showing posts with label 2 Column. Show all posts
Showing posts with label 2 Column. Show all posts

Sunday, 22 November 2009

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

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

Saturday, 8 August 2009

Blogger Template : Scrapbook Mania


Scrapbookmania is converted from wordpress to blogger. Original designer by Simplywp. This free template suits your scrapbooking hobby, girly diary.

How to Use?

  1. Click on download link
  2. You'll redirect to download pop up window
  3. Click download and save it to your desktop
  4. Now, open blogger dashboard
  5. Go to Edit HTML
  6. Click upload button, select xml file
  7. Save


-------------------------------------------------
THE CONTENTS OF THIS TEMPLATE IS MADE BY RESPECTIVE OWNER
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...

Thursday, 16 July 2009

Blogger Template : WPSora

Introducing, WP Sora blogger template, converted from WP Sora wordpress theme designed by Free Theme Layouts. This template has a bright color, blue and pink, suitable for girly blog. Its cute girl cartoon icon, become an attractive section. Ipietoon convert this for BieTemplates, free blogger template gallery


Installation Setting

Upload XML
  • Click on download link
  • Save xml file on your desktop (save it no need to open)
  • Go to blogger dashboard, Layout>Edit HTML
  • Upload xml file through upload button
  • Save
Navigation Menu

Open Edit HTML, find and edit these code below

<ul id='topnav'>
<li><a href='http://wpsora-ipietoon.blogspot.com/'>Home</a></li>
<li><a href='http://www.bietemplates.com' target='_blank'>Template Gallery</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE' target='_blank'>Edit</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>

Cute Cartoon Image

To change cartoon image, open Edit HTML, replace this code to your own URL image

<div id='pic'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-j_Jw_VzqaLSjEA-rKUU1bTJdWryx1lT_aWWFnaieO-Eno2nQhXSLh6qDo5Id3pTWNe84s4IwIF2kCrj9eqlRBdreFOiXeYN2mQdBwUL3kzp7RMFNSUwoXjBIQImkFFJqmNaCamQQhKHM/s1600/headpic.gif' style='float: center;'/>
</div>

Banner Advertisement

Access through Edit HTML, edit these code below

<div id='adspot'>
<!-- Ad1 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rbmQmZMOVigkSBwnFm7kYgvWWWEgO4uNI3T77_CMg3TVrb3CqcqtL2ceuHfqMhmrVqXRCPAZGS9ypqkCE17qXzcKAifX4E5DbIdS861Xy0wHvO4evYic8gpn6XTF3JfQhDe5SvbI4VIm/s1600/adspot.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rbmQmZMOVigkSBwnFm7kYgvWWWEgO4uNI3T77_CMg3TVrb3CqcqtL2ceuHfqMhmrVqXRCPAZGS9ypqkCE17qXzcKAifX4E5DbIdS861Xy0wHvO4evYic8gpn6XTF3JfQhDe5SvbI4VIm/s1600/adspot.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rbmQmZMOVigkSBwnFm7kYgvWWWEgO4uNI3T77_CMg3TVrb3CqcqtL2ceuHfqMhmrVqXRCPAZGS9ypqkCE17qXzcKAifX4E5DbIdS861Xy0wHvO4evYic8gpn6XTF3JfQhDe5SvbI4VIm/s1600/adspot.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rbmQmZMOVigkSBwnFm7kYgvWWWEgO4uNI3T77_CMg3TVrb3CqcqtL2ceuHfqMhmrVqXRCPAZGS9ypqkCE17qXzcKAifX4E5DbIdS861Xy0wHvO4evYic8gpn6XTF3JfQhDe5SvbI4VIm/s1600/adspot.jpg'/></a>
<div class='clearer'></div>
</div>

Replace # to your targetted URL, replace red text to your URL banner image


Any comment, suggestion, bug report, just drop your comment here. Thanks ^_^v
read more...

Monday, 29 June 2009

Blogger Template : Girl & Music

Here's my new design, Girl & Music Blogger template. Check the screenshoot here. Simply design, but you can customize as you want.

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

Saturday, 13 June 2009

Blogger Template : Paper Girl

As its name, paper girl blogger template is my another girly blogger template. Dominated pink and baby blue color, with pink paper stuff, this template suitable for girl's personal blog/diary blog. Here's the screenshoot


you can PREVIEW and DOWNLOAD 

How to change blogger template?
  1. Click on download link
  2. Save to your desktop (save, do not open)
  3. Open dashboard, go to layout
  4. Click Edit HTML
  5. Upload downloaded-xml file
  6. 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 ANY LINK ON FOOTER
read more...

Monday, 6 April 2009

Blogger Template : Flower Garden

Introducing my new design for young girl, Flower Garden Blogger Template. Its name is taken from unique header. Hover your mouse on header and you can see unique transition. Like a butterfly fly over the flower. This template only using javascript, no flash included. Two column with wide sidebar. See cute pink color.
Best preview using Firefox, Opera, Internet Explorer 7, Internet Explorer 8.

you can preview and download here
without readmore script download here

Installation Setting

Navigation Menu

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

<div class='NavbarMenu'>
<ul class='nav'>
<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://YOUR-LINK-HERE'>Edit</a></li>
<li><a href='http://YOUR-LINK-HERE'>Edit</a></li>
</ul>
</div>

Banner 125x125

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>


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

Thursday, 19 February 2009

Blogger Template : Blak Magik

Dark wooden Wordpress theme called Blak Magik, designed by Mr Gopal from Productive Dreams. I always admire unique design. I've converted it to blogger template. Here's the screenshoot

blak magik blogger template

Setting and installation

Go to Setting>Formatting>Timestamp Format

Choose this format, example : Sunday, 28 February 2009.

Go to Layout>Edit HTML. Check on Expand Widget Template checkbox

Header Setting
Preparing your own image header size 496x109 pixel, upload to your own imagehosting such as photobucket.com

a. Edit this Code

#headerimg {
padding-left:40px;
margin: 0;
width: 45%;
height:111px;
float:left;
background:transparent url(http://YOUR-LINK-HEADER-IMAGE-HERE) no-repeat left;
}

and then

<div id='header'>
<div id='headerimg'>
<h1><a expr:href='data:blog.homepageUrl'/></h1>
<div class='description'>YOUR-BLOG-DESCRIPTION-HERE</div>
</div>

Toplinks Setting

Toplinks contain home, RSS, contact link element.

Edit this code

<div class='toplinks'>
<a expr:href='data:blog.homepageUrl'>Home</a>
<a class='topnav_rss' href='http://YOUR-FEED-HERE'>RSS</a>
<a class='topnav_contact' href='YOUR-CONTACT-HERE'>Contact</a>
</div>

Navigation Bar Menu

Edit this code

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='http://YOUR-LINK-HEADER-IMAGE-HERE ttp://'>Sample Page</a>
</li>
<li><a href=' http://YOUR-LINK-HEADER-IMAGE-HERE '>Sample Post</a></li>
<li><a href=' http://YOUR-LINK-HEADER-IMAGE-HERE '>Blog Page</a></li>
</ul>
</div>

Bottom Menu Setting

Edit this code

<div id='creditright'>
<ul id='cred'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='http://YOUR-LINK-HEADER-IMAGE-HERE ttp://'>Sample Page</a>
</li>
<li><a href=' http://YOUR-LINK-HEADER-IMAGE-HERE '>Sample Post</a></li>
<li><a href=' http://YOUR-LINK-HEADER-IMAGE-HERE '>Blog Page</a></li>
</ul>
</div>

Download xml file [here]

Download image [here]

Remember to back up all image to your own imagehosting.
Appreciate to theme designer by not removing credit footer. He spent lot of time to make it free for you. Hope you can respect it.
read more...