Animated DIV slide

Posted by Andy Bailey at 9 September, 2007, 12:36 pm
0

I’ve just been playing with some javascript to slide open a DIV tag, it’s really useful for my HelloStumbler plugin because it waits until the page is loaded and if the surfer came from Stumbleupon, it slides down a small DIV at the beginning of the post saying hello and requesting a thumbs up.
See the slide happen

Pretty cool eh? lol, It took a fair bit of fiddling about so I’ll see if I can update HelloStumbler to take all the pain out of it.

I learned it all at Harry Maugans blog, you can see the whole javascript here: Sliding/Collapsing Div

I noticed a HUGE spike in traffic last night for the Hide a rar file in a jpeg post, thanks to those whole gave me a thumbs up!

edit: I’ve also added a bit to detect if the surfer came via a Google search and display that instead. I might develop this a bit further and see what other detections I can put in there. That should be pretty easy, the tough bit comes when I want to make it into a configurable plugin easy enough to use for new bloggers!

Try this link to a google search for Hello Stumbler, click the 1st one down (or maybe lower by the time you read this) to come to a post here and you can see the google detection bit kick in when the page has fully loaded. yey! :-)




Popularity: 8% [?]

Category : Blog News | Code | Wordpress

How to make a Wordpress plugin with less than 20 lines of code

Posted by Andy Bailey at 7 September, 2007, 12:05 pm
11

I had a truckload of hits come to this site last night for my Hello Stumbler plugin, so I thought I would share with you how to make a plugin so you can publish it, stumble it, digg it and bask in your coding glory as it generates hits to your site!

hello stumbler code

continue

Popularity: 5% [?]

Category : Code | Wordpress

Hello Stumbler - Wordpress plugin for Stumbleupon visitors

Posted by Andy Bailey at 6 September, 2007, 3:49 pm
24

Here's a little plugin I made for Stumbleupon visitors, I got the idea while playing with the Digg This plugin.

Hello Stumbler plugin will display a note at the top of your post (or wherever you put the call) when it detects that the person viewing the page came through the Stumbleupon button and ask them to give you a thumbs up.

Simply download the plugin, upload it to your plugins directory and activate it. Once you have done that, go to your single post template page and add the following command under the entry-content line (click image to see example).

PHP:
  1. ?php if (function_exists(hellostumbler)) { hellostumbler();}?>

Hello stumbler example
It's as simple as that! I have tried it by showing the link if this blog is the referring page and it works, hopefully it will do the same when the post is stumbled upon with the toolbar button (it'll take me ages to stumble and stumble until this post shows to truly test it, but it should work!).

If you came here via a stumble button press, please let me know if you can see the "thanks for stumble-ing" message at the top of the post. thanks!

Download the plugin here Hello Stumbler

[edit]To see a tutorial on how I made this plugin, see here: wordpress plugin sourcecode tutorial

Popularity: 6% [?]

Category : Code | Wordpress
19 online now
the most online was 176
elottery Ajax commentluv
Sponsors
available ad space available ad space available ad space available ad space available ad space available ad space