Wednesday, 5 September 2012

Add Facebook Like & Send Button After Each Post Title!



Earlier I showed How to Add a Pop Out Facebook Like Box in Side Bar. And in this post I'm gonna show how to add the Facebook like and send button after each post title. All you've to do is just add a small code in your blog template. 

If you do this, it will be easier to share your blog post with your friends. And you can also post it in your wall without visiting your page! And it will also allow you to share posts by email IDs of your friends. So you shouldn't miss this trick. 
  1. Sign in into your blogger account. 
  2. Then go to Design > Template > Edit Html. (Backup your template if you're new user)
  3. Check the box Expand Widget Template. 
  4. Press Ctrl+F and search for <data:post.body/>
  5. Now copy and paste the following code before  <data:post.body/> 
  6. Now save your template and see the result! 
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="500" show_faces="false" font=""></fb:like>
NB: This code may be worked for any other websites other than blogger. Just copy and paste the code in the perfect place. 

You can customize this code too- 
  1. If you place this code after <data:post.body/>  this tag then the like and send button will be displayed after the blog post rather than the title. 
  2. Look at the the width="500". You can change the size too. You can use 450 or 550 instead of 500. 

Add Print as PDF button in Your Blog!



Sometimes your blog or website reader may wanna save the post as PDF. Or they may want to print it. And there are many free tools to add Save as PDF button. But the problem is that, most of the free tools doesn't allow you to remove the background images of your site. I mean this is not print friendly. As a result whole web page is saved. And this is very irritating. 

Today I'm sharing a code that is free from this problem. It allows you to save only the sentences with related image. Let's try this- 
  1. Sign in into your blog. Then go to design.
  2. From the left panel, hit on the Layout button.
  3. Now click on Add a Gadget.
  4. Choose HTML/ JavaScript.
  5. Now copy and paste the following code into the Content Box.
  6. Save the gadget and view your blog to see the change! 
<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><script type="text/javascript">document.doAT = function(cl){var myclass = new RegExp("hentry");var myTitleContainer = new RegExp("post-title");var myPostContent = new RegExp("post-footer");var elem = this.getElementsByTagName("div");for (var i = 0; i < elem.length; i++){var classes = elem[i].className;if (myclass.test(classes)){var container = elem[i];for (var b = 0; b < container.childNodes.length; b++){var item = container.childNodes[b].className;if (myTitleContainer.test(item)){var link = container.childNodes[b].getElementsByTagName("a");if (typeof(link[0]) != "undefined"){var url = link[0].href;var index_page = true;}else{var url = document.url;var index_page = false;}if (typeof(url) == "undefined"|| url == "undefined" ){url = window.location.href;var index_page = false;}}if (myPostContent.test(item)){var footer = container.childNodes[b];}}var n = document.createElement("div");if (index_page == true) {var at = '<a href=' + url + '?pfstyle=wp' + ' style="float:right; margin-right: 1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a>';}else {var at = '<a href="http://www.printfriendly.com" style="float:right; margin-right: 1em; color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a>';}n.innerHTML = at;var origFooter = footer.innerHTML;footer.innerHTML = n.innerHTML + origFooter;footer.style.overflow = "hidden";}}return true;};document.doAT("hentry");</script>


If you wanna place the button at the left side then replace the red colored words as- float:left. And if you are expert in coding like html, CSS, then you can easily place this code anywhere you want. 


Code for other websites other than blogger- 
<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a>



Visit Marks PC solution to read the post.

Saturday, 1 September 2012

How to Undo or Cancel a Sent Mail in Gmail?



Today I'm gonna share a terrific trick of Gmail. Well this is very useful too. Sometimes you may be composing a message in Gmail and you can do any of the following mistakes: 
  • You may send incomplete message. 
  • You may type wrong address.
  • You may hit the send button by mistake! 
And any of the above mistakes may cause you to face serious situation if you're betrayed by luck! 

Gmail users can easily get rid of this problem. Because there is a way to cancel your sent mail. But you've to enable this system manually. Google labs offer you to undo your sent or sending mail within 30 seconds after hitting the send button. Let's enable this setting. 

First, sign in into your Gmail account. Now look at the top right corner of the window. There is a Settings button with a down arrow. Click on it and hit on Settings option. 



Here you'll see few tabs. Choose the Labs Tab from here. Then scroll down and find out the Undo Send button. There are two options. Enable and Disable. The default setting is Disable. You've to choose the Enable option. And hit on the Save button from below. 


Now whenever you send any mail to a person you'll see this message- 


Now you can cancel the sent mail by hitting the Undo button. 

NB: To gain access to the Google Labs you must open your Gmail in Standard View. If you're using Basic HTML view then it looks like below image. You can choose Standard View from here. 

How to Create Password Reset Disk?


For your computer security you can set start up password. Whenever you turn on PC, Windows ask you to enter password. Then you enter password and get access to the desktop. And all of us know that it is a normal process. 

But, if your forget your password? Then what? 

You might think experts can easily break it and have access to the PC! And as you're not expert so enter the DVD in the drive and start installing Windows again. And you lose all of your files and folders that is stored on installation drive. 

But you can avoid such type of hazard very easily. I don't advise you to write down your pass in the diary or calender. Because this is not safe. Just spend few minutes to create a password reset disk. It's safe and easy. And there is no risk. Follow the steps below: 
  1. First make sure you've connected your USB Flash Drive in the port. You don't need to format the disk. And your files will not be affected. 
  2. Then go to the User Accounts from Control Panel.
  3. Now hit on the Create a password reset disk option from the left panel.
  4. You'll see Forgotten Password Wizard. Click Next.
  5. Select the drive that is to be used as reset disk. Click Next.
  6. Enter the current password if any. Otherwise leave it blank. 
  7. Click next and wait for the processing. Click Next again. Then Finish.
The disk is ready for use. Now open your USB drive and look for a 2 KB file named userkey.psw. This is the file that can help you to reset the password. Don't delete it. 


Now restart your PC and try to access by entering a wrong password. You'll see the Reset Password option. Click on it and type a new password. And from now you can use this password. 

You can change your password as many time as you wish by the same disk. 

Click to enlarge image

Caution: Anyone can change your password if he knows about your reset disk. So make sure that unauthorized person is not familiar with your reset disk. 

NB: This system has been tested on Windows 7 and 8. And it will work only on that PC from where the disk is created.  

Fun Fact: You've to create this disk before forgetting password. After forgetting this password, you can't create this disk. 


Visit Marks PC solution to read the post.


How to Create a Custom Toolbar for Website

A customized toolbar of your blog or website may increase visitors loyalty. If they found your toolbar useful they can use it in browser. And this is also important for your site's ranking. There may be hundred ways to build a toolbar. Some of them are free or some may be premium. 

For creating toolbar, my personal choice is Alexa. Why? 
  • Because it's free and easy to use. 
  • You can easily monitor the usage statistics. 
  • And most importantly, alexa is a ranking site. It measures websites ranking from 1 to the last. 
  • Alexa considers the site most that has its toolbar and widget in the page. 
Let's build a toolbar now. 

1.  First go to the Alexa and register an account. It takes 2 or 3 minutes. If you already have 
     an account then proceed to the next step. 
2.  Now go to the toolbar creator page.
3.  A pop up window will ask you to enter the toolbar name. Type the name or skip it. 
     You can write a name later.


4.  Now look at the image below. Here you can edit toolbar name and choose a logo. 


5.  Have a look at the Add buttons that drive traffic to your website. There are 4 buttons.  
     Only add the buttons that is necessary for you. Because you can't add 
     all the buttons due to the space limitations. 
6.  Now move to the Add social networking buttons section. Add only the first 2 buttons. 
     Show tweets button is not necessary. Click Next. 
7.  Add buttons for things that your users do everyday. This is the most useful part for 
     the users. I recommend you to add the Personal Twitter and Gmail button. Click Next.
8.  This step let you add an icon for the toolbar. You can either choose an icon made earlier 
     or use the default. I prefer to use the custom image. Click Next.



You're almost done. Publish it to make the toolbar available for download. But how can your visitors will get it? 

Go to the dashboard and click on your toolbar. Then you'll find different shapes and colors. Choose the color and shape as your choice from step 1 and 2. Then add a HTML gadget in your blog by the html code from the step 3. Place the gadget in a part of the page where the visitor can easily find it.


Currently the alexa toolbar works with Chrome, Firefox and IE. Hope it will support more browsers in the future. 

Have a look at the sample toolbar below: 

Click to enlarge
If you have any query regarding toolbar creator then leave a comment. 
 
 
 
 
Visit Marks PC solution to read the post.

Boost your Traffic with Link Collider


In this post I'm gonna share a site with you. This site will help you to boost your blog or website visitors. And at the same time it will also increase your site's Google +1, FB Like, Twitter Follower etc. 

And I can assure that, you'll not feel any harassment while using this site. Simply register and follow my instruction. 
  1. First visit this site. Link Collider
  2. Then register by your contact email and enter a password and confirm it. Now submit it.
  3. Now go to your mail inbox to confirm the registration. NB: Also check your spam box.
  4. Now it's time to add your website or page.Click on Post a Website / Facebook Page.
  5. Now fill up the form properly. You should choose an attractive logo with an ideal description of the site. Then save it.  
  6. Look at the Collect FREE Tokens button next to  Post a Website / Facebook Page. There are 8 categories- Like, Tweet, Share, Follow, Auto etc. 
  7. Collect tokens by these categories. You must have Google Plus, Facebook, Twitter and YouTube Account to perform these tasks. And make sure you're signed in all of these accounts in the same browser while doing these. 
  8. You can monitor your sites by clicking on My Websites button.
Caution: These types of link building and SEO sites are the targets of hackers! So I recommend you to use your alternative Email ID other than your primary ID. And you should use a different password other than your Email account password. 

NB: You've to regularly visit this site and collect tokens to increase your traffic. 




Visit Marks PC solution to read the post.

Play Guitar with Google Doodle!

Have you ever played guitar? To be honest with all of you, I never played it. And I am not interested to do so. Because I am busy with my computer, internet and blog. 

But I often like to play digital guitar! If you frequently visit Google then you may notice that its logo changes time to time. At present it shows Olympic events as doodle. Sometime in 2011, I opened the home page of Google. I surprised at looking its doodle as below. Whenever I move my cursor it sounds just like a guitar. 


Click this link to play guitar


This doodle was launched in honor of musician and electric guitar pioneer Les Paul, who passed away in 2009. You can play this guitar by mouse and keyboard. Just move your mouse over the doodle and it will make sound. You can also play it by pressing the keys of keyboard.

Recording option is also available for you. You can record your performance and get it by a link. 


Visit Marks PC solution to read the post. 


How to Backup or Restore Blogger Template?

Blogger let you backup your whole blog template. Keeping a backup copy of the template is specially necessary for new bloggers. If you're a new user you may customize your blog by taking helps from others. But if you make any mistake you may lose your customized blog template. In that case you have nothing to do other than restoring the default template. 

However if you keep a backup copy of your blog template then you can use it in other blogs too! Even you can share the same template with your friends. Besides if you make significant changes of your template and get it back in a previous stage then you must have a backup copy. 

To backup or restore your blogger template follow the steps below: 
  1. First make sure you're signed in on your blogger account.
  2. Then go to design.
  3. Now click on the Template button from the left panel. 
  4. Then click on Backup/ Restore button from the top right corner of the screen.
  5. To download the template, hit on Download Full Template button. And if you wanna restore template then choose previously saved template file. 
The following picture may be useful for you. 


 
Visit Marks PC solution to read the post. 
 

How to Backup or Restore Blogger Blog?

If you're blogger then you may need to backup your entire blog. If you lose your password or if your account is hacked then you can restore your whole blog in a new account. Or you can export your whole blog if you've a back up copy of your blog. 

To back up your blog, follow the steps below: 
  1. First, make sure you're using the new interface of blogger.
  2. Now go to the Settings option and choose Other.
  3. Hit on Export blog from Blog tools.
  4. Then click download blog.
  5. Now your whole blog will be saved as .xml file.



To restore or import your blog, follow the steps below: 
  1. Go to the Settings option from blogger and choose Other.
  2. Now hit on Import blog.
  3. A window will let you choose the .xml file. 
Now choose the .xml file that you previously download from your blog. 

Visit Marks PC solution to read the post. 

Cut or Convert Audio & Video Files Using VLC !!


Well, actually this is not very surprising if you're already familiar with this technique. To be honest, I didn't know about it few days ago. 

In fact, the conversion and cutting option of VLC is almost hidden. So I can't blame myself as I didn't know about it. Only a few days ago I'd come to know about the process. 

In this post I'm gonna show you how to cut or convert a video or audio files using VLC Media Player.

To cut a video or audio follow the steps below: 
1. Play the audio or video file you wanna convert.
2. Then go to the View menu and choose Advanced Controls.
3. Now you'll find some additional controls at the bottom of the player. 


4. Here is a round red button. This button can be used to record the audio or video file.


5. Click on this Record button to start the record and click again to stop the recording.
6. Now find the recorded file in the User > My Videos or Music. If you're running 
    Windows 7 or 8 then go to the Libraries > Videos or Music.




If you directly wanna convert a file then follow these steps: 
1. Open VLC Media Player.
2. Then click on the Media Menu and Choose Convert/ or Save. 
3. Now click on the Add button to choose your desired audio or video.


4. Then choose a location for the output file and give a name from the destination.


5. Now select the output format from the profile option and click on Start button. 



Visit Marks PC solution to read the post.