Geeks With Blogs

News

qrcode

Lance Robinson

Create Your Badge

Lance Robinson is a software engineer in Durham, Chapel Hill, Raleigh, and surrounding areas. More about Lance.

 Subscribe


Lance's TextBox » About Me » My Resume »Twitter

I’ve always wished I could customize the skin on my blog at GeeksWithBlogs.Net.  GeeksWithBlogs is built on SubText, and of course its just a skin, but since GWB is hosting my blog and I don’t have control over the skin files myself I am limited to what I can do with it.

Well, today I finally did it, after some inspiration from John Resig (@jeresig) and his “Easy Retweet Button”.  I added a “Tweet This!” button to the footer of each post.

First, I modified the default styling of John’s retweet.js so that the tweet button matches the Cogitation skin.  Then I added an “updatediv” function using John’s own code, this new function just inserts the “Tweet This" button into the footer of each post, right next to the posted-date and the number of comments.  Here is the modified retweet.js.  My modifications are preceeded with an “//LR” comment.  You can of course modify it to alter other pieces of the skin, such as the postTitle or postText.

How to Use:

1.  Copy the retweet.js file to your own server and include it in your GWB page via Options->Configure->Static News/Annoucement.

<script src="http://www.textbox1.com/retweet.js"></script>

2.  If you use a skin other than Cogitation, you may want to edit the retweet.js file to use your own styling.  For that, see John’s blog post, under the heading “Configuration and Themeing“

Posted on Thursday, July 23, 2009 9:03 AM | Back to top


Comments on this post: Twitter Button to GeekswithBlogs/SubText Skin

# re: Twitter Button to GeekswithBlogs/SubText Skin
Requesting Gravatar...
Your site is very useful.
Left by Rob Miller on Feb 13, 2011 11:00 PM

Your comment:
 (will show your gravatar)


Copyright © Lance Robinson | Powered by: GeeksWithBlogs.net | Join free