Kelt Dockins
  • Technology
  • Blackboard
  • Resume
Google+ Weebly 04/03/2012
0 Comments
 
I like Weebly's social integration with Facebook and Twitter but it is missing Google's +1 integration. 

To add Google+ to my Weebly blog, I just add two javascript includes to my website footer (header won't work because we require Prototype.js first).

I can add scripts in my Settings > Search Engine Optimization (SEO) e.g, see the picture on right.

If you'd like to replicate this on your Weebly blog, you can probably do the same as I've done below.
Weebly Settings
As a side note, I am assuming Weebly uses similar identifiers for all it's web sites when it renders the ${content} section of blogs, so if that is true then hopefully my scripts should work for your Weebly blog too. If not, let me know... and if you'd like to know more about this weebly.google.plus.js script keep reading...

Read More
Add Comment
 
Nostalgia with CSS Sprites 03/03/2012
0 Comments
 

Why?

I'm organizing my computer files (Spring cleaning) and I stumbled upon this thing I made back in 2008 (4 years ago) and it cracked me up. So I decided to share the laughter.

What?

I made this a long time ago to experiment with css, sprite images and object oriented prototyping in JavaScript. It tracks your mouse movement and assigns a proper section of the sprite depending on mouse location.

How?

If you like your whiskey straight from the bottle then I won't bore you with lots of details and you can skip straight to the source code or the index.html. 
Just so you don't call me a liar, note that this version doesn't have prototype in it, even though I said I was experimenting with it. As it turns out, I did away with it and used jquery instead long ago. Weebly doesn't like jQuery so I made a Prototype version to keep from breaking some other stuff I have. You've made it this far, so if you want to see more details then keep on reading... 

Read More
Add Comment
 
Language Tag Cloud Creator 02/08/2011
0 Comments
 
Today I made a tag creator that uses Google API and translate. This will allow me to provide a text ("hello world") and then create a tag cloud from this text. It is not a true tag cloudsince the sizes of the words are random and there is no popularity logic to determine the size. I just randomly assign a tag class to each tag and let the CSS take care of the layout.

Here is an example to create a language tag cloud from the English words "Your mother is very nice"


    So how do I create this? I include jquery.langCloud.js (and jquery.translate.js) and create a ul object 

    The size means that I will get around 10 translations of "whatever" for the language tag cloud. Feel free to download the language tag cloud generator and use however you see fit. Make sure you also download jquery.translate.js or this won't work.
    jquery.langcloud.js
    File Size: 2 kb
    File Type: js
    Download File

    Add Comment
     

      Kelt Dockins

      Deafie, geekie, techie, chewie

      (click me to make bigger)


      (Likes)

      The Boondocks The Simpsons PlayStation

      Super Mario Bros Wii Diablo II Baldur's Gate Dawn of War

      Googlism Star Wars King of the Hill

      Lord of the Rings American Dad Linux Operating System

      American Sign Language Sanfu Comics What has 2 thumbs and watches the Watchmen? This guy!


      Social Networking

      Professional Resume
      (Linked In)

      View my profile on LinkedIn

      Categories

      All
      American Sign Language (ASL)
      Artificial Intelligence
      Bash
      Bioinformatics
      Blackboard
      Css
      Java
      Javascript
      Jquery
      Linux
      Machine Learning
      Math
      Php
      Programming
      Systems Administration
      Technology Innovation

      Archives

      March 2012
      February 2012
      January 2012
      November 2011
      October 2011
      September 2011
      April 2011
      February 2011

      RSS Feed


    Create a free website with Weebly