How to Fix the "Sharing is Caring" Icons in Community Blogger Template

November 20, 2009
This template is really cool. But weeks ago the 'Sharing is caring' button turns out having a problem. The reason why the icons does not appear because its using a free image hosting that was presently expired. To fix this problem you must host the Sexysprite.png image with your own hosting service. Or you can use my hosted Sexysprite.png image in this link: 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg6-GB4oKh4l2enBJkTc9bLOwB5Axh7gO508wRCD2vGOWOHdkhZTHlg4zLThq3SR6jKsffkNK96c7HRHZ6ZdHXxAEi0WfHs2OmiX3JF4B8CQMln5ummbHxHJFLz4V_bIS5oeYkYuqUJtw/s800/Sexysprite.png

But if you prepare to host it with your own hosting service follow the steps below.
  1. Download the image here and extract it.
  2. In the extracted zip file select the Sexysprite.png image and upload it to your hosting service and get the image link
  3. Now, login to your Blogger account. Go to your blog Layout > Edit HTML and find the codes showed below:
  4. .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg6-GB4oKh4l2enBJkTc9bLOwB5Axh7gO508wRCD2vGOWOHdkhZTHlg4zLThq3SR6jKsffkNK96c7HRHZ6ZdHXxAEi0WfHs2OmiX3JF4B8CQMln5ummbHxHJFLz4V_bIS5oeYkYuqUJtw/s800/Sexysprite.png') no-repeat !important;}
  5. After you find the codes change the red hightlighted link with your image link then click Preview if it is working and save.
NOTE: On the Edit HTML the quotation mark ' appears '&#39' with a semi colon ' ; '

    Update: 

    12/10/09: The images of the "Sharing is caring" that you about to download here is actually red in color and Community Blogger Template uses the same images except that it was blue. But in this tutorial we just need the Sexysprite.png image not the sharingsexy.png that is red in color. Community Blogger Template already uses a blue color "Sharing is caring" the sharing.png and we are not going to change that image, only the Sexysprite.png image. Below is an image to understand it more.