Jun 20, 2009

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aL6z2ZeHK2V6ODFFhtZ0eywy16xtlis81MDJkfo-TNzTQ-mfiYNjrl1GLWE-UdRJaDLhnIB8csFirDwePzUy2sGXMd5fjwdbn2WT3flj_fFGe5Bo0U-ZbTTrvIGUQSs4Ycp_ez5b_mc/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM5Nahp1ycCXTfLTqbJdbvwsAO5FW96kodHjUe20yaKW-slFSriJZf9LDCmLuTbJCmq-tYSyB3r9rpw1jwurwWbfz6D3ICq3IzJOvkQUbY6TmAEWtT8r3P5tIwvP9QEMARTDySsqBCOnc/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aL6z2ZeHK2V6ODFFhtZ0eywy16xtlis81MDJkfo-TNzTQ-mfiYNjrl1GLWE-UdRJaDLhnIB8csFirDwePzUy2sGXMd5fjwdbn2WT3flj_fFGe5Bo0U-ZbTTrvIGUQSs4Ycp_ez5b_mc/s1600/joecat.jpg" height="220"/> </a>
</div>
So glad to receive any response, bug report, and suggestion. Many thanks for not removing credit link
-------------------------------------------------
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

52 comments:

  1. I love simple stuffs and this one is perfect O_o

    Anyway is glider = horizontal scroll?
    I open this with handphone so i can't see things correctly. Sorry ^^;

    ReplyDelete
  2. @fakely:open use your PC hehehe and you'll see

    ReplyDelete
  3. The simple glider on the top of this template is the main attraction of this template. I like this template and have also added it to my Blogger Templates list with short review. Hope you like it.

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. Hi, I like this template. I'm on the lookout for a new 3-column template for my blog that's a little bit more widget-friendly and has ongoing support from the designer :) Hope you don't mind some questions along the way, thank you!

    ReplyDelete
  6. @ny minute: hi, thanks for your comment, glad to know you like it. Read instruction setting, and I'll support you for any problem

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. thank for the template! sorry, how to make a sub menu in my template "http://nadiar29.blogspot.com"
    I am very confused,

    ReplyDelete
  9. @nadi:not as easy... just create vertical submenu on sidebar :)

    reference: dynamicdrive.com

    ReplyDelete
  10. i like your blog. nice postings.

    ReplyDelete
  11. sik, tak deloke disik...

    anyar ki... dirimu durung tau nduduhne mentahane nang aku.. hahaha...

    sik ya, tak deloke disik...

    WOWOWOWOWOW...

    apik pul!!

    iki style saya... sumpah nek blogger iso import isine wordpress, tak pindah nang blogger trus nyomot templatemu iki bong... hahaha...

    ReplyDelete
  12. Hi, Cebong Ipiet!

    Would it be possible to request a variation of this template that has the header of your Reflection template?:) Let me know if it's free or how much that would cost. Thanks very much!

    ReplyDelete
  13. @ny minute: hi...you mean you want transparent navigation menu and search bar? i can do it for free, but I can't promise as soon as hehehe still have to finish some project...

    ReplyDelete
  14. Oh cool, thank you so much! I meant, the outside/outline (title, header, tabs, search bar) looks like Reflection, but the inside (blue note, glider, posts, etc.) will stay as Blue Glider :) I plan to use the blue note on the upper right hand side as a space for updates instead of the header, and the header will be same as Reflection.

    ReplyDelete
  15. So it will look like this :)

    http://i2.photobucket.com/albums/y5/marielchua/BlueGlideandReflection.jpg

    ReplyDelete
  16. oic... :) but as I said, not for this next time soon..okey :)

    ReplyDelete
  17. Yahoo! Thank you, thank you :)

    ReplyDelete
  18. keren sob templetenya. sy suka bgt tuh

    ReplyDelete
  19. @jacky: read instruction setting
    upload your image
    copy url to html code

    ReplyDelete
  20. that is greate template...thanks..for sharing with us.

    www.learn-blogging-tips.blogspot.com

    ReplyDelete
  21. Hi, Cebong Ipiet!

    Don't rush with the custom template I requested, ok? I'm still not decided on whether or not I'll change my template. But thanks! Meanwhile, I used Blue Glide for a new blog, http://30-dayblogchallenge.com, it looks great. Thanks so much!

    ReplyDelete
  22. Hi, again! Sorry to bother, but would you kindly help me change the size of the thumbnails please? I tried changing the number on this code:

    summary_noimg = 500;
    summary_img =300;
    img_thumb_height = 100;
    img_thumb_width = 100 --> to 300;

    But it's still the small square. I'd like for the thumbnail to be more of a rectangle so the images don't get distorted on the homepage.

    Thank you so much!

    Regards,
    Mariel

    ReplyDelete
  23. @ny minute: i got sick last week hehe, :) sorry... doesnt work? humm... change to 200 and 200.. how?

    ReplyDelete
  24. Oh! No worries at all and no rush! I might just keep my old template for nyminutenow.com since it's quite tedious for now to move everything. But Blue Glide, I'm using for my other site :)

    I'll try the 200 x 200 and I'll let you know. Thanks very much for the quick response!!

    ReplyDelete
  25. Hi, again!

    Nope, it doesn't work :p It's still comes out as the 100 x 100 thumbnail.

    ReplyDelete
  26. It's okay, I'll just keep it at 100 x 100 :) Thanks!!

    ReplyDelete
  27. ny minute: hehhee i dont know why it doesnt work... :) i hope thats the best size

    ReplyDelete
  28. Can you have a look, please?:) The lines aren't aligned to the blue bar under the post titles, http://nyminutenow.com. Which part of the code should I update? Thanks so much!

    ReplyDelete
  29. humm not really sure but maybe you can try this

    #content .post .post-entry {
    font: normal 11px/18px Verdana;
    color: #000000;
    padding: 0 12px 10px 12px;
    width: 500px;
    background: url("http://i2.photobucket.com/albums/y5/marielchua/post_info.gif") no-repeat left bottom;
    }

    set the padding for right and left padding
    thats size is 12px, maybe you can try 10px or 5 px

    ReplyDelete
  30. Thanks! I couldn't find that code in the template. Where should I paste it?:)

    ReplyDelete
  31. OH MY GOSH! I'm sorry! The site I meant for you to look at is http://30-dayblogchallenge.com, where I used your Blue Glide template. I'm just so used to typing the name of my blog :p Thank you! Anyway, the text under the titles there aren't aligned.

    ReplyDelete
  32. :D

    .post-header {
    margin: .75em 0 .75em -30px;
    padding:5px 0px 30px 5px;
    color:#333333;
    letter-spacing:.1em;
    font: normal normal 78% Lucida grande, Lucida sans unicode, verdana, tahoma, Georgia, Serif;
    line-height: 1.4em;
    background:url(http://i2.photobucket.com/albums/y5/marielchua/postfooter.png) no-repeat;
    display:block;
    }

    check this padding

    padding:5px 0px 30px 5px;

    maybe you can set left padding to 20px;

    padding arrangement
    padding:top right bottom left;

    ReplyDelete
  33. I fiddled with the numbers and ended up with this:

    padding:0px 0px 30px 10px;

    The text is still on the low side (the original is in the middle of the blue ribbon) but it'll work for now.

    Thank you for all your help! :)

    ReplyDelete
  34. heheh you delete top padding :P

    padding:0px 0px 30px 10px;
    its mean
    top padding 0px
    right padding 0px
    bottom padding 30px
    left padding 10px

    i guess the right padding is

    padding:5px 0px 30px 10px;

    ReplyDelete
  35. I ended up with: 0px 0px 30px 5px

    Whenever I change the top padding to 5px, the text doesn't align with the blue ribbon, like this:

    http://i2.photobucket.com/albums/y5/marielchua/30-daypagesample.jpg

    When it's 0, it looks aligned as you can see now at http://30-dayblogchallenge.com.

    Maybe because I made part of the titles bold that's why the text moved?

    ReplyDelete
  36. i grabbed one of your best templates...it took me some time to edit the glide..thank God I did it!

    ReplyDelete
  37. Hi, I've just setup a blog using your blue glider template. :)

    1) How can I change the words "Featured posts" to "Snapshots". Coz I wanted to put som phots there.

    2) Since I'm putting photos, I do not want it to have any link. Just description only. What changes should be made to the code?

    Thanks....

    ReplyDelete
  38. thank you
    http://hlestates.blogspot.com/
    http://hl4estates.blogspot.com/
    http://4uall2.blogspot.com/
    http://ect4us.blogspot.com/
    http://24allmarket.blogspot.com/

    ReplyDelete
  39. mba, sy ikut nyoba. ijin donlot ya ^^

    ReplyDelete
  40. mba koq yang preview postnya gak jalan yah?

    T_T

    ReplyDelete
  41. Coach outlet online Leading American designer and maker of luxury lifestyle handbags and accessories.Large market in Europe and Canada,UK,USA etc.Welcome to Order!2011 New Style arrive,Free Shipping!

    ReplyDelete
  42. Blue guide magazine so nice and more interesting magazine. Mostly people are very like it in this magazine and entertainment in this magazine.

    ReplyDelete
  43. Blue guide Magazine is very well and more interesting Magazine so that can be enjoy it in this Magazine. Mostly people are very like it and enjoy it in this blog.

    ReplyDelete
  44. In this blogger so very well and fantastic blogger shared on the site so that can be enjoy it in this blogger.This is nice and more fantastic.

    ReplyDelete

Hi, thanks for visiting. You can leave your comment here

 

Ipietoon - Blog Design and Online Business Blogging Since 2008