Blogger Template : Blue Glide

Introducing my new blogger template, Blue Glide Blogger Template. This template has glide feature for image gallery slideshow. Suitable for personal, portfolio, photo blog. Work on major browser including IE. Here's the screenshoot.

You can preview and download it freely

READ THIS INSTRUCTION SETTING CAREFULLY

How to Upload?

- Download xml file and save. Click download link above. Remember to Save, no need to open.
- Open your dashboard, go to Layout > Edit HTML
- Click Upload, choose your saved xml file, and then save

Glider Setting

- Do not preview before set up glider content. If you preview before fill glider content, there's a warning, Content doesn't exist
- Go to Page Element
- Click edit on Glider Content widget
- Copy these code below and paste to widget, save

<div class="glidecontent">
<div class="glidemeta">
<h2><a href="http://YOUR-DESTINATION-LINK-HERE" title="HOVER-TITLE">TITLE-TEXT</a></h2>
your summary/description here ...</div>
<a href="http://YOUR-DESTINATION-LINK-HERE"> <img width="620" src="http://2.bp.blogspot.com/_6pbSFKC8YH4/Sju3BXQLNEI/AAAAAAAAA-U/PJRn60hlm4c/s1600/joecat.jpg" height="220"/> </a>
</div>

<div class="glidecontent">
<div class="glidemeta">
<h2><a href="http://www.ipietoon.com" title="HOVER-TITLE">Free Blogger Template</a></h2>
Ipietoon provide free blogger template, blogger trick and tips, design resources</div>
<a href="http://www.ipietoon.com"> <img width="620" src="http://4.bp.blogspot.com/_6pbSFKC8YH4/Sju3BY4ZJVI/AAAAAAAAA-c/TJscbVuwJWM/s1600/meanbabies.jpg" height="220"/> </a>
</div>
You can see the structure

If you wanna add three image, copy these code three times. Recommended image size is 620x220 pixel


<div class="glidecontent">
<div class="glidemeta">
<h2><a href="http://YOUR-DESTINATION-LINK-HERE" title="HOVER-TITLE">TITLE-TEXT</a></h2>
your summary/description here ...</div>
<a href="http://YOUR-DESTINATION-LINK-HERE"> <img width="620" src="http://2.bp.blogspot.com/_6pbSFKC8YH4/Sju3BXQLNEI/AAAAAAAAA-U/PJRn60hlm4c/s1600/joecat.jpg" height="220"/> </a>
</div>
Template from http://www.ipietoon.com

Related Posts by Categories