Twitter Button to GeekswithBlogs/SubText Skin

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“

Print | posted on Thursday, July 23, 2009 9:03 AM

Feedback

# re: Twitter Button to GeekswithBlogs/SubText Skin

Left by Rob Miller at 2/13/2011 11:00 PM
Gravatar Your site is very useful.

Your comment:





 
 

Copyright © Lance Robinson

Design by Bartosz Brzezinski

Design by Phil Haack Based On A Design By Bartosz Brzezinski