With the release of Cute Box blogger Template I also released some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage. This widget helps readers to bookmark your blog’s homepage on their favourite bookmarking services like Google bookmark, Stumbleupon, Delicious, Digg etc. It contains icons from our Circular Style Social Media Icon Set. This is how this widget looks like,
To add this widget to your blogs, follow these steps,
- Go To Blogger > Layout
- Click Add a Gadget or Add a Page element
- Choose HTML/JavaScript
- Inside HTML/JavaScript paste the code below,
<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsoTUQMW2jw_7JvU2rLOfQM4fzPOwNsTYYfw60mrNWmPQU9QVVFWBPma_YbMzYyAUvPKu9K4QbVYytTervPgHGnGzoeF2HJUVVDnU1TtlcQoINkmwFTccegLolOmL7rKkIQec7p6wSSs8/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkN_zgKKeRr-dkt5kLcOoJoy2139ZS4SQ8EyAYHeuWqgdJfDr_EtJno7VjFwkunn5ng6GUQVrvXnZb_YS-llmsqTnOMgEGfwHqEK3tHvudw9nFFMlNGeMYiRhxCueCDbtkH1DOwaWZ26E/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td></tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdk43aDWKi0iq1PRn0wkWYwPRWoOI67dkCvuENj0jQPFHt8yoiAfWQGoqpBLRmLkAxoJ988FhBJY-GUM1OlWyZvb8nnEM6HPFm2eeiP4LPbzn06r7W8sVqbcNATMFBwcXNLx91nMDjc-I/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6-w5AfTyyDQ-ZIO255j8WOMsfni5XS22QSYmHkYL_5TNMqONpDmtfjVNEbtZQE5u3W3LZrEa8UjwxNlBVSa88wiSpeQbu_A1qEWqONcbtNd-NEcZ5fyCZZYSuB41meaIw3rb2_GuaGEs/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr></tbody>
</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7h0UN16kxuCcUSeh_jzY3hdMqvwbelHoFQO9NllldtcsBHqEW1vD8xNer7S9_vV8QEWqJKm7cCM3t2Vy_wdqwkZfoX5P09cGsUDkMwMn93d7pj1KHtLVcuuS6u_gdoA99jfBhr661vpo/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr><tr>
<td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPR3bhnOXbHZRd6HoPsJjQyhfRx4nnhzmJtxk5H7bd0SDcGehEkrQjNxo1iDSgkvBU93UonYsKULIUymNDV-kydLm__ThIiPId4Bp_zslnV2-4Iw3ewp33eRm1QEIBlkLsaKZlI1UJfc/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiNGhGecrMc1gr4OS1dSypQWLsJK6WJxLh2IdSpdL-BVo9lUM4j9tbjVGcsBAGVV348xbXgOfutzoahUCT0jGCqLhl-mAUb8c6z5dDYqRcdOfRY6sHKzdnZSCoPXMhQytDUpP63pjjzo1v/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>
Remember to replace YOUR-BLOG-NAME with your Blog’s good name and the Subscription Link i.e http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US with your own Feedburner subscription link. You can find your subscription link by going to the following location in your feedburner account, Publicize > Email Subscription . Just below Email Subscription page you will find a code as shown below,
Finally save your widget and preview your blog to see the new change!
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
This kinds of widget are mostly used in professional bloggers:)
ReplyDeleteI am glad you liked it Anup!
ReplyDeleteMohammad this widget is great. thanks. Many people are already using your widget. guess I must hurry too:D
ReplyDelete@Rahman
ReplyDeleteYou must hurry :>>
This is fabulous! But when I load it (Blogger site) it shows up really spread out...(vertically) and to the right a bit somehow. What am I doing wrong, any ideas?
ReplyDeleteThanks from a little doggie just learning this stuff!
@Mattiedog
ReplyDeleteWell this is how your widget must look like -> Cute Box Demo For Social Bookmarking Widget
If you are getting a different view then kindly share your blog URL so that I could check your CSS settings.
@neil
ReplyDeleteWhy are you adding it inside your template? :> Add it inside HTML/JavaScript widget and it is working just fine dear! I rechecked the code. Give it a second try :p
very nice widget, may Allah bless you, and give you power to do more. I think there are many people will like your work and your sharing.
ReplyDelete@ummufauzan
ReplyDeleteWith wishes from brothers like you nothing will be that tough to achieve. Same for you pal!
Nice one i am using it NOW
ReplyDeletethe previews was completely horryble and just make connection with tweeter and facebook
you are the heroe of my blog
Nice one i am using it NOW and also thank you for that
ReplyDeletesalam,
ReplyDeletei read ur article in vision 2010 ,i have made a blog which is also running very good but i need to make a blog just like ur blog .
here is the link of my blog http://funghar.com
i need to be
Best Sharing Widget . But could not insert . It shows an Error : Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
ReplyDeleteXML error message: The reference to entity "url" must end with the ';' delimiter. Please give us the Correct Code . Anyway Good Post !
@Anirudh
ReplyDeletePlease add the code only to HTML/Javascript widget and not directly to the template. Check this post for more ideas and widgets:
18+ Social sharing widgets
Thanks for the post....It was really helpful...
ReplyDeleteYour blog rocks!!!
Its working great. thanx dear.
ReplyDeletehttp://hottest-tips-and-tricks.blogspot.in/
Hello mohammad, is it possible to scroll down this widget with page. coz now its fixed at a specific position. so if its scroll down with page then it will be more helpful.
ReplyDeletegood
ReplyDeleteGreat widget! Thanks. It would be nice to have also a Google Plus button.
ReplyDeleteI am still confuse for Stumble Upon. Green one or red one?
ReplyDelete