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">You can see the structure
<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>
If you wanna add three image, copy these code three times. Recommended image size is 620x220 pixel
<div class="glidecontent">So glad to receive any response, bug report, and suggestion. Many thanks for not removing credit link
<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>
-------------------------------------------------
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
I love simple stuffs and this one is perfect O_o
ReplyDeleteAnyway is glider = horizontal scroll?
I open this with handphone so i can't see things correctly. Sorry ^^;
@fakely:open use your PC hehehe and you'll see
ReplyDeleteThe 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.
ReplyDeletesiap mencoba bong! thx
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteHi, 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@ny minute: hi, thanks for your comment, glad to know you like it. Read instruction setting, and I'll support you for any problem
ReplyDeleteThis comment has been removed by the author.
ReplyDeletethank for the template! sorry, how to make a sub menu in my template "http://nadiar29.blogspot.com"
ReplyDeleteI am very confused,
@nadi:not as easy... just create vertical submenu on sidebar :)
ReplyDeletereference: dynamicdrive.com
i like your blog. nice postings.
ReplyDeleteThank you! :)
ReplyDeletesik, tak deloke disik...
ReplyDeleteanyar 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...
Hi, Cebong Ipiet!
ReplyDeleteWould 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!
@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...
ReplyDeleteOh 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.
ReplyDeleteSo it will look like this :)
ReplyDeletehttp://i2.photobucket.com/albums/y5/marielchua/BlueGlideandReflection.jpg
oic... :) but as I said, not for this next time soon..okey :)
ReplyDeleteYahoo! Thank you, thank you :)
ReplyDeletekeren sob templetenya. sy suka bgt tuh
ReplyDeleteHow change the image
ReplyDelete@jacky: read instruction setting
ReplyDeleteupload your image
copy url to html code
that is greate template...thanks..for sharing with us.
ReplyDeletewww.learn-blogging-tips.blogspot.com
http://sweetjaveria.blogspot.com/
ReplyDeleteHi, Cebong Ipiet!
ReplyDeleteDon'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!
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:
ReplyDeletesummary_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
@ny minute: i got sick last week hehe, :) sorry... doesnt work? humm... change to 200 and 200.. how?
ReplyDeleteOh! 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 :)
ReplyDeleteI'll try the 200 x 200 and I'll let you know. Thanks very much for the quick response!!
Hi, again!
ReplyDeleteNope, it doesn't work :p It's still comes out as the 100 x 100 thumbnail.
It's okay, I'll just keep it at 100 x 100 :) Thanks!!
ReplyDeleteny minute: hehhee i dont know why it doesnt work... :) i hope thats the best size
ReplyDeleteCan 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!
ReplyDeletehumm not really sure but maybe you can try this
ReplyDelete#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
Thanks! I couldn't find that code in the template. Where should I paste it?:)
ReplyDeleteOH 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:D
ReplyDelete.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;
I fiddled with the numbers and ended up with this:
ReplyDeletepadding: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! :)
heheh you delete top padding :P
ReplyDeletepadding: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;
I ended up with: 0px 0px 30px 5px
ReplyDeleteWhenever 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?
i grabbed one of your best templates...it took me some time to edit the glide..thank God I did it!
ReplyDeletenice
ReplyDeleteaku make ya bong..!
ReplyDeleteHi, I've just setup a blog using your blue glider template. :)
ReplyDelete1) 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....
thank you
ReplyDeletehttp://hlestates.blogspot.com/
http://hl4estates.blogspot.com/
http://4uall2.blogspot.com/
http://ect4us.blogspot.com/
http://24allmarket.blogspot.com/
NIce template
ReplyDeletemba, sy ikut nyoba. ijin donlot ya ^^
ReplyDeletemba koq yang preview postnya gak jalan yah?
ReplyDeleteT_T
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!
ReplyDeleteBlue guide magazine so nice and more interesting magazine. Mostly people are very like it in this magazine and entertainment in this magazine.
ReplyDeletewopad m19
ReplyDeleteTeclast P76ti Window N50 Cube U10GT Haipad M7S
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.
ReplyDeleteIn 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