Mashable Sharing Widget For Blogger

mashable sharing widget

The great social media blog Mashable is always an inspiration in whatever they do. I came across a great wordpress plugin created by inspiredmagz and they named it as mashable social bar. We downloaded their plugin and converted it to a blogger compatible form. We also managed to solve its compatibility issues for IE and further strengthened its HTML structure. This widget can now be used in every blogspot blog just with an extremely easy installation step. As you can see this widget contains links to your Facebook Fan page, Google+ page and recommendation button, twitter follow button, RSS and LinkedIn links and most importantly an attractive subscription form that will further increase the number of your Email subscribers. The conversion didn't took me very long and I am pleased to present it to all of you. Kindly see a demo first:


Live Demo

Add Mashable Sharing Widget to Blogger

  1. Go To Blogger > Design
  2. Click on "Add a Gadget"
  3. Choose HTML/Javascript widget
  4. Paste the following code inside it

<style>
/* Social Widget */
#MBT-mashable-bar {
    border: 0;
    margin-bottom: 10px;
    margin: 0 auto;
        width:300px;
}
.fb-likebox {
    background: #fff;
    padding: 10px 10px 0 10px;
    border: 1px solid #D8E6EB;
    margin-top: -2px;
        height:80px;
}
.googleplus {
    background: #F5FCFE;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #D8E6EB;
    border-left: 1px solid #D8E6EB;
    border-image: initial;
    font-size: .90em;
    font-family: "Arial","Helvetica",sans-serif;
    color: #000;
    padding: 9px 11px;
    line-height: 1px;}
.googleplus span {
    color: #000;
    font-size: 11px;
    position: absolute;
    display:inline-block;
    margin: 9px 70px;}
.g-plusone {    float: left;}
.twitter {
    background: #EEF9FD;
    padding: 10px;
    border: 1px solid #C7DBE2;
    border-top: 0;}
#mashable {
    background: #EBEBEB;
    border: 1px solid #CCC;
    border-top: 1px solid white;
    padding: 2px 8px 2px 3px;
    text-align: right;
    border-image: initial;}
#mashable .author-credit {}
#mashable .author-credit a {
    font-size: 10px;
    font-weight: bold;
    text-shadow: 1px 1px white;
    color: #1E598E;
    text-decoration:none;}
#email-news-subscribe .email-box{
    padding: 5px 10px;
    font-family: "Arial","Helvetica",sans-serif;
    border-top: 0;
    border-right: 1px solid #C7DBE2;
    border-left: 1px solid #C7DBE2;
    border-image: initial;
   height:35px;}
#email-news-subscribe .email-box input.email{
    background:#FFFFFF;
    border: 1px solid #dedede;
    color: #999;
    padding: 7px 10px 8px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border-image: initial;
    font-family: "Arial","Helvetica",sans-serif;}   
#email-news-subscribe .email-box input.email:focus{color:#333}   
#email-news-subscribe .email-box input.subscribe{
    background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
    background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
    -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
    font-family: "Arial","Helvetica",sans-serif;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #cc7c00;
    color:white;
    text-shadow:#d08d00 1px 1px 0;
    padding:7px 14px;
    margin-left:3px;
    font-weight:bold;
    font-size:12px;
    cursor:pointer;
    border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
    background: #ff9b00;
    background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
    outline:0;-moz-box-shadow:0 0 3px #999;
    -webkit-box-shadow:0 0 3px #999;
    box-shadow:0 0 3px #999
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
    background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
    -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #cc7c00;
    color:#FFFFFF;
    text-shadow:#d08d00 1px 1px 0}   
#other-social-bar {
    background-color: #D8E6EB;
    box-shadow: 0 1px 1px #FFFFFF inset;
    padding: 0px;
    font-family: "Arial","Helvetica",sans-serif;
    font-weight:bold;
    overflow: hidden;
    border: 1px solid #B6D0DA;
       height:37px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}
#other-social-bar .other-follow {
    float: left;
    color:#1E598E;
    overflow: hidden;
    height:20px;
    padding:5px;
    width: 270px;}
#other-social-bar .other-follow ul {
    list-style: none outside none;
    padding-left: 4px;}
#other-social-bar .other-follow ul li {
    font-size: 12px;
    font-weight: bold;
    display:inline;
    border:0;
    text-shadow: 1px 1px white;}   
#other-social-bar .other-follow ul li a {
    font-size: 12px;
    color:#1E598E;
    font-weight: bold;
    display:inline;
    text-shadow: 1px 1px white;}
#other-social-bar .other-follow li {
    font-size: 12px;
    font-weight: bold;
    display:inline;
    border:0;
    text-shadow: 1px 1px white;}
#other-social-bar .other-follow li a {
    font-size: 12px;
    color:#1E598E;
    font-weight: bold;
    display:inline;
    text-shadow: 1px 1px white;}
#other-social-bar .other-follow li.my-rss {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO8L7Uw5hY_oCh8y2gdQMuZAYNRtaYDPQMJspwUI15aq7kMtMjoh0Lvo6QAMPmLNakhy2BWEdL60_Ffm4CFcgDR_PJ93oLF9OkwoviSppCcVxf8KQ2FqBFJAu1XpAOoC9vzFqHQx6j9YE/s400/rss-16x16.png') no-repeat transparent;
    line-height: 1;
    padding: 0px 3px 1px 20px;
    width: 60px;
    margin-bottom:0px;
        margin-left:5px;}

#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}

#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}

#other-social-bar .other-follow li.my-linkedin {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5rI6t3w__T5b8iTsGKmjVX7qde9ffxujsPirjIPcliyQpU8THLJgc_uK_qdBwAAa_JrBcncx4FNrGuOXlhg0A0-rkODaigr96z2-h4hIat79fT39xQk7KvaF8gGYQKyIsMIEeAQHAraA/s400/linkedin-16x16.png') no-repeat transparent;
    line-height: 1;
    padding: 0px 3px 1px 20px;
    width: 60px;
    margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQ78mJT1k6GI9kSYC7ghujYo6wdViMdz5y25FWvp49kn5lNTyujR8DaQH8nzCMjUCH4sIRDESObbUJvgq8328rCaeT3nJDJTXUvJPM1v3_3B4ZeVHIm2Wyn_XZ0xfXE77UA76XYtV3UY/s400/gplus-16x16.png) no-repeat transparent;
    line-height: 1;
    width: 60px;
    padding: 0px 3px 1px 20px;
    margin-bottom:0px;}


</style>


<!--[if IE]>

<style>
#email-news-subscribe .email-box input.subscribe{
    background: #FFCA00;
    }
</style>

<![endif]-->

 

<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="MBT-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/bloggertricks&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;

font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus"> <!-- Google --> <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;

align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;

lang=en&amp;link_color=&amp;screen_name=mybloggertricks&amp;show_count=&amp;

show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box">

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">   
        <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" />       
        <input type="hidden" value="tntbystc" name="uri" />
        <input type="hidden" name="loc" value="en_US" />
        <input class="subscribe" name="commit" type="submit" value="Subscribe" />   
    </form>

</div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/tntbystc" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="LINKEDIN PROFILE LINK" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="http://plus.google.com/44448117245314564536" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.mybloggertricks.com" target="_blank" >Blogger Widgets »</a></span></div></div>

<!-- End Widget --> </div> <!--end of social widget-->

 

Make these important changes:

  • Replace bloggertricks with your Facebook username
  • Replace mybloggertricks with your twitter username
  • Replace tntbystc with your Feedburner title. Your Feedburner title is the word added at the end of your Feedburner link. Example: http://feeds.feedburner.com/tntbystc
  • Replace http://feeds.feedburner.com/tntbystc with your feedburner  link.
  • Replace LINKEDIN PROFILE LINK with your Linkedin profile link
  • Replace http://plus.google.com/44448117245314564536 with your Google Plus profile link

       5.   Hit save and you are all done!

Visit your blogs to see it working just perfectly. :)

Further Customization

I have set the width of the widget to 300px. If in case your sidebar is small or big, you may then have to adjust the two width values in brown highlight color. The first will set the width of the entire container and the second value will set the width of the subscription input box.

Credits

You are most welcomed to share this widget with your readers. You will have to give credits to MBT blog by attaching a link back to this post. You may also give credits to the author for the wordpress version of this sharing plugin.

You can also check 7 other sharing widgets with different look and style:

Do let me know if you needed any help. I am sure this new sharing widget will add a new life to your blogs. Peace and blessings pals! :)

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 »

76 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. thanks mohammed for this post you are really great waiting for more and more widgets

    ReplyDelete
  2. great,very nice i am like in Bloger and wordpress..

    ReplyDelete
  3. FINALLY!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!THANKS MAN UR THE BREST!!!!!!!!!!!!!!!!!!!!

    ReplyDelete
  4. Finally Mohd @ u r BEST .....Finest Creation Definatly Try On my superb Blog Look At This LiNK :-http://goo.gl/18WXh

    ReplyDelete
  5. Mohamed, Great widget. I am searching for a gallery template. Can you tell me a good gallery template. And it's for a template site. Please reply to this comment.

    Thanks,
    Irshad

    ReplyDelete
  6. thanks a lot dude , i have putted it on my blog tarsariya.blogspot.com and also on sadhakparivar.blogsot.com

    its really superb,jakkasss..., mind blowing,fantastic,wonderful,superb dupperb,beautiful,mind-blastin,.awesome,Unique, rapchik , fadu, fentabulas..... amazing...

    keep blogging dude (^-^)....

    ReplyDelete
  7. Added :) Did some changes though.

    I want to know how can we update google+ page automatically like we update our fan page & twitter page via rss. Is there a way to do it on G+ as well??

    ReplyDelete
  8. Hey Mohammed will this effect the website speed

    ReplyDelete
  9. lookin good
    http://softechnogeek.blogspot.com/

    ReplyDelete
  10. Thank you for this useful information!

    ReplyDelete
  11. tanx for this information...

    ReplyDelete
  12. Feels so great to read your gestures of happiness for this widget. Always welcomed buddies. Please always share it with your friends on facebook and google plus to help us in spreading the knowledge. Would be a much kind favour.

    @newtricksandtips

    Google is your best friend in this case. I can't mention a name here pal. :>

    @sam
    Unfortunately sam we all are waiting for this but Google+ is way too slow with providing developers a much open free space. They have not even yet introduced Brand usernames and we still need to use that long profile URLs.


    @Umesh
    You added several colourful words in my dictionary. Thank you! :>>

    ReplyDelete
  13. @Mohammad Mustafa Ahmedzai

    I am not even familiar with G+ because I have not used it much.. I feel boring when using it..

    Have you read my mail??

    ReplyDelete
  14. @Unknown




    www.facebook.com/COMPUTERS.TRICKS

    ask here

    ReplyDelete
  15. Hi Mohammed,

    Is there any way to take the facebook out of the widget, as I dont have a facebook account.

    ReplyDelete
  16. @Jo
    Just remove the following 2 things:

    From CSS:

    .fb-likebox {
    background: #fff;
    padding: 10px 10px 0 10px;
    border: 1px solid #D8E6EB;
    margin-top: -2px;
    height:80px;
    }




    From HTML:

    <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/bloggertricks&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;

    font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div>



    Hope it helps :)

    ReplyDelete
  17. This comment has been removed by the author.

    ReplyDelete
  18. the picture of person who like in facebook didnt exist...how to solve this problem?

    ReplyDelete
  19. my blog http://norasiyah-yahaya.blogspot.com/

    ReplyDelete
  20. @Norasiyah yahaya

    You need to login to FB to view those pics.

    ReplyDelete
  21. Hi mohammed ,

    when adding this to html ,error

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Attribute "rel" was already specified for element "a".

    what's the problem...?

    ReplyDelete
  22. sir,

    Waiting for reply...

    I added the first part before closing head and second part just below div id='rsidebar-wrapper'

    then XML error message: Attribute "rel" was already specified for element "a".

    please help me sir.

    ReplyDelete
  23. Is there anyway to remove the LinkedIn link from this widget?

    ReplyDelete
  24. This comment has been removed by the author.

    ReplyDelete
  25. @Rasy Stephens
    Please remove the following codes.

    #other-social-bar .other-follow li.my-linkedin a,

    #other-social-bar .other-follow li.my-linkedin a:hover,

    #other-social-bar .other-follow li.my-linkedin {
    background: urlundefined'http://4.bp.blogspot.com/-ht4UMG88lvM/TwHZFFgc-1I/AAAAAAAAFvs/BBmINSJhUsk/s400/linkedin-16x16.png') no-repeat transparent;
    line-height: 1;
    padding: 0px 3px 1px 20px;
    width: 60px;
    margin-bottom:0px;}

    <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="LINKEDIN PROFILE LINK" target="_blank">linkedin</a> </li>



    And there you go :)
    You have did it @-@

    ReplyDelete
  26. thanks for the widget... but it didn't work well on my blog here http://blog-id.info
    there's no border or image..

    ReplyDelete
  27. @Yogi
    Borders are there. Please try in another browser. I checked in Chrome.
    See this screenshot:
    http://goo.gl/kY9Wk

    @Stephens
    My Pleasure Rasy :)

    ReplyDelete
  28. @Sam Sexy
    yeahh.. you're right.. it's just my fault...
    but now after I doing few modification, its just look like normal widget... or maybe its because background and border I set to #ffffff??

    ReplyDelete
  29. Hai, I want to autopost my Current Jobs to Ping.fm And Hellotxt... I tried to post from Twitterfeed, bt its not working with Hellotxt.. Can you please help me out, to post automatically to all the socialmedia tools.... My blog is gyroljobs.blogspot.com, you can reach me at yaswanth@roljobs.com

    Your Response is always appreciated.

    Regards,
    G.Yaswanth | HR

    ReplyDelete
  30. Help, i can't change my comment style to MBT. im use costume template

    ReplyDelete
  31. Hey bro. I customized this widget Please take a look on this page.

    http://btsnts.blogspot.com/2012/01/awesome-all-in-one-social-media-sharing.html

    ReplyDelete
  32. dear sir this is my blog i want more visitor and member to joine my blog http://beautywallpaper4u.blogspot.com/
    http://beautywallpaper4u.blogspot.com/

    ReplyDelete
  33. @Yogi Satrio Purnama
    I already customized this widget... you can see All in One Subscriber Widget here http://www.blog-id.info/2012/02/awesome-all-in-one-subscriber-widget.html

    ReplyDelete
  34. @Jo
    WOW it's worked.. ^_^

    ReplyDelete
  35. hey admin can we change like button to like boxx please reply asap

    http://yourtutorage.blogspot.com/

    ReplyDelete
  36. @yourtutorage
    yes you can... just replace:

    <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/bloggertricks&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;
    font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe>

    with your facebook like box...
    or you can see mine here: http://www.blog-id.info/2012/02/awesome-all-in-one-subscriber-widget.html
    its have been customized...

    ReplyDelete
  37. Muito obrigado, ajudou muito o meu blog.

    ReplyDelete
  38. Hey Friend, I find your blog from AllBlogtools tutorial :) Wow, very amazing, Thanks a lot for your tutorial, and now i can try in my blog .. Let's go...

    ReplyDelete
  39. I have been searching for this one...thanks man...keep up the gud work...:)

    ReplyDelete
  40. hai admin
    can you help me do a widget like this blog http://scratch-strain.blogspot.com/

    he blend together 3 in 1 widget = mashable + some guides + remainder

    can you provide html code or guide me to do widget like that blog please

    ReplyDelete
  41. thanx alot for sharing this one

    ReplyDelete
  42. Nice bro your widget is very aussome for me thanks.

    mashable Tricks

    ReplyDelete
  43. This comment has been removed by the author.

    ReplyDelete
  44. Nice Info, Thanks

    ReplyDelete
  45. hey dude nice tips you've mentioned in this blog....keep on going...:)

    ReplyDelete
  46. Thanx for help....http://www.thewwwdesigners.co.cc

    ReplyDelete
  47. Hey Buddy I have posted on my Blog about this Widget and Given a link to This post for the Code.
    thank you.

    ReplyDelete
  48. Thanks for this very nice widgets.!!..

    ReplyDelete
  49. I want to remove the "Google+ Recommend us on Google" in widget at second column, but it will result in dead link. How do I remove that?

    ReplyDelete
  50. Why FB-likebook not show in the Mashable Sharing Widget?

    ReplyDelete
  51. @Delbert
    Delete the following codes to removing "Google+ Recommend us on Google".

    .googleplus {
    background: #F5FCFE;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #D8E6EB;
    border-left: 1px solid #D8E6EB;
    border-image: initial;
    font-size: .90em;
    font-family: "Arial","Helvetica",sans-serif;
    color: #000;
    padding: 9px 11px;
    line-height: 1px;}
    .googleplus span {
    color: #000;
    font-size: 11px;
    position: absolute;
    display:inline-block;
    margin: 9px 70px;}
    .g-plusone { float: left;}

    <div class="googleplus"> <!-- Google --> <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>


    @NomYi Jung
    It will show somewhat blank if you are using Facebook as a fan page. You need to switch back to your profile from a page to see the like box working correctly.

    I hope both of your problems should now have been solved :)
    --
    Top Blogging Ideas

    ReplyDelete
  52. @Bhavesh Pamecha
    thanks for this, helps a lot.

    @NomYi Jung
    me too, FB-likebook not show in widget

    ReplyDelete
  53. Software Thanks dude, nice Post .good admin Thnaxxx

    ReplyDelete
  54. Hello admin really nice widget but problem in facebook i am not getting facebook links as well as in your demo toooo please help me out...

    ReplyDelete
  55. This comment has been removed by the author.

    ReplyDelete
  56. Thanks man,thanks a lot.
    I am using it here Andro-Park

    ReplyDelete
  57. Cant Able to see the facebook like Box. plz help

    it looks like this..

    https://lh3.googleusercontent.com/-2lSAYEDSrsk/USxWyS-94ZI/AAAAAAAAAL4/PR40cB272eo/h120/widgetFb.png

    ReplyDelete
  58. Hey I Got It ......!! If some one still face the same problem then just go to https://developers.facebook.com/docs/reference/plugins/like/

    put your FaceBook Fan Page Url then Click on Get COde and switch to Iframe and Just Change This Iframe code


    <!-- Facebook --><iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/bloggertricks&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;
    font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe>


    to your new generated Code. Thats All

    ReplyDelete
  59. Great work bro some days ago i am searching about this and at 1 blog author giving tips to make this widget self its too hard but you are providing it free thanks a lot!
    http://www.itstarz.com/

    ReplyDelete
  60. How to add the above widget in wordpress???

    ReplyDelete
  61. Thanks dude, nice Post mohammad....awesome..i am going to implement it on my exam result blog..:)

    ReplyDelete
  62. I needs to spend some time learning more or understanding more. Thanks for excellent information I was looking for this information for my mission.
    by OPS 571 Final Exam

    ReplyDelete
  63. Its a nice widget. All option on one widget. Great widget.

    Regards
    Spicy Tech Tips

    ReplyDelete
  64. This comment has been removed by the author.

    ReplyDelete
  65. it worked, thanks a lot bro

    ReplyDelete
  66. This is an awesome widget. But I wanted to use this widget to pop up on my blogger. Can you help how to pop up this widget, if possible with timer.

    ReplyDelete