Wednesday, 24 October 2012

All (Ctrl+Alt+Del) Permanently deleted files Recovery solution

Sometimes we delete the files permanently, and realize that deleting them is like a Blunder...

For all those folks,
Here is the solution

Software called "Kissass Undelete" , can bring those files from the hard disk or your flash drive.
Conditions : Only if the data on that drive is not re-occupied(or written). that means the space which was available after the deletion is not been occupied after the deletion.

Monday, 22 October 2012

Scrolling Recent Posts Widget For Blogger

Scrolling recent posts gadget is a best widget to show off recent posts from your blog with a jQuery scroll effect,which grabs attention of of visitors very quickly.Previously I shared a scrolling/ticker recent posts widget but some of you faced some problems while installing it,that's why here I am sharing a new scrolling recent posts widget,which works a with ajQuery spy effect,this is the best feature of this widget.Each snippets of this widget contains title of post,thumbnail of post,date when that post was published and number of comments on that post.Also all of the above options are fully customizable,so that you can easily customize this widget as you wish.Above are the some features of this widget now lets see how to add it into your blogger blog.

Live Widget Demo ▼

How To Add Scrolling Recent Posts Widget To Blogger?

Step 1 -:

This widget works with jQuery spy effect so that we have to add jQuery library to our blog first (Note - Ignore this step if you have already added jQuery library to your blog.)

  1. Go to Blogger Dashboard > Template
  2. Click on Edit HTML
  3. Hit Proceed button
  4. Find below code in your template


add below code just above it,

<script src='' type='text/javascript'></script>

Now you have implemented jQuery library into your blog.Now lets see how to add scrolling recent posts widget to blogger.

Step 2 -:

  1. Go to Blogger Dashboard > Layout
  2. Click on Add a Gadget
  3. Select HTML/JavaScript

Paste below code inside it,

<style type="text/css" media="screen">

/* ========== Scrolling Recent Posts Widget By ======== */

#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;

#helperblogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;

#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url( repeat-x;
    border: 1px solid #ddd;

#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;

#helperblogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;

#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);

#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;

.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;

/* ========== Scrolling Recent Posts Widget By ======== */


<script language='JavaScript'> 
imgr = new Array();
imgr[0] = "";
imgr[1] = "";
imgr[2] = "";
imgr[3] = "";
imgr[4] = "";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "";

<div id="helperblogger-widget">
<script src='' type='text/javascript'></script>

Now replace with your blog URL.

Widget Customizations

As I mentioned above this widget is fully customizable,you can also customizing it at your own just by reading the properties of the values such as numposts meansnumber of posts.In above code I am highlighting some values which you can simply edit them.Also I highly recommend you that,done all the changes in our HTML Editor.With using the html editor you can simply customize this widget as you wish with watching preview of your chnages.
Below I am describing some important values,

  • numposts = 10; Total number of posts which you wants to scroll by this widget
  • limitspy=4; Number of the posts to appear on the widget
  • intervalspy=4000; Scrolling speed of the widget,if you decreased the value speed of widget will increases.
Finally save your all changes and visit you blog to see the working widget.

Please let us know your thoughts on this widget.Peace and Blessings Buddies :)

New Facebook Comment Box For Blogger

Adding Facebook Comments To Blogger

1. Hiding Existing Comments

  • Before adding facebook comment box to blogger you have to disable your current blogger comments.
  • To disable comment form Go to Settings > Posts and Comments and set the Show Comments option to Hide and Save the Settings.

    2. Creating Facebook App

    • Enter Some name for your App.
    • Agree to the Terms and click on the continue button.
    • If it issues a Captcha verification, type the Captcha and click on the Submit Button
    • Now you will be taken to a Settings Screen.

    • In the App Domain Field give (If you are using a custom domain give that) Give your Blog Address in the Site URL field under “Website” and Save The Changes. Copy the Application ID from the screen.

    3. Add Application and Moderator Meta Tags

    • Now go to Blogger Dashboard » Design » Edit HTML.
    • Tick the Expand Widget Templates Box.
    • Find <head> tag.
    • Add below code just after <head> tag.

    Modify the below code with the application id copied in setting page.

    <meta content='YOUR_FACEBOOK_APPLICATION_ID'   property='fb:app_id'/>

    Save your template.

    You should create the Facebook Application and the above fb:app_id meta tag should be added to your Blog. Otherwise you won’t be able to manage/moderate your Comments from a single Place(you will have to go to posts one my one and moderate and that too is possible only if you have added the fb:admins open graph meta tag).

    4. Adding Comment Box To Blogger

    Now you have to add the Facebook Comment Form to your Blog Template. To do that Go toEdit Template > Design > Edit HTML and click on the “Expand Widget Templates” checkbox

    Find the following code in your template(Use the keyboard shortcut Ctrl + F), and immediately below that paste the following code:

    <p class='post-footer-line post-footer-line-3'>

    If you can't find this try this one.

    <div class='post-footer-line post-footer-line-3'>

    If you cant find that as well, then find


    Paste the following code just below the line that you just found out

    <b:if cond='data:blog.pageType == "item"'>
    <div id="fb-root"></div>
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); = id; js.async = true;
     js.src = "//";
    <fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid=''/>

    • If you want to change the width of comment box then find this line width='450' in line number 9
    • If you want dark version of facebook comment box then find this colorscheme='light' and change light to dark in line number line.

    5. FB Namespace Declaration

    Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following XML namespace declaration will take care of that. To declare the namespace, find


    and change it to

    <html xmlns:fb=""

    Save the Template. This namespace declaration is necessary for all FBML widgets using the fb tag. So if you have already added the namespace declaration while adding some other FB plugin, then you can skip this.

    You are done.....
    Check your blog you should see the comment box on your blog.

    Displaying Facebook Comment Count (Optional)

    Use the following code in the post loop to get a Comment Count Display with a link to the comment form. This code should be added within the post loop. For example, this can be added below <data:post.body/>

    <b:if cond='data:post.isFirstPost'>   
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); = id; js.async = true;
     js.src = "//";
    <a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'></fb:comments-count> comments</a>

    Monday, 8 October 2012

    Official Poster & Promo Videos of Akshay’s Khiladi 786 (2012)

    The first official posters of the Khiladi 786 (2012) are already out and now the first promo video of the upcoming movie of Akshay - Khiladi 786 (2012) is released. Check out the official Trailer Video of Khiladi 786 (2012) and the official posters of the Khiladi 786 (2012) . Khiladi 786 (2012) will be releasing on 7th Dec 2012. You can watch the official promo of the Khiladi 786 (2012) after 1:30PM here on our site and we will be uploading the official promo video or the trailer of the Khiladi 786 (2012).

    Akshay Tweeted on Twitter about the upcoming Khiladi 786 (2012)
    Indian cinema’s biggest franchise is back! That’s right, #KhiladiReturns with #Khiladi786 this December 7. Join me tomorrow at the worldwide digital trailer launch @ 1.30 pm on the link below.
    Khiladi 786 will be a full action packed comedy film by Akshay Kumar who is also seen in such roles. It is directed by Ashish R Mohan. Against Akshay, Asin, Mithun Chakraborty,Paresh Rawal and Himesh Reshammiya will be seen in the film. Khiladi 786 is the the return of Akshay Kumar to his famous Khiladi series since he acted in Khiladi 420. Khiladi 786 will be releasing on 7th December 2012.
    Till the release of the movie, Check out the official posters of Khiladi 786 and the official video promo of the Khiladi 786. we will be bringing more on Khiladi 786, stay connected to us.