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

64 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

  5. This comment has been removed by the author.

    ReplyDelete

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

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

  8. This comment has been removed by a blog administrator.

    ReplyDelete

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

    ReplyDelete

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

    reference: dynamicdrive.com

    ReplyDelete

  11. i like your blog. nice postings.

    ReplyDelete

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

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

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

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

  17. So it will look like this :)

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

    ReplyDelete

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

    ReplyDelete

  20. keren sob templetenya. sy suka bgt tuh

    ReplyDelete

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

    ReplyDelete

  23. that is greate template...thanks..for sharing with us.

    www.learn-blogging-tips.blogspot.com

    ReplyDelete

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

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

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

    ReplyDelete

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

  29. Hi, again!

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

    ReplyDelete

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

    ReplyDelete

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

    ReplyDelete

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

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

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

    ReplyDelete

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

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

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

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

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

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

    ReplyDelete

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

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

    ReplyDelete

  46. mba, sy ikut nyoba. ijin donlot ya ^^

    ReplyDelete

  47. mba koq yang preview postnya gak jalan yah?

    T_T

    ReplyDelete

  48. One accessory that many pandora beads women consider a necessity is a handbag. In fact there is such a demand for pandora bracelet ladies handbags in the marketplace that the selection just constantly pandora bracelets ebay increases. As each new season begins there are pandora bracelets uk dozens of new designs of ladies handbags available. pandora charm bracelet Every woman has her own sense of style and therefore she’ll tend to purchase ladies pandora charms handbags that reflect that. For some women they only buy designer ladies handbags. pandora charms bracelets These particular types of ladies handbags are crafted from the finest materials and pandora jewellery carry the names of some of the most celebrated designers in the world. Designer pandora jewelry ladies handbags are very expensive but many women view them as a fashion pandora uk investment.

    ReplyDelete

  49. When UGG Classic Tall moment in Classic Tall Boots time Classic Tall uggs pertains find ugg 5815 expensive jewelry regarding UGG Cardy Mother you'll notice Cardy Boots engagement rings is among the actual
    Classic Tall uggs ideal presents you can actually produce your mother. You Cardy Ugg boots can find explanation Cardy uggs why folks should display his or her's mother's ugg 5819 with gifts. A birthday and mom's birthday are usually a couple of the extremely UGG Classic Short

    ReplyDelete

  50. Nice! Now I know what to do, thank you! And as this information is educational so this site has been added to my RSS feed for later browsing. To know more about
    marathon training visit: marathontrainingschedule.net
    [ running workouts ]
    [ running schedule ]
    [ running training program ]

    ReplyDelete

  51. I have spent tory burch most of my life in Kenya, East Africa tory burch shoes I was intrigued to hear MBT shoes, otherwise known tory burch outlet as Masai Barefoot Technology. MBT shoes cheap tory burch are most definitely not a fashion statement tory burch boots and can look a bit odd. Invented in 1997 tory burch flip flops by Swiss Engineer Karl Mueller, Mbt's tory burch handbag are seen as a highly performing aid to fitness. MBT's tory burch handbags outlet are designed to be breathable, tory burch heels and comfortable. The tory burch flats shoes uniquely mbt designed sole, very similar to the 'tory burch flats cheap ' often worn by East African Tribal people, are said to mimic tory burch wallet walking around barefoot in the sand.

    ReplyDelete

  53. added relevant and intelligent commentary here though. Thank you!
    Very insightful - continue to spread your message. Getting excited about an update. r4 card
    buy r4 card
    r4i card
    buy r4i card
    r4i gold
    r4i gold card
    r4i sdhc
    r4i sdhc card
    CycloDS
    CycloDS Card
    m3 adapter
    supercard
    Acekard
    Acekard card
    DSTT
    DSTTi

    ReplyDelete

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

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

    ReplyDelete

  59. http://www.meebing.com/ainol-novo-7-advanced-2-android-4-0-ics-tablet-pc-7-inch-8gb-camera-hdmi-black.html
    http://www.meebing.com/ainol-novo-7-elf-android-4-0-ics-tablet-pc-7-inch-all-winner-a10-8gb-camera-hdmi-tablet.html [url=http://www.meebing.com/ainol-novo-7-advanced-2-android-4-0-ics-tablet-pc-7-inch-8gb-camera-hdmi-black.html]novo 7 advanced ics[/url]
    [url=http://www.meebing.com/ainol-novo-7-elf-android-4-0-ics-tablet-pc-7-inch-all-winner-a10-8gb-camera-hdmi-tablet.html]Ainol Novo 7 Elf[/url] [url=http://www.meebing.com/ainol-novo-7-aurora-android-4-0-tablet-pc-allwinner-a10-1-2ghz-ips-hd-screen-7-inch-8gb-white.html]Ainol Novo 7 Aurora [/url]

    ReplyDelete

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

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

Subscribe to: Post Comments (Atom)
 

Blogroll

Ipietoon-Cute Blog Design Blogging Since 2008