Monday, October 4, 2010

Blogger Posts with 5 Star Ratings Widgets

0 comments

How to Install Outbrain Star Ratings?

  • Register at the Outbrain Website and Activate your account(check your email after registering). Then  Follow in the picture .

    • Select the Recommendation Type (Text / Thumbnail) and Choose Blogger as your Platfrom. Type your blog URL , agree to the Outbrain Terms and Click the Install Button.
    • You will be prompted to add a Widget to your Blog. Add the Widget and Get back to the Outbrain Website and navigate to My Account > Manage Blogs 
    • If your blog Claim is pending, Click on the Check Now Link
     
     
  • Once you have Claimed your Blog, Go to Settings 

  • These are the Settings that i used 
 
I have disabled the Recommendations  and Disabled the “Most Popular” Gadget.

Drop Down Subscription Box or Widget For Blogger

0 comments
Drop Down Subscription Box or Widget  For Blogger For follow the Instruction .

Drop Down Subscription Box or Widget Instruction :
  • Goto your Blogger Template>Edit Html and find 
body {
  • And Now place the following code just above it. 
/* http://www.bloggerplugins.org--- Dropdown Subscription Box
*/
.img0 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em;background: url("http://simpletricksblog.googlepages.com/rss.jpg"); cursor:hand;cursor:pointer;}
.img1 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addgoogle.gif"); cursor:hand;cursor:pointer;}
.img2 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif"); cursor:hand;cursor:pointer;}
.img3 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.netvibes.com/img/add2netvibes.gif "); }
.img4 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/rss-bloglines.gif "); cursor:hand;cursor:pointer;}
.img5 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.newsgator.com/images/ngsub1.gif ");cursor:hand;cursor:pointer; }
.img6 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmymsn.gif ");cursor:hand;cursor:pointer; }
.img7 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addrojo.gif "); cursor:hand;cursor:pointer;}
.img8 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmyaol.gif "); cursor:hand;cursor:pointer;}
.img9 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addfeedlounge.gif "); cursor:hand;cursor:pointer;}
.img10 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addnewsburst.gif ");cursor:hand;cursor:pointer; }
/* End Simple Tricks Coding */
  • That's all .

Buy me a beer / Buy me a coffee widget after each of your blog post

0 comments
Some of my friend requests about implementing the Buy me a beer / Buy me a coffee widget after each of your blog post..So i decided to write this out for you.For this purpose you have to follow below step.
  • At Frist you have to download the script file.For download script click here .
  • After Download You have to Edit it.
  • Now replace youremailaddress with the email address using which you registered at paypal .
  • Goto your Blogger Template> Edit HTML and expand the widget templates .
  • Now Find The Following Code .
<p class='post-footer-line post-footer-line-3'/>
  • Now after that line paste the text file that you have edit .
  • That's all .