Free Blogger Templates :

facewoman
Ayo berikan dukungan dan semangan anda kepada kami hanya dengan like page Tutor | Blog™ agar tetap terus Maju.

Gadget Blog

Jumat, 29 Mei 2009 | 0 komentar

Introducing my new blogger template, Gadget Blog Template. As its name, this template suitable for gadget and technology blog, discussing about phone, ipod, notebook, and another gadget.
Template Information:
  • Three Column
  • Three Column at lower section
  • Ads Ready
  • Gadget product featured
  • Automatic readmore and thumbnail
  • Work in all major browser
You can preview and download here


How to Upload?

Download xml file from link download, save it (Remember, save do not open). Then Open Edit HTML, upload xml file that have been downloaded.

Top Navigation Menu Setting

Open Edit HTML. Find and edit these code below (Press ctrl + F , an easiest way to find)

<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://www.emocutez.com'>Free Emoticon</a></li>
<li><a href='http://blogger.com'>Login</a></li>
</ul>
</div>

Change red color text to your link, and blue color text to your own anchor text menu.

Navbar Menu Setting

Find and Edit these code below

<div id='NavbarMenu'>
<ul id='nav'>
<li><a href='http://your-link-here'>Phone</a></li>
<li>
<a href='http://your-link-here'>Notebook</a>
<ul>
<li>
<a href='http://your-link-here'>Sony</a>
<ul>
<li><a href='http://your-link-here'>Vaio Green</a></li>
<li><a href='http://your-link-here'>Vaio Red</a></li>
<li><a href='http://your-link-here'>Vaio Blue</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Toshiba</a></li>
<li><a href='http://your-link-here'>Mac</a></li>
<li><a href='http://your-link-here'>HP</a></li>
<li><a href='http://your-link-here'>Lenovo</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Camera</a></li>
<li><a href='http://your-link-here'>Ipod</a></li>
<li><a href='http://your-link-here'>Personal Computer</a></li>
<li><a href='http://your-link-here'>Blackberry</a></li>
<li><a href='http://your-link-here'>Accesories</a></li>
</ul>
</div>


Recommended Gadget Featured Setting

Open Edit HTML. Tick on Expand Widget Template. Find and edit these code below.

<div class='product'>
<ul>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicLEW3IeZGecyMqfYesCs-5aD3ozt0Bt8QX05vkOvzKkyIy0nUCALSjNIFOx6xjEpdAxpVUBY16_L6QXLEZiE9Z3_Kj4LnlhyphenhyphenL2kgWCCthZ6eDgtaVYK5vXWWg1Da0MzEBzgizjgEVOd07/s1600/ipod-touch.jpg' width='75'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M6X7odhd5vcmV9RJPDaCGFsKihj7zrrXrEZWDm5qETYo-wS_on8nFz6IWZqCro-UhxGUHCT7rjWNsfDPjinTJBOoqVCa_-0ufTXYUANKrF3j5ianTx1nZURzQTI_WCjMwMMbkuyh7t5l/s1600/camera.png' width='75'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV56ps5pzYHOJjPhm4kX5VR7326JUUXwId4oRuD7B6DA8OnfAOKUIGuCqrG3X8kVDdzGNIz6wMMWVMCBfYySr5Z0Eq1MEnzkl24_6e3LqYvggImBB_CpfkPcF5sso79CQG6KMjUxbJZ9KF/s1600/blackberry-8820-vodafone.jpg' width='75'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp5OigRevsFU0btex8M6dFqhy-uOGzWRol2OsEXCQaqzpoDuTUjn29dWz8akk6WW87P_XZsU-bSP5YQDUIIoqoltrgyl6Nd4iKcjlsk5taidKKmeHfLyBe2IVROZsppwSmkgMFdXzvxiHJ/s1600/apple_iphone.jpg' width='75'/></a>
</li>
</ul>
</div>

Red color text change to your image URL.

-------------------------------------------------
Read Best Kindle Wireless Reading Device

CSS Web Design Gallery

Minggu, 24 Mei 2009 | 0 komentar

So many great web design  with various themes around the world, such as web2.0, classic, art, cartoon, and many more.  I think these design could be inspiration for us especially for web designer. No need to search for item, simply by looking at web design gallery. Here the list of some showcase gallery resources.














Shopping Bag

Sabtu, 16 Mei 2009 | 0 komentar

As its name, Shopping Bag Blogger Template, suitable for online shopping blog. This template is simply but colorful. Recommended Product Featured make it possible to show your best product.

Template Description :
  • Three column
  • Adsense ready
  • Product Featured
  • Automatic thumbnail and readmore
  • Work in all major browser
  • Auto alignment post
You can preview and download it here

Read This Instruction Setting Carefully

How to Upload?

Download xml file from link download, save it (Remember, save do not open). Then Open Edit HTML, upload xml file that have been downloaded.

Top Navigation Menu Setting

Open Edit HTML. Find and edit these code below (Press ctrl + F , an easiest way to find)

<div class='topnav'>
<ul id='topnav'>
<li><a href='http://girlzshoppingblog.blogspot.com/'>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://www.emocutez.com'>Free Emoticon</a></li>
<li><a href='http://blogger.com'>Login</a></li>
</ul>
</div>

Change red color text to your link, and blue color text to your own anchor text menu.

Navbar Menu Setting

Find and Edit these code below

<div id='NavbarMenu'>
<ul id='nav'>
<li><a href='http://your-link-here'>Bag</a></li>
<li>
<a href='http://your-link-here'>Shoe</a>
<ul>
<li>

<a href='http://your-link-here'>Shoe #1</a>
<ul>
<li><a href='http://your-link-here'>Green</a></li>
<li><a href='http://your-link-here'>Red</a></li>
<li><a href='http://your-link-here'>Blue</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Shoe #2</a></li>
<li><a href='http://your-link-here'>Shoe #3</a></li>
<li><a href='http://your-link-here'>Shoe #4</a></li>

<li><a href='http://your-link-here'>Shoe #5</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Fashion</a></li>
<li><a href='http://your-link-here'>Cosmetic</a></li>
<li><a href='http://your-link-here'>Jeans</a></li>
<li><a href='http://your-link-here'>Baby</a></li>
<li><a href='http://your-link-here'>Belt</a></li>
<li><a href='http://your-link-here'>Accessories</a></li>
<li><a href='http://your-link-here'>Jewelry</a></li>

</ul>
</div>

Recommended Product Featured Setting

Open Edit HTML. Tick on Expand Widget Template. Find and edit these code below.

<div class="'product'">
<ul>
<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7fxaeWVn96d-OhXScWn7QhHtgEs6g0ZWq0qW4p2Z-3n3nQAAmxou4WSb_aNhxptmDByTy7f3JZqfB6ZQOQMIof2pDp964xpa8OBF2gU09byvnBcbcbhxiJPoKstfm33loq-7fe-ISEAo/s1600/gelang.jpg'" width="125" border="0" height="125" /></a>
</li>
<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KD9cvHS9M2-SBjIANXo92nKInJfX94dq7yV54nA1GtS_T2S6PTBXfcRxYCD6tzhXLykNEWJpnwQtp_hkcuK8-jS8U-pMEcqh45PzAKT6sWbFrMcIyR8S166lNVNxpIzeJ-qZZvvmMA4/s1600/lv2.jpg'" width="125" border="0" height="125" /></a>
</li>
<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTPPcV589sVW8sIkTPJHxe8TxsES3nMixNrkDvm7Dp2ivov9p2aGPqomJez9J9mQKaVmutjHoflbhzU2kqHFL2vezoJMpUrlWy-gGHV9IKbGsw7UB3Vz_ZPLtSmyiSm__TfJlcICmT3tc/s1600/lv1.jpg'" width="125" border="0" height="125" /></a>
</li>
<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRYhK1QzX8VJZ8s1FaL8IAT-QYbU-dPl4aTXQR7nwtL_5iac3n9HMAew-mVd415aRUemohl3sxQz6Lb1xbH4wiAMyMubsAJN0995Q61qRYZJMP86tETfJu1bGZLAu96w81etVxH8hUOPY/s1600/images4.jpg'" width="125" border="0" height="125" /></a>
</li>
<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRYhK1QzX8VJZ8s1FaL8IAT-QYbU-dPl4aTXQR7nwtL_5iac3n9HMAew-mVd415aRUemohl3sxQz6Lb1xbH4wiAMyMubsAJN0995Q61qRYZJMP86tETfJu1bGZLAu96w81etVxH8hUOPY/s1600/images4.jpg'" width="125" border="0" height="125" /></a>
</li>
<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIwy3DcI3a6Hgjn8LCAziZpLqLPFyA4rJxZCf0L0g36SCIRHIIh_bhatCrxIHFXFRSNII6taiaEW_Jw2QT7jCYtOdi9G4ALUWDdl1IwnwT8DZtB141v2tPc7662F5oPVAyaahO8s4wMRU/s1600/images.jpg'" width="125" border="0" height="125" /></a>
</li>

<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KD9cvHS9M2-SBjIANXo92nKInJfX94dq7yV54nA1GtS_T2S6PTBXfcRxYCD6tzhXLykNEWJpnwQtp_hkcuK8-jS8U-pMEcqh45PzAKT6sWbFrMcIyR8S166lNVNxpIzeJ-qZZvvmMA4/s1600/lv2.jpg'" width="125" border="0" height="125" /></a>
</li>
<li>
<a href="http://www.blogger.com/%27http://YOUR-LINK-HERE%27" target="'_blank'"><img alt="'ads'" src="http://www.blogger.com/%27https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTPPcV589sVW8sIkTPJHxe8TxsES3nMixNrkDvm7Dp2ivov9p2aGPqomJez9J9mQKaVmutjHoflbhzU2kqHFL2vezoJMpUrlWy-gGHV9IKbGsw7UB3Vz_ZPLtSmyiSm__TfJlcICmT3tc/s1600/lv1.jpg'/" border="0" /></a>
</li>
</ul>
</div>

Note : src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7fxaeWVn96d-OhXScWn7QhHtgEs6g0ZWq0qW4p2Z-3n3nQAAmxou4WSb_aNhxptmDByTy7f3JZqfB6ZQOQMIof2pDp964xpa8OBF2gU09byvnBcbcbhxiJPoKstfm33loq-7fe-ISEAo/s1600/gelang.jpg' change to your own image URL

Timestamp Format

To make calendar date appear properly, change your timestamp format to Wednesday, April 21, 2009
Access through Setting>Formatting>Timestamp Format

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

How to Add Javascript on Blogspot Template?

Jumat, 15 Mei 2009 | 0 komentar

Sometimes we use javascript on HTML template to create some special effect such as slide, glider, parallax, automatic readmore and another blogger hack. As we know, javascript contain such a long code, usually we're using third party hosting. The purpose is to make it simple and lighter. Before put javascript on HTML, it should be uploaded to your web host.

Read this how to.

Here's how to place hosted javascript on HTML template.

Open Edit HTML. Copy these code below

<script src='http://YOUR-JAVASCRIPT-URL.js' type='text/javascript'></script>

put before </head> section

But many people have no own hosting, and sometimes free hosting have limited bandwidth and complicated registration. So how? Javascript can be placed through HTML without hosting. Here's how to place it.

Open Edit HTML. Copy these code below

<script type='text/javascript'>
//<![CDATA[

your fulljavascript code here

//]]>
</script>

put before </head> section

Simple Blogger Template

Minggu, 10 Mei 2009 | 0 komentar

Do you like minimalist design for your blogger template? I guess this two simple blogger template is suitable for you. Deluxetemplates has released two simple blogger template called Think Simple and 2Plus. Here's the screenshoot






Just go to author's site to get this simple but professional looks template. 

Online Pattern Background Generator for Your Blog

Sabtu, 09 Mei 2009 | 0 komentar

There are so many online pattern background generator offers various background for website or blog. It's easy to use and we can make pattern as we want. How to use this pattern background for our template?
  1. Create background using online tools. Save the pattern and then upload to imagehosting such as imageshack, photobucket, flickr
  2. Open Layout > Edit HTML
  3. Edit background body css code ,
body {background:url(http://your-image-url-here) repeat;}

Note :
For horizontal pattern change code to repeat-x
For vertical pattern change code to repeat-y
Here the list of Online Pattern Background Generator


 
Support : Free Blog Templates | Free GPRS lt
Copyright © 2012. Tutor | Blog™ - All Rights Reserved
Proudly powered by Free Blog Template
Contact @ FREE GPRS LT