Sunday, October 15, 2006

Random Rotating Banner Hack

It is working!
Press "F5" on your keyboard and a different banner should appear.
After two days of trying (yep very sad, but do I care!), I have finally modified my blogger template to do random roation on the banner graphics. If you don't get what I mean, press "F5" on your keyboard and a different banner should appear, if it happen to be the same banner then press again till you see a new one. It is a standard plug-in for Wordpress but we didn't have it in Blogger.... until now. Well I think this could be the first in the world of Blogger Beta, if not it is definitely my first hack anyway. Thanks Ramani from Hackosphere who gave me a few tips. Read on to see the scripts I have used.

I am not sure if it will works for all blogger templates, so I will just show you what I have done and you may have to modified it for your template. First of all I assume you have created a few graphical banners and have uploaded them onto a graphic hosting website.

For the 'Rounder' template I have used there is a piece of script in the CCS Style Section that read like this:

#header {
background:#476 url("http://www.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}


Basically my script works by overwriting the 'background' definition at the <body> part of the template. I wrote the following right after the <body> tag:

<script type="text/javascript">

var banner= new Array()

banner[0]="http://static.flickr.com/84/269053449_acad87a793_o.jpg"
banner[1]="http://static.flickr.com/95/269053438_4ef5a3983e_o.jpg"
banner[2]="http://static.flickr.com/96/269053404_44a3b0eda8_o.jpg"
banner[3]="http://static.flickr.com/108/269053262_608edbdda4_o.jpg"
banner[4]="http://static.flickr.com/98/269053232_6f7c6f994a_o.jpg"
var random=Math.round(4*Math.random());

document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");

</script>


My scripts above used Java Script to define an array of 5 url locations of the banners' graphic. Then the next line generate a random discret number between 0-4. The next part will generate some html codes to overwrite the "background" definition of the the "Header" style by selection a random banner everytime.

You will need to change the following:
1) The URL Locations of your graphics.
2) If you have 5 banners, you type "4" in the random number generating equation Math.round(4*Math.random()); If you have 3 banners type "2" and so forth.

Good luck, let me know if it works.

289 comments:

1 – 200 of 289   Newer›   Newest»
alex said...

awesome job on hacking the code

Gabs Lau said...

cheers, couldn't believe I am now a code hacker!

ahdont said...

awesome, you finally are one of us.

ahdont said...

as for the banner, i guess you used the layer function in photoshop. you can do tons of cool techniques there using the filters. if you want to play with the colors, try ctrl u, its a easy way to play with the color. experiment is the key.

Ramani said...

Gabs, I buzzed about your hack in my latest post.

Gabs Lau said...

Ahdont, let me know what you think of my banner designs though, since you are the king of graphic. Martina said the logo destroyed the serenity of the photos. I think it is rather fun to add a wing to the fisherman and give you a fire ball in the Lombok photo. With Martina's photo in Nepal, I was trying to make the logo act like it is catching the wind.

Gabs Lau said...

ramani, thank for publicising my website, I couldn't belive there aren't more blogger out there wanting to have this function. A question, would my banner load more quickly if I host them on Blogger instead of Flickr?

ahdont said...

just so you know, alex is a graphic designer for real. wil tell you what i think of the banner when i get out of bed.

eku said...

I've done this on my classic template, kind of.
Replaced the background image with an url to a php-script which ramdomly selects an image and shows it.

Atm I have the script to rotate my profile photo. Works for that too!

(Now that I tried it again, it seems to work also with the Blogger Beta. Just needs some new images to match my current template.)

Gabs Lau said...

Alex, shed me some light too with your graphic design experience!

Gabs Lau said...

eku, okay I better not claim my work to be the first in blogger than. good to know php works on the template too, but I have yet to learn the language

Alex said...

ok brother as you requested I have made some comments on your banners in your Flickr account

Gabs Lau said...

Thanks Alex, good points, now I know what works.

Anonymous said...

Hi Gabriel,

Sorry to hijack your blog - incredible stuff, never expected you to lie low in HK, did I?

Anyway please write me at oleolemanutd_at_hotmaildotcom, and please delete this entry and apologies again for hijacking.

Ex-Imperial classmate Aaron Goh

Phreeze said...

Wow! Very cool. I had a little trouble with the sizing and placement of my new banners, but once I had the margins set properly, I popped in your code and it works like charm. See the results at http://www.atrainhockey.com.
Thanks for sharing!

Prescottstyle said...

I really dig this random banner hack. I've always wanted to try it since seeing a rotating image header on Zeldman. Thanks alot Gabs Lau!

DarkUFO said...

Excellent code. 1 Question.

I have 20 blogs that I want to apply this to, now I know I can cut and paste into all 20, that is fine, however, whenever I make an update I will need to apply the same change 20 times.

Is there anyway this can be made as an external .js file so that I just update the .JS file once so that the code is applied across all 20 blogs?

Kate said...

LOVE IT. It adds such a lovely professional touch!

Manas said...

Woot..
I made it work on Blogger beta Minima template.

Gabs Lau said...

Kate and Manas, show me your blog

Rangga said...

well done, for your info I also have rotating banner on my blogger blog

I get the code from here:
http://www.htmlbasix.com/banner.shtml

it's kind of javascript code generator, quite easy to use and work well with blogger beta. but haven't tried for the header, I only place it above the posting

Phreeze said...

Do you think it would be possible to do the same thing with videos (like from Youtube)? Any ideas are appreciated. Thanks.

The Criticizer said...

Great hack! Been looking all around for this. Thanks and keep up the great work. :D

Dhha said...

Hi, great script!. I wonder if you know how could I implement this Script Flash JPG rotator. It's a great one but I don´t know how to installit in my blog.

Thanks in advance!

monochromatix said...

Great work with the code :) I spent 3 hrs trying to work it out before searching for an answer :p

Your hack won't work exactly the same way for the Minima Black template, but it had more than enough information in it to point me in the right direction!

Rest assured, your 2 days did not go to waste ;) AND you're right, I'm not sure why more people don't want this hack!

closetkeis said...

I was looking for just a code the past couple of days. Ramani recommended your blog. My only problem is the blog description wants to place over top of the banner and the banners that I have are different sizes but they end up coming out the same size and cut off. They are also placed in the top left corner and not centered. Any suggestions?

Gabs Lau said...

if you want to move the blog title around you need to play around with the "padding" and "margin" of the banner on the ccs section. The blogger template dictates the area of your banner that can be shown, again play with the "padding" to change the size of that area, but you have to resize your banners to be almost identical

Iknownotwhattodo said...

hi there - it does work but its fiddly to get the setting right with padding. I keep getting the title and description over the banner and its heavily cropped - which could be nice except i already have the headers made with the title on. So I will persevere. I might try that js that rangga spoke about because really I want random pictures above the "made invisible to the naked eye" title (in order to help SEs) and small description below. Anyway nice work and kwl blog.

monochromatix said...

Iknownotwhattodo: I had the same issue. What I did was look for the definition that had:

font: $pagetitlefont;

and below that put:

font-size: 0%

That seemed to do the trick :)

Mocha Socialite said...

Congrats! Great banners.

closetkeis said...

I still need help. Could you email me! I can't seem to change the header size to suit what I want. Anyone else reading this and can please help me it would be appreciated.
closetkeis@gmail.com

hakucho said...

Just wanted you to know how much I appreciate you sharing your awesome code. I'm very pleased with the result!
Thanks a bunch :)

S.Hamel said...

Hi there!
You might want to check out my Random Quote in Sub Header, which was posted back in 2005 and describes how to show random descriptions in your header. This also works for Blogger Beta.
http://shamel.blogspot.com/2005/04/blogspot-hack-random-quotes-in-sub.html

- said...

yeah! it worked!!!
thanks for posting this. it's exactly what i was looking for.

Skanky Jane said...

Dear Gabriel,

Thank you very much for this excellent and fun hack. I am trying it out on my blog now. You have designed you header images better than I have. Mine are a bit small (in length). This is fine for the header images that are just text on a transparent background but for those that have a solid colour background (creating a box effect) it looks a little weird.


I thought I would post the modifications I had to make to get this great hack of yours to work well with my particular template - (A Ramani (Hackosphere) hacked 3 col Minima which I converted to fluid) for the interest of others:

In the CSS 'header' section I needed to define 'height' :

#header {
height: 150px;
margin:5px;
background: #fff no-repeat center;
}

As I said, my template is fluid. Even though I was able to make this modification myself (with thanks to Annie of Blog-U) I still don't know a lot about this sort of thing. For instance I thought I might need to define the header height in percentages - but it didn't work. I checked how the new header looks in IE and at various screen resolutions and it is fine so I guess that, even with a fluid template, defining 'header height' in pixels is ok. Curiously no 'width' definition is necessary.

Also in my CSS header section I added the line "display none" to prevent my text blog title (Beta Blogger default) from showing up.(Thanks to J. Noronha of Blogger Hacks Inventory). Not sure if this is absolutely necessary with your hack Gab but I did it anyway:

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
display:none;
}

Then I simply changed one of the lines in your code to center my header images (and discovered that spelling is important - i.e. it's center NOT centre!)

no-repeat center TOP;');


Thank you Gab! My blog is under construction but I will be adding a link back to you.

SJ xx
http://skankyjane.blogspot.com

Feng said...

thank you so much! I spent 2 days as well trying to figure it out and then i stumbled upon your blog! Thanks man ! Now my header is random!!

molly said...

Thank you so much for this hack!!!! I am so pleased to finally have the one feature my blog that I couldn't get. You have made me complete... :-)

Nostalgia Manila said...

Gabs,

I too use the rounders template, and I guess we both used the same rounders template, only with different colors. I tried this hack on my blog and it really works well but I had a question:

I still like the rounded corners on the top and bottom to show. If you look at my blog:

http://nostalgiamanila.blogspot.com/

You'll see that the TOP rounded corners still show, but the bottom ones don't.

When I edited my css, only a small part of my header showed. To solve this, I actually had to add a bunch of BR (line break tags) onto the header html. I went to my Page Elements edit page (where you can drag and drop widgets), clicked on the Header Page Element, and added a bunch of BR (line break tags) so that my header and image would show.

After a few line breaks it did show, but I lost the rounded corners at the bottom! :( Is there a way you could please show me how to how those rounded corners at the bottom?

Would really appreciate your help. You may reach me at: nostalgiamanilamail@yahoo.com

Many thanks! This is a great site and a great hack!

Nostalgia Manila said...

Hello again Gabs,

I used this modification to define the height of the header:

#header {
height: 150px;
margin:5px;
background: #fff no-repeat center;
}

Again, only the top rounded edges show, and the bottom ones are missing. :( I don't know what else to do. Help!

Thanks again.

beachblue said...

hi..

i m just getting my head round all this, as i m kinda a dummy here.

first of all, how can i get the pic to fit the width of the blog, cos at the mo, it only show in the middle of the blog. is there anyway round this?

airbiscuit said...

am using classic template, copy and paste can't seem to do the trick?

any helps on how to do on classic template?

http://castamara.blogspot.com/

Edwin Rosell said...

Hiya Gabriel,
I just wanted to stop by and say thank you very much for this hack, its fairly simple and yet it does so much for a site.
My blog is always a work-in-progress these days it seems but you can check it out if you'd like:
http://edwinrosell.blogspot.com/
Thanks again!
-edwin
P.S. let's hear it for the year of the rat!

Michael said...

I'm using it as well. Great job. Thanks.

Anonymous said...

Hi Gabriel,

Thanks for your code...

actually in your post, u mentionned about a Wordpress plugin - could you tell me which one ? I would like to put it on my wordpress blog...

Thanks for everything,
Best,
John

Doug DeLune said...

yeet another thanks. for those with size problems. put the height in the header description section

Myndz said...

Brilliant hack. Worked first time. Kudos to you.

Marc said...

Thank you.

Cefeida said...

Just what I needed! So brilliant, thank you. :)

thegreatsze said...

if you want to remove the header title, you can do this:

Go to Template -> Edit HTML. Scroll to where you see this code where your blog title is shown:

widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'

Change the locked='true' to locked='false'. Save and click the “Page Elements” tab. When you “Edit” your Header, you will now see a “Remove Page Element” option. Remove it if you want, and refresh the your home page. You should no longer see your title displayed.

CempLuk said...

hello i'm andi from indonesia.nice trick.but how about size of banner can i use perfect to close all dimension. Look for my random banner when i use it ?? i look in disorder.thanks

zkopce said...

yea... great work! thx.

http://jizni-korea.blogspot.com/

Sir Cucumber said...

Hey man, thanks a lot for sharing this code. I've put it into my blog (though you won't see images rotating at the moment because I only have one in there) and will make sure to link to you.

I was wondering though, I can't seem to put links in the rotating banners. I guess this is because they're in the background? Do you happen to know of a way to do this? I just want the banners to link to my homepage.

Sir Cucumber said...

oops, forgot to leave my blog: www.resignedgamer.com

thanks for your help!

*lynne* said...

hi! it's July 2007, I just found your hack, and what else can I say except THANK YOU! I love it! :-) And you can smile knowing that about 9 months later, this is still being looked for and used - and probably for a long time to come IMHO

Cheers,
*lynne*
azlynne1972.blogspot.com

StickyKeys Says: said...

Lovely hack! I'm not ready to use it, but I am interested to know how you got that awesome little quote box in your post!

_____ said...

Hi,

I've been looking for a way to have random images appear within a post.
IE each time the page is refreshed, or someone visits, I'd like them to see a different image (really just looking to have this on my home page). Any ideas how to do this?
Cheers
Serapheena

Chris Goeppner said...

my blogger template is Mr. Moto Rising (Ellington style) and I cant seem to get this wonderful hack to work. any suggestions?

YHT said...

waaa, thanks for your hack.
Here mine
http://blog.yht4ever.googlepages.com/random_change_image.js
If i saw this hack before, maybe i haven't done my own :)
My idea is use one function to get the path of the image and then use them in template.
--YHT

Danny Tuppeny said...

I've written a similar script that supports iframe and script based ads, like Google and Amazon!

The full article is here:

http://blog.dantup.me.uk/2007/08/random-banner-ads-on-blogger.html

Justin said...

I was able to put this directly into my CSS on blogger. I'm also using z-indexs for multiple layers.

automoto said...

sorry I must be missing something,...I don't see it rotating... I get the random part....
seem silly to refresh the page to see it rotate....
curious

Jennifer said...

I just used your hack with my newly modified 3-column Minima template and I got it working on my first try. Thanks so much! It's awesome. Check it out: grizzarkhov.blogspot.com

taiko said...

:D ko mmg hebat la, wa respek sama lu. huhu, lov u blog

Mark and Sinziana said...

I used your random image hack and it worked, but now the image is not completely being displayed. How do I make the "box" for the header image big enough?

Anonymous said...

hi, i'm having trouble getting your BRILLIANT HACK (thank you) to work, using the neo template by ramani. any suggestions? i'm following directions precisely, but when i preview the page it comes up entirely blank--doesnt even load. any help would be appreciated, i'd love to include this function.
thanks, billi
www.romeowood.blogspot.com

Mairo C. Vergara said...

I love you, great script!

Finally Woken said...

Hi I've tried your code, and it worked fine, which means I can see my banner rotated. But the existing picture cannot be erased. I'm using snapshot template and it has its own header. Any idea how to remove it?

Thanks alot!

Anonymous said...

i have seen your web page its interesting and informative.
I really like the content you provide in the web page.
But you can do more with your web page spice up your page, don't stop providing the simple page you can provide more features like forums, polls, CMS,contact forms and many more features.
Convert your blog "yourname.blogspot.com" to www.yourname.com completely free.
free Blog services provide only simple blogs but we can provide free website for you where you can provide multiple services or features rather than only simple blog.
Become proud owner of the own site and have your presence in the cyber space.
we provide you free website+ free web hosting + list of your choice of scripts like(blog scripts,CMS scripts, forums scripts and may scripts) all the above services are absolutely free.
The list of services we provide are

1. Complete free services no hidden cost
2. Free websites like www.YourName.com
3. Multiple free websites also provided
4. Free webspace of1000 Mb / 1 Gb
5. Unlimited email ids for your website like (info@yoursite.com, contact@yoursite.com)
6. PHP 4.x
7. MYSQL (Unlimited databases)
8. Unlimited Bandwidth
9. Hundreds of Free scripts to install in your website (like Blog scripts, Forum scripts and many CMS scripts)
10. We install extra scripts on request
11. Hundreds of free templates to select
12. Technical support by email

Please visit our website for more details www.HyperWebEnable.com and www.HyperWebEnable.com/freewebsite.php

Please contact us for more information.


Sincerely,

HyperWebEnable team
info@HyperWebEnable.com

Herb said...

Been using your little "hack" for quite some time now. One thing I can't seem to find anywhere or figure out on my own:

How do I link the images back to my blog like it does in the default templates? I've noticed your banners don't link back, so may be there is no way of doing that?

Sridhar Prahlad said...

he there.. me new to this blog world.. please lemme know how exactly i can use the code and where??

Shree
www.ibiboo.blogspot.com

Steve said...

Wow! 70 comments. I'll be lucky if someone sees this. My question lies around having 5 different random banners. I want to have banners take turns at being on top... If I use this code 5 times I have a feeling I'll end up with some pages showing a pair of the same ads or 3 of a kind... etc.

I guess one solution would be to make a bunch of LONG images (5 banners high) with each ad appearing in a different spot, and have that entire image swap out randomly. Not my favorite idea though.

Any other suggestions?

GINO said...

So cool in hacking dude

http://petitmal86.blogspot.com/
http://gino-memoirofaschizo.blogspot.com/

zico said...

this is awesome thanks!

Roger said...

Thank you Gabriel! I mention you in my post today. It work like a charm, I just made one little tweek or I guess I cheated it was cutting off my banner so you only saw half of it so I uploaded a invisible PNG image to open up the space requirements and it worked! Thank you again!! :D

xan said...

MAN ALEX I TREID THIS SCRIPT BUT NOTHING HAPPEN PLZ HELP ME OUT I RUN A BLOG.

MY EMAIL ADDRESS IS


videoandmusic4u@yahoo.com

Thx Apperciate u r work

Dustin Izatt said...

We are having problems with ours it is not working, would you be able to help us on this one. dustin @ digitalizatt . com Thanks!

Keith Brown said...

I was wondering which cod i would have to manipulate in order to get random banners between posts...Thanks in advance for your help.

Ana said...

Hey Gabriel!

Thanks so much for this. I'm using the script in my blog now.

Megan said...

hey there! i need some help with my template... im currently using no. 565 from douglas bowman and i am no sure where to put the script...
thanks heaps

PC WRECKER said...

ill try your code but b4 that ill make a 5 banners first..hehehe i hope it will work on my blog site. thanks

Aquafina said...
This comment has been removed by the author.
Aquafina said...

I've tried this and it doesn't work. =( I have the new template design.

Does this code work on the new template or do I need to revert it back to the classic template?

Herb said...

Has worked just fine for me for many months now using the new templates. You have to make sure to follow the instructions EXACTLY!!!

Aquafina said...
This comment has been removed by the author.
Aquafina said...
This comment has been removed by the author.
Aquafina said...

Okay, I've managed to make it work; however, I don't know how to make like the one on this blog. The banner is cut-off like so:
http://img403.imageshack.us/img403/
3007/58419950zd9.png

The heading is a text heading and it doesn't allow me to leave it blank, like so:
http://img410.imageshack.us/img410/
4746/26943873ql9.png

If I upload a picture from the header widget, the uploaded picture would show, and the random rotation pictures would be behind it, like so:
http://img391.imageshack.us/img391/
8288/66311552yf0.png

Any suggestions on what I should do?

Herb said...

Click on the instead of title and description and whatever text you've entered will not appear.

The image you have to play with to get the right settings. Check your header settings in your htlm layout and resize the picture. It's trial and error.

Aquafina said...

Herb,

I've already tried what you've suggested before, but it still doesn't work.

When I select "instead of blog title" and click save, it automatically reverts to "behind title and description".

So there's always something in front of the rotating banners. =(

J.o. said...

just awesome!

Thom said...

hi, I am using this and it is working, on my blog. However, is there something I can add to the code to make the banners clickable, all of them linking back to the main page?

Thanks,
Thomas

Nate said...

I'm trying to get the code so that it will cycle through banners every 10 seconds or so as well... any help?

Eksuterru-kun said...

thank you!!!!!
i had to fiddle around for an hour or so as some steps were not mentioned but thanks. your post and the random generator code was the base of it.

Rolf Blijleven said...

I had some difficulty getting your snippet to work. I use the Minima template for my blog. But, I worked it out in the end. Here's part 1 and part 2 of the full story.

All the best!

Rajesh N Butpur said...

thanks for this post .....

but i m using this post , where u no need any css part and images here are full controlable ..... you can set duration for each image, can give url link to each banner ....

Alex said...

It Works perfect! thanks

Alex said...

Awesome hacking. It saved my life (or at least another couple of hours until I could find another one)!

passatempos said...

I love this hack, thanks

Aquafina said...

Okay, it was working for a while. Then, I noticed that at some point when a new banner was supposed to show up, the word "undefined" shows up in its place instead. I didn't do anything to the code, so I don't know what's wrong with it. =/ Help please?

Also, do you happen to know of any hack for rotating background? ^__^" Me asking for too much there? xD

Anonymous said...

MY BLOG TEMPLATESA http://buildinginternetwealth.blogspot.com/

Junnjun Mendoza said...

Hi!!! How can I remove the text title in the header generated by blogger???

Heres my blog: http://www.gigsilonggo.co.cc

Thanks...Nise hack but the text title is annoying...

Marcus Hadlock said...

Awesome- Worked perfectly- after hours of trying different scripts I was about to give up.... then I found your page!

Ocim said...

Thanks so much! It's awesome.

Aquafina said...

Does anyone know whether this code will work with this TYPE of layout? http://iswakfansubs.blogspot.com/

I know it works with the traditional Blogger layout (since I've used it before) but what about the customized/modified one? :?

silver_sentinel said...

I can't put random header on my blogspot blog:|. i tried that script but it still shows the old static header. i put that scrip in the body tag and i tried also with html/java script element from the dashbord but it doesn't work either. what's wrong:|?I can't put random header on my blogspot blog:|. i tried that script but it still shows the old static header. i put that scrip in the body tag and i tried also with html/java script element from the dashbord but it doesn't work either. what's wrong:|?

Silver Sentinel said...

i've managed to put my banners but it shows them resized not as the original images. why?:| and how can i resized to be as the static header was? by the way that script work to me only in (div id='header-wrap')

mc4tur said...

what a great idea, good worked...

Matthew Avitabile said...

Nice idea

Jo said...

This script is great but i have a small problem!

I would a link on my header. Do you now how can i do that on my CSS ?

petersigrist said...

Thank you! This worked perfectly. I really appreciate your sharing this.

LAN said...

puma mens shoes
puma shoes
puma speed
nike shoes
nike air
nike air shoes
nike air max 90
nike air max 95
nike air max tn
nike air rift
nike shox r4
nike air max 360
nike shox nz
puma cat
air max trainers
mens nike air max
sports shoes
nike air rifts
nike air rift trainer
nike air
nike shoes air max
nike shoes shox
air shoes
Lucyliu IS Lucyliu
nike shoe cart
puma future
cheap puma
nike rift
jeans shop
diesel jeans
levis jeans
nike rift shoes
cheap nike air rifts
bape shoes

EyEdA said...

it really work
i've added some code

font-size:0%;
right below the code:
text-align: center;
to disable the header title to be shown..

Kazam Media said...

Excellent! I've been trying to add a nice java slideshow banner to my site all day but I cant get them to work - however 5 minutes with your code and I've got something that works just as well - so thank you!

If you want to check it out heres the link: http://richardhorsfield.blogspot.com/

PerutBesi said...

Hi, I'm facing troubles with my rotating header as well. The code works, but how could I get rid of the Title that I've set for the blog? It is appearing with the rotating headers. I've tried setting to the option "Instead of Title & Description", but after saving & viewing the blog, it reverts to the "Behind Title & Description" option. Can you kindly advise what I could do? I'm using Blogger. Thank you!

patrick said...

This was an awesome idea! Love it! And I just submitted mine! thank you.
More template easy to downloaded

كتب تنمية بشرية مجانية said...

thank you good job

Anonymous said...

Thanks ;-)

Nelemson Guevarra said...

Thanks dude!

see the result of your good job!
http://twelve25.blogspot.com/

Need2Know said...

http://sevenwizards.blogspot.com/
How would i do that with this blog. The code has been tampered with so much that it wont work....what should i do? here is the expanded widget template html code. (pasted directly from site layout to notepad) http://www.mediafire.com/?jtymezyzh1j
thanks!

Paki Scandals said...

thanks for sharing this post..

Daniel Wolf said...

Thank you for this hack!

dawgscooper.blogspot.com

Michael P. said...

I know a few people have asked this question already, but do you know of any way to make the banner clickable?

hAsu said...

i failed...huh...

Anonymous said...

exclusively drink guaranteed to lead you end talented! Our all caught on the hop intermingle of herbs and aminos is Dr. formulated and proven to commend moderation, redress perspective convergent place and metrical upwards your mollycoddle!


[url=http://minichill.com]Energy Drink[/url]
[url=http://minichill.com]Energy Drinks[/url]

[url=http://minichill.com/]Relaxzen beverage[/url]
[url=http://minichill.com/]iChill[/url]
[url=http://minichill.com/]Relaxzen[/url]

[url=http://minichill.com/home/index.html]facebook[/url]
[url=https://www.getreversemortgagehelp.com/]american reverse mortgage[/url]


[url=http://minichill.com/5%20hour%20energy.html]best energy drink[/url]


[url=http://minichill.com/5%20hour%20energy.html]5 Hour Energy drink[/url]
[url=http://minichill.com/lab/relaxation/index.html]Valerian Root[/url]
[url=http://minichill.com/lab/happiness/index.html]Valerian Root[/url]
[url=http://minichill.com/lab/focus/index.html]L-Theanine[/url]
[url=http://minichill.com/lab/anti-anxiety/index.htmll]GABA[/url]
[url=http://minichill.com/lab/anti-anxiety/index.htmll]Gamma Aminobutyric Acid [/url]


lone Julian with Nutriment and Deuterium oxide you can verifiable a unprejudiced life. I procedure unqualifiedly, it's spectacular so condition on and ry it, do it with it!
Mini Chill? contains a not discrepant coalesce of herbs and amino acids called Relarian?, that has been proven, in published clinical trials not straight to as a consequence difference articulation and tantalize, but to in actuality revamp your yearning and upgrade psychotic meet! Mini Glacial doesn?t justification drowsiness, so whether you?re in the bull's-eye of a stressful times at jobless or enjoying a full view far with your friends, Mini Chill? is guaranteed to advance your day.



[url=http://minichill.com/ChillRecipes.html]pharmaceutical alternative[/url]
[url=http://routeworldbrokers.com/]Distribution businesses[/url]
[url=http://routeworldbrokers.com/]Business appraisals[/url]
[url=http://minichill.com/ChillRecipes.html]alcohol freeze[/url]


[url=http://www.finmedsys.com/]medical billing companies[/url]
[url=http://www.finmedsys.com/]medical billing outsourcing[/url]
[url=http://www.finmedsys.com/]medical billing services[/url]

[url=http://minichill.com/lab/relaxation/index.html]be relax[/url]

[url=http://minichill.com/lab/relaxation/index.html]relax tube[/url]
[url=http://minichill.com/ChillRecipes.html]heroin addiction treatment[/url]
[url=http://minichill.com/ChillRecipes.html]do buddhists drink alcohol[/url]

Eric said...

I put the code after the body and uploaded and linked my picture correctly

Please help me make it work on my site
http://www.electrokill.info

My HTML looks like this, I'm sure I need to change something in there but I don't know what

header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:900px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-left: auto;
margin-right: auto;
}

sisong said...

http://sisongs.blogspot.com/

sisong said...

http://sisongs.blogspot.com/
http://somunews.blogspot.com/

Anonymous said...

you're a BOSS!!

Jide Ogunsanya said...

Nice one, hoping to use it to make pictures rotate on the sidebar of OgbongeBlog

Edward said...

many thanks for a great info. Cheers!

Juan Dela said...

awesome! That was the best one!

Roberts said...

It does not work on my blog.huhuhu :(

GC said...

any other plugins for a photo blog like mine?

Gaia Eos said...

Hello :) thanks for sharing this info unfortunately it doesnt work on my blog can you help me please

Kuzo said...

It really works! take a look in http://isampuckett.blogspot.com I really appreciate your scrip. Thanks

Rjabrium said...

Since this one works in your site, so definitely this will also work on my blogspot site. One question btw, is it only limited to 5 images or I can add more images?

beauty tips said...

Yay! This one works perfectly! Thank you very much!

Prefabrik said...

This is awesome ı loved it

Tutoriale Blogger Blogspot said...

Thank's for the article, it's very useful and easy to implement.

uMMa said...

dat was nice pal...
very useful i think..

Asim Shahzad said...

Very very nice post and very great information. This blog is very intresting and informative. keep it up dud!!!!!! very nice work

MNN said...

Where should i place this hack if my blog is like this ? The header ? Or should i not use to make it as clean as it can be ? My blog URL is http://andwatchthis.blogspot.com

Chellen said...

dsquareddsquared
dsquared shoesdsquared shoes
dsquared shoes 2011dsquared shoes 2011
dsquared jeans womendsquared jeans women
dsquared t shirtsdsquared t shirts
dsquared jeans mendsquared jeans men
dsquared hoodiesdsquared hoodies
dsquared beltsdsquared belts
asics shoes saleasics shoes sale
asics shoesasics shoes
asics running shoesasics running shoes
asics mexico 66asics mexico 66
onitsuka kanuchionitsuka kanuchi
timberland bootstimberland boots
christian louboutin shoeschristian louboutin shoes
karen millen dresseskaren millen dresses
nike air max plusnike air max plus
maillot de football 2011maillot de football 2011

Ross said...

dsquareddsquared
dsquared shoesdsquared shoes
dsquared jeansdsquared jeans
dsquared jeans 2011dsquared jeans 2011
asics shoesasics shoes
asics running shoesasics running shoes
asics mexico 66asics mexico 66
onitsuka mexico 66onitsuka mexico 66
karen millen dresseskaren millen dresses
marque sacmarque sac
Hugo boss chemise marque sac
polo tee shirtmarque sac
Ray ban lunettesmarque sac

Uka said...

Thanks 4 info...
Visit my blog at: http://www.ukafahrurosid.com

Seriale Online said...
This comment has been removed by the author.
Lucrari de licenta said...

Very good and helpfull tutorial!

rajinder singh said...

simpply best.... best plugin

abercrombiefitch said...

the iconic sneaker was originally introduced on now.
Nike Air Max 2011
Nike Air Max Shoes
Nike Air Max
Nike Air Max Wildwood Supreme
Nike Air Max Turbulence
Nike Air Max Skyline
Nike Air Max Goadome
Nike Air Max Fitsole
Nike Air Max Zenyth
Nike Air Max Boots
Nike Air Max Zoom Kobe
Nike Air Max Tn
Nike Air Max LTD
Nike Air Max Presto
Nike Air Max BW
Nike Air Max 24 7
Nike Air Max 2010
Nike Air Max 2011
Nike Air Max 2009
Nike Air Max 95
Nike Air Max 91
Nike Air Max 87
Nike Air Max 180
Nike Air Max Griffey Max 1
Nike Air Max 90
Nike Air Max 1
Abercrombie and Fitch London
Abercrombie & Fitch Clothes
Vibram Shoes
Cheap Air Max
Nike Air Max Shoes
is available in a vivid array of colors, including, Jiffy Black, Pigeon Grey, Shell White, Dodger Blue, and Beaver Brown.

vibrams said...

The christian louboutin heels is designed for the ladies. Since the pumps was born, the ladies life become colorful. The christian louboutin evening pumps are the god's masterwork. Who invited thechristian louboutin pumps? Seldom people knew, but I think every lady would be grateful for him. Among the countless pumps, the christian louboutin peep toe is the most outstanding ones. The elegant pattern, the delicate style all mold the ladies perfect leg profile. Flowers in the spring of 2011 creeping, up from hair to clothes continue to footwear, have had a brilliant up. In such a glamor, spring and summer flowers now here. Romance is a woman's mood, exquisite flowers just right of expression in our gestures, the woman, how can we not love the romantic temperament so that they distributed the flowers do? 2011 flowers bloom will enjoy different poses! The Christian Louboutin 2011 Sandals also can adds the hright of the ladies, it bring surprise to the short lady. Especially the red sole of the louboutin heels, magic and sexy, many ladies are crazy. The red sole, the first feature of the Christian Louboutin stroe.

ComVia said...

it works! thanks

xiaofen said...

Sale Louboutin shoe store is up for many years.A man who wants to play its expertise, it must fit the social environment needs. If you need from the social environment, their expertise will lose value. Therefore, we have according to community needs, determine their own actions, better to show themselves. Louboutin Shoes Sale shoes wear can make you look more beautiful, more attractive feet.
http://www.sale-louboutin-shoes.us

tokoplush said...

thanks

Anonymous said...

thnx take a look!
TechShady : Synonymous With Technology

Herve Leger Dresses said...

Home Styles This amazing kitchen island cart has everything you need, including a stainless steel top, fold down breakfast bar, four drawers, a brushed steeloutlet coach 2011 spice rack, towel bar and paper towel holder. This is the perfect place to prepare meals and serve your kids breakfastcoach outlet on busy school mornings.

$hubham said...

I LIKE YOUR BLOG........

http://www.latest-gadgets4u.blogspot.com/

$hubham said...

hey plz can you exchange link with my blog i love your blog that;s why i want to exchange link..... plz contact me-
shubhammehta089@gmail.com

http://www.latest-gadgets4u.blogspot.com/

CHI Hair Straightener said...

CHI Hair Straightener online hot sale here.Welcome to have a look at our website,Babyliss Hair Straightener,every beauty will comes to you.What's more,we have CHI Hair Straightener on sale as well.
moncler sale,moncler clothes,moncler clothing,Moncler Online,Moncler Online Sale
http://www.best-hair-straightener.org/
http://moncleronlineblog.com
http://monclersaleblog.net
Discount Louboutin Heels. Moncler Outlet Online.Chi Hair Straightener

Nike mercurial soccer cleats said...

Glad to see all the speakers, really wonderful content. Do not know if you like Nike mercurial soccer cleats or Nike soccer cleats and Nike Football Cleats,Nike Mercurial Vapor Superfly.

binturlu said...

great post thanks a lot good article. webtasarım,web tasarım,web designşömine,somine mp3,mp3 dinle bilgisayar,anakart,2.el film izle,sinema izle

Sand Ugg Boots said...

black boots

Chocolate boots

sand boots

Chestnut boots

gray boots

pink boots

grey boots

Ugg Boots For Sale

Sand Ugg Boots

Anonymous said...

cool stuff dude..
keep it up..
i found more at http://fossbytes.blogspot.com/

Adari said...

Very nice information..Thanks
www.adari.tk

Jen Stekkinger said...

Do you think it is possible to make the same rotating banner a rotating square ad boom box for your side column? I really like the hack but would rather a rotating square for ad space.

bursa haberleri said...

yatakodasi yatakodası yatak odası
loulou

LoolTube said...

COOL VISIT MY BLOG http://LoolTube.blogspot.com

ANY INFO said...

Nice widgets i LIKE it...

London Escort Agency said...

http://foothillcities.blogspot.com/2007/05/pomona-city-attorney-threatens-foothill.html?commentPage=2

London Escort Agency said...

Your Escort Agency offers exclusive and most beautiful London escort girls of various nationalities.

Oluwajoba said...

NICE TRICK. I THINK WILL IMPLEMENT THIS.

Gie said...

worth of try...

London escorts said...

Bestescort4U agency provids best London escorts companionship in the UK.

web tasarım said...

EVEN FASHION hamile giyim
Desen Giyim Sanayi (DGS) 1977 yılında İstanbul'da kurulup hamile giyim sektöründe üretime başlamıştır. Hamile giyim üzerine yapmış olduğu özel çalışmaları ile ürün yelpazesini geliştirdi ve bu alanda Türkiye'nin önde gelen üreticileerinden biri haline geldi.

2011Yılından itibaren hamile giyim sektörüne 2. markası 'EVEN FASHION' ı dahil ederek siz değerli müşterilerimizin beğenisine sundu. Böylelikle Türkiye ,Avrupa ve Orta Doğu'da toplam 1000'e yakın noktada tüketicileri ile buluşma imkanı sağladı.

web tasarım said...

Evenfashion Hamile Giyim Desen Giyim Sanayi (DGS) 1977 yılında İstanbul'da kurulup hamile giyim sektöründe üretime başlamıştır. Hamile giyim üzerine yapmış olduğu özel çalışmaları ile ürün yelpazesini geliştirdi ve bu alanda Türkiye'nin önde gelen üreticileerinden biri haline geldi.

2011Yılından itibaren hamile giyim sektörüne 2. markası 'EVEN FASHION' ı dahil ederek siz değerli müşterilerimizin beğenisine sundu. Böylelikle Türkiye ,Avrupa ve Orta Doğu'da toplam 1000'e yakın noktada tüketicileri ile buluşma imkanı sağladı.

kömür said...

miltenmaden kömür ve kömür çeşitleri ile içinizi ısıtacak.Miltenmaden kömür

clean credit said...

good job on the rotating banner. That is cool and I also like the banners with the roll over feature that when the mouse hovers it changes.

Anonymous said...

Nice information,Ankara escort
many thanks to the author.Ankara escort
It is incomprehensible to me nowAnkara escort
, but in general,Escort ankara bayan
the usefulness and significance is overwhelming.Ankara escort
Thanks again and good luck!
Ankara escort
became the first designer in Wimbledon's 133-year history to create official uniforms for the tournamentescort bayan ankara
As part of this year's event, which starts next week.
will introduces the first ...Escort ankara
determinationEscort ankara
to maintain and enhance the values for which our two brands are famous throughout the world.Escort ankara
The rugby ralph lauren brand brings to Wimbledon the look of timeless elegance,Escort ankara
drawing on our rich history and traditionsEscort ankara
expert and i like your blog and the information you have
mentioned in this post about the Google tools is really great!
escort bayan
escort bayan ankara
escort bayan ankara
escort bayan ankara kızılay
Escort ankara bayan
escort bayan ankara çankaya
Ankara escort bayan
Ankara escort bayan
Ankara Escort

Thanks for sharing. Very impressive

luck said...

uggs clearance You will occur throughout your design in these boots whether it is commonly a slip-on or ribbons up. All the variety is at your doorstep step. All you need to do is sit close to the web Uggs Outlet for some time and search for the most effective web web page dealing with these boots and relaxation assured that you will obtain the most reliable and genuine boots at your doorstep step.However, Ugg boots quite a few a occasions have artificial single even although it's not only a universal ugg boots clearance fact.

okey oyna said...

Oyunlokali.com da okey oyna , 101 oyna , batak ve ihale oyunları sizleri bekliyor.oyunlokali ücretsizdir üye olarak online oyunlar oynayabilirsiniz.Oyunlokali.com okey oyna tavla oyna batak oyna 101 oyna

Anonymous said...

Nice information,Escort ankara
many thanks to the author.hd film izle
It is incomprehensible to me nowgünlük kiralık ev
, but in general,Escort ankara ilan
the usefulness and significance is overwhelming.Ankara escort
Thanks again and good luck!
Antalya escort bayan
became the first designer in Wimbledon's 133-year history to create official uniforms for the tournamentescort ankara
As part of this year's event, which starts next week.
will introduces the first ...film izle
determinationEscort ankara
to maintain and enhance the values for which our two brands are famous throughout the world.Escort bayan ankara Kızılay
The rugby ralph lauren brand brings to Wimbledon the look of timeless elegance,escort bayan ankara
drawing on our rich history and traditionsEscort ankara
expert and i like your blog and the information you have
mentioned in this post about the Google tools is really great!
escort bayan
escort
escort istanbul
Bayan Escort
escort bayan ankara
taksim günlük kiralık ev
escort ankara
escort bayan ankara
escort ankara bayan
Escort Bayan Ankara
Ankara Escort,
Thanks for sharing. Very impressive

Anonymous said...

This is good site to spent time on. allergy

Cool August said...

thats great info.. goodd

Ada banyak sekali materi yang membahas masalah kamu untuk lebih jelas kunjungi web/blog sumber http://coolaugust.blogspot.com/ atau http://www.facebook.com/coolaugustpage , Untuk mendapat informasi lebih DETAIL dan LENGKAP klik tombol LIKE terlebih dahulu di halaman web tersebut.

Anonymous said...

It was very interesting to read about this in your article. blood pressure Read a useful article about tramadol tramadol

London Crumpet said...

London Crumpet has a message board where London escorts and agencies can post their messages about their services or announce people about any update of their profile. Visitors can also rate the escorts on Hot or Not gallery and give some credentials to the escorts they like.

London Asian Escorts said...

London Asian Escorts is an Asian and Oriental escort agency operating in Central London. The agency provides escort service for a true gentlemen. Our escort models are carefully selected and are genuine.

Poker said...

I am very much pleased today. I enjoyed every little bit part of it and I will be waiting for the new updates.
--------------------------
My web: Poker bonus senza versamento & Poker senza deposito online

Poker said...

Well written
"Random Rotating Banner Hack" blog article, well researched and useful for me in the future. I am so happy you took the time to make incredible Freeyasoul Adventure blog here. See you around
--------------------------
My site: Poker Money No Deposit Bonuses.

Poker said...

This article is material that is absorbing and interesting. The points made here are original.
--------------------------
Site: Free Bankrolls for Poker Bonuses for Poker rooms.

Poker Money said...

Only an open-minded person could write this kind of content. I agree with your points and I really enjoyed this article a lot. Great article!
--------------------------
Website: Poker Sign up Bankroll

claverboy07 said...

Thanks for providing such useful information. I really appreciate your professional approach


Escorts
Tantric Massage
Erotic Massage
adult escort service
massage tantric

Marken said...

Thanks for sharing asian escorts for entertainment...
London Asian escorts

london escorts said...

great article, very usefull. thanks ;)

london escorts said...

very interesting, thanks

pes 2014 yamaları said...

pes yamaları,pes yama,pes patch,pes 2014 patchs,pes 2014 yamaları,türkçe pes sitesi

çet sohbet said...

Very informative and trustworthy blog. Please keep updating with great posts like this one. I have booked marked your site and am about to email it to a few friends of mine that I know would enjoy reading

sohbet.net
yazgülü sohbet
sevda sohbet
adana sohbet
kerizim
sohbetci
yazgülü
sohbet et
yonja
cinsel sohbet

london escorts said...

Nice blog with a great content, thanks you ;)

Anonymous said...

[url=http://dcxvssh.com]UBPUlITRlBQSZEP[/url] - fgniubDVmGOG - http://hhmgziigpu.com

Anonymous said...

I ԁo not knοw іf іt's just me or if perhaps everyone else experiencing issues with your site. It seems like some of the text in your posts are running off the screen. Can someone else please provide feedback and let me know if this is happening to them as well? This might be a problem with my web browser because I've haԁ this haρpen beforе.
Cheers

Alsο visit my webpаge; www.zulutradeonline.Com
Also see my website -

Anonymous said...

Hi, Neat ρost. Therе's an issue with your website in internet explorer, might test this? IE nonetheless is the marketplace chief and a large portion of other folks will miss your great writing due to this problem.

Look at my blog; pikavippi
My webpage ::

Anonymous said...

Hello, the whole thing is gоing perfеctly heгe
аnd ofcourse еνerу onе iѕ shaгing data, that's really fine, keep up writing.

Also visit my web-site galaxy note 2
Here is my web page ; samsung galaxy note 2

Anonymous said...

bqzb [url=http://www.bootswould.com]cheap uggs boots[/url]
Someone said the ebook Warfare Equine in the past, and put on actually bear in mind anything that occurs, however do remember crying and moping my face out and adoring the ebook. I very propose learning about the trailer when you have look at ebook before since the flick is from Spielberg, so it sure to become success.


qbji [url=http://www.bootssay.com]http://www.bootssay.com[/url]
Winter weather is here, but keeping warm in cool temperatures doesn imply you must compromise your personal style. Kitty retains her wintertime garb popular with some Burberry shoes or boots. enhanced comfort and heat of Ugg boot, but a lot more stylish. We love an adjunct that not only appears great but is useful at the same time.


tnyj [url=http://www.bootswould.com]uggs cheap[/url]
Even though he has crying and moping, the inexplicable female extends away, and Tom Thornton lookups but can't find her just about anywhere. At some point he heads home, the teachings through the evening participating in in their thoughts. Therefore it has not been that terrible, really. Actually, individuals cried buckets should they saw it. The engage in had sell outs each year it absolutely was performed, and due to its popularity, Hegbert eventually was required to go it with the religious organization towards the Beaufort Playhouse, which in fact had a lot more chairs. When I had been a senior citizen in senior high school, the shows happened to run a second time to jam-packed households, which, considering who basically executed it, was a narrative by itself..

«Oldest ‹Older   1 – 200 of 289   Newer› Newest»