“How to Write a Web Site” Group Project – Badge code

Two days ago I introduced a badge design I am doing for a new Group Writing Project by Brad Shorr of Word Sell and Karen Swim of Words For Hire. You can read about it here.

I made a few corrections and now, here is the badge. You can get it in several colors and optional rounded corners. If you do not see one here that works for you, I can send you the svg file that makes it really easy to make changes. If you are not up to that, I will customize it for you in exchange for a donation to CCC.

Here are each of the options with the code you need to put them on you site. Just copy the code, under the option that you like, into your sidebar. Make sure to select and copy all the code in whichever box you choose. It is all one line but it scrolls forever to the right.

Option 1

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3100/3258622370_c9b9c17330_m.jpg"></a>

Option 2

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3415/3258622438_8aba8101a1_m.jpg"></a>

Option 3

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3328/3257792497_3275aed424_m.jpg"></a>

Option 4

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3507/3257792515_5d0be79c11_m.jpg"></a>

Option 5

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3394/3258622516_fa0baf1be2_m.jpg"></a>

Option 6

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3409/3258622546_65ae405c49_m.jpg"></a>

Option 7

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3425/3258622566_02d3255728_m.jpg"></a>

Option 8

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3346/3258622576_05045c865a_m.jpg"></a>

Option 9

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3498/3258622590_0fd2980860_m.jpg"></a>

Option 10

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3264/3258622622_a1696ec62f_m.jpg"></a>

Option 11

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3355/3257792657_35021a9a86_m.jpg"></a>

Option 12

<a href="http://www.wordsellinc.com/blog/books/announcing-how-to-write-a-web-site-group-project/" target="_blank"><img src="http://farm4.static.flickr.com/3118/3258622666_3e7eaacec3.jpg?v=0"></a>
  • Share/Bookmark

Related posts:

  1. “How to Write a Web Site” Group Project
  2. One hundred comments on a single post
  3. My Favorite Flower – A Group Writing Project
  4. Group Writing Project: Goodbye Winter
  5. How did you find this post?
This entry was posted in Uncategorized. Bookmark the permalink.

0 Responses to “How to Write a Web Site” Group Project – Badge code

  1. Pingback: The About Us Page - How to Write a Website, Chapter 2

  2. Karen Swim says:

    Luke, your talent is endless! Thanks for the great badges in an array of colors – love it! I had a hard time choosing so I may switch them weekly. :-)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>