Bingo Gallery - Free Premium Blogger Template at Monday, October 19, 2009

	Template Name : Bingo Gallery
	Original Designer : Graphic ZONe
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Bingo Gallery.zip

Tutoring instalations Guide :

ATTENTION : THIS BLOGGER TEMPLATE IS NOT USING AUTOMATIC FEATURE, I DID NOT ADDING ANY JAVASCRIPT CODE IN THIS TEMPLATE. PLEASE FOLLOW ALL INSTRUCTIONS CAREFULLY. DON'T USE THIS TEMPLATE IF YOU FEEL HARD TO USE IT.

1. LINE BREAKS SETTING

Go to "Setting" => "Formatting" => "Convert line breaks" = "NO"


2. NAVIGATION

Go to "Edit HTML" => Find this code

<div id='mainmenu'>
<ul>
<li class='first current_page_item'><a href='/'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-12'><a href='#' title='Contact'>Contact</a></li>
<li class='page_item page-item-13'><a href='#' title='Advertise'>Advertise</a></li>
<li class='page_item page-item-14'><a href='#' title='themes'>themes</a></li>
</ul>
</div>

Change the
# with your link anchor.
Blue text with your text anchor.

THEN SAVE.

3. POSTING TEMPLATE

Go to "Setting" => "Formatting" => add codes below in the box of "Post Template"

<img src="IMAGE URL" alt="" border="0" title="IMAGE TITLE" />
<img class="thumbnail" src="VIDEO IMAGE URL" alt="" border="0" title="VIDEO IMAGE TITLE" />

<div class="datapost">
<ul>

<li class="name">
Name : POSTING TITLE
</li>

<li class="designer">
Author : AUTHOR NAME
</li>

<li class="site-link">
URL : <a href="LINK ANCHOR" target="blank">TEXT ANCHOR</a>
</li>

<li class="fullview">
<a href="LINK FOR DEMO" target="blank" rel="nofollow">View Real Demo</a>
</li>

<li class="download"><a href="DOWNLOAD URL" target="blank">Download</a>
</li>

<li class="categ">
Category : <a href="CATEGORY URL">CATEGORY NAME</a>
</li>

<li class="posttag">
Keywords : ADD YOUR KEYWORD/TAG HERE
</li>
</ul>
</div>

<div class="postvideo">
ADD VIDEO EMBED CODE HERE
</div>

<div class="postdescribe">
ADD DESCRIPTION HERE
</div>

SAVE. YOU ONLY NEED TO CHANGING THE RED TEXT.

4. POSTING STYLE SAMPLE

REMOVE ONLY CODES THAT YOU DO NOT USE (UNUSE CODE)
A) IMAGES POST

<img src="http://dryicons.com/files/templates_previews/stylissimo_preview_new.jpg" alt="Stylissimo Wordpress Theme" border="0" title="Stylissimo Wordpress Theme"/>
<div class="datapost">
<ul>

<li class="name">
Name : Stylissimo
</li>

<li class="designer">
Author : Dryicons
</li>

<li class="site-link">
URL : <a href="http://dryicons.com/" target="blank">dryicons.com</a>
</li>

<li class="fullview">
<a href="http://dryicons.com/free-templates/demo/stylissimo/" target="blank" rel="nofollow">View Real Demo</a></li>
<li class="download"><a href="http://dryicons.com/free-templates/stylissimo/" target="blank">Download</a>
</li>

<li class="categ">
Category : <a href="http://www.gzon.us/search/label/Wordpress%20Themes">Wordpress Themes</a>

</li>

<li class="posttag">
Keywords : Wordpress Theme, WP Theme, Elegant, 3 Column, Clean Layout, Company layout
</li>
</ul>
</div>
<div class="postdescribe">
DryIcons presents its second free template, called "Stylissimo". This template is carefully designed following the most basic design rules: style, simplicity and functionality. It can be used as a personal blog, where users could showcase their portfolio to the world, share design-related resources and inspiration and communicate with other designers. "Stylissimo" can also be used as a unique magazine theme, with lots of inspirational portfolios, tutorials, resources and freebies.
<br/><br/>
"Stylissimo" is a three-column template with clear separation of the header, footer and the main container. The HTML/CSS code is well structured and commented which will make your implementation very easy. Initially available as a plain HTML/CSS and as a WordPress theme.</div>

UNUSE CODE SAMPLE :

<div class="postvideo">
ADD VIDEO EMBED CODE HERE
</div>

HTML INFO :
<br/><br/> = New Line


THE RESULT WILL BE LIKE THIS


[CLICK HERE TO SEE REAL RESULT]


B) VIDEO POST

REMEMBER THIS : YOU NEED AN IMAGE THUMBNAIL FOR THE VIDEO. LIKE I SAY BEFORE, I DID NOT USE ANY JAVASCRIPT FOR AUTOMATIC VIDEO THUMBNAIL.

<img src="http://1.bp.blogspot.com/_Iewg6WA-1Pk/SrKx9asf4MI/AAAAAAAAADY/YO3IIX6sdUk/s400/manga.JPG" alt="How To Draw Manga Hair, Four Different Ways" border="0" class="thumbnail" title="How To Draw Manga Hair, Four Different Ways"/>

<div class="postvideo">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/SEA8sG0FMHI&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/SEA8sG0FMHI&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object>
</div>

<div class="postdescribe">Manga creator Mark Crilley presents a tutorial on drawing four different manga hairstyles, two of them shown in real time.</div>

THE RESULT WILL BE LIKE THIS


[CLICK HERE TO SEE REAL RESULT]

warning : please try this template in a new blog first and read the instructions carefully. Ask me if :
1. you find some problem when use it.
2. i forgot some instructions to write in this post
3. you want to make some inovation from this template like changing the icons with your own icons

NEW UPDATE: Add 3 Ads Element on Bingo Gallery Blogger Template