Friday, July 15, 2011

Introducing the Groovy Chicky Share Gadget for Blogger!

I've just created a new widget/gadget to go under every post of your Blogger blog. If you like it, please feel free to add it to your blog!

Before you do this, however, there are a few steps you MUST do (it's easy) before you incorporate this code into your blog:

1.  I would recommend that you make a copy of your template before doing any of this.  You can do this by going to SETTINGS and saving a copy to a file on your computer.

2.  Copy ALL of the code below (IN BOLD) into Notepad or Word some other notemaker software:

<!-- Groovy Chicky Share Start-->
<a href=''><img alt='' src=''/></a><style>
#wrapper{width:488px; height:110px; background-image:url(; position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
<div id='wrapper'>
<li><g:plusone size='tall'/></li>
<!-- Facebook button-->
<a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='' src='' width=''/></a>
<!-- Digg button-->
<a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='' src='' width=''/></a>
<!-- Stumbleupon button -->
<a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='' src='' width=''/></a>
<!-- Twitter button -->
<a class='twitter-share-button' data-count='vertical' data-via='tkgoforth' href=''>Tweet</a><script src='' type='text/javascript'/></li>
<a align='left' href='' target='_blank'><font color='#ff559c' size='small'>GROOVY CHICKY GADGET</font></a><br/>
<!--End Sharing Groovy Chicky Share Gadget>


3.  Enter YOUR TWITTER NAME in the TWITTER area where my twitter name is (in BLUE) that you pasted into Notepad (or Word, or whatever you used.  [Or, you can GO HERE to TWITTER and set up your twitter button to look different than the one I have.  Be sure to include YOUR TWITTER NAME information.  THEN paste all of that code EXACTLY AS IT IS within the red area.]

4.  Once these things are all done, continue....

Go to your Blogger Dashboard, and then go to DESIGN. Then go to EDIT HTML. Click on the check box to EXPAND WIDGETS.

Then, on the top of your browser, go to EDIT then FIND (or use ctrl+F).  In the "Find" box at the bottom of your browser, type in <data:post.body/> and then click the "next" button" on the right of it.  (You want to find this code in your template). 

Once you find this code, COPY AND PASTE the above code you copied into Notepad (and changed with your twitter name) just after the code. Preview it, and you will find that it will show up below every post! 

Let me know what you think!



  1. Hello, my name is Gabriel I'm from Rio de Janeiro Brazil in short I'm inviting you to join my blog, he talks about Rock. Well I'm counting on you.

  2. Ohhh I love it! May need your help in doing it on mine! :)

  3. Hey, Lisa! I could design a "classier" one for your blog, if you would like!


T.K. Goforth is a musician and author of the well-received book "Chord Piano is Fun!" She also writes a music blog called "Chord Piano Chick's Mostly Musical Musings.
Chord Piano Is Fun