Tutorials – Page 49 – Saket Jajodia

How To Auto Import Blog Feeds To Facebook Notes

Cross Post With In-Face-Book

Hi! Everyone, hope you all are fine.
Today in this post I will tell you how you can auto import your blog post into Facebook Notes. Whenever you make a blog post you post your new post link to Facebook, Twitter and other places manually but using Facebook Notes you can update your Facebook Pages automatically whenever you make a blog post. And if you want to know how you can auto update your Twitter Click here.

Go to Facebook.com
Login to your account
Go to your Facebook Pages in which you want to add Facebook Notes auto update
Now click on Notes tab (if you don’t have Notes tab click on + sign and click on Notes)

At the bottom-left column click on Edit import settings

Now give the URL of you blog feed at the place of Web URL: Enter a website or RSS/Atom feed address
If you accept their agreement then tick that box
Click on Start Importing button

Once detect your feed you will see all your post in the feed imported to Facebook
Click on Confirm button

This is a preview of SJbn.Co's imported blog.

Now in every couple of hours Facebook will search for new updates in your feed if they find anything new they will post it in your page as Notes. But once the Notes get created you will not able to edit it.

Image Light Box For Blogger.com Blog And WordPress Blog Users

Hi! Everyone, hope you all are fine.
Today in this post I will tell you how you can use Light Box in Blogger.com blog. Light Box is an image viewer and all of you must have show the Image viewer on my blog, if you didn’t show click on the below image to see demo.

Image credit: IceBone

When I was on Blogger.com I wanted this feature on my Blogger.com blog but didn’t knew how I can use it but when I shifted to WordPress I finally got it on my blog and if you are also on WordPress you can use Slimbox plugin. And if you are Blogger.com user and want this on your Blogger.com blog here how can

Go to Blogger.com
Login to your account
Now go to Design –> Edit HTML

Their search for <head> opening tag
Copy-past the below code just after the <head> opening tag

<!-- Light Box Code Starts SJbn.Co -->
<link href='http://img.sjbn.co/lightbox-2.04/css/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'/>
<script src='http://jajodiasaket.googlecode.com/files/lightbox2.04-lightbox.js' type='text/javascript'/>
<!--Light Box Code Ends SJbn.Co -->

Click on SAVE TEMPLATE button

Now whenever you make a post with images and you want to use this effect on that image copy you need to do the following
Go to Blogger.com
Login to your account
Now go to NEW POST
Compete your post (write, insert, whatever you want to do in that post)
After you competed (also inserted the image) click on Edit HTML tab
Add this code in every a tag before every img tag

rel="lightbox[ALBUM-NAME]" title="IMAGE-CAPTION"

For example see below
<a rel="lightbox[ALBUM-NAME]" title="IMAGE-CAPTION" href="http://3.bp.blogspot.com/_drKDGeYmwR4/TUwHK7std9I/AAAAAAAAA4s/zhLtImp_IFM/s1600/13330_102591409783669_100000984317950_19515_280045_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="http://3.bp.blogspot.com/_drKDGeYmwR4/TUwHK7std9I/AAAAAAAAA4s/zhLtImp_IFM/s320/13330_102591409783669_100000984317950_19515_280045_n.jpg" width="320" /></a>

Now change the ALBUM-NAME and IMAGE-CAPTION with your album name and image caption
And publish the post

Click here to see Light Box demo on Blogger.com blog

You can use the left and right arrow key to change the image and Esc to close Light Box. If you want to make more than one set (album) of images in same page change the album name in the other set. The difference between in both the set (album) is you can’t change the image without closing the image viewer (Light Box)

Thanks to Lokesh Dhakar for making this codes.

If you have any question or problems do let me know.

How To Host Files On 110MB.com

Hi! Everyone, hope you all are fine.
Today in this post I will tell you how you can host files using 110MB.com. 110MB allows you to host total 110MB of files, you will get 100GB bandwidth, you will able to edit any HTML, PHP and many other type of files online, and the main thing you will able manage your files easily.

Let see how you can host

Go to 110MB.com
Signup for an account (if you have an your account then skip to step 7)
Click on Get a FREE ACCOUNT BUTTON (at the bottom-left corner of the page)

Fill the form according to you and click on Create My Account Now!

Fill the form according to you and click on Create My Account Now!

Now verify your account by going to your email account (of which you have given while registration) also check your spam folder if you can’t find the mail
While verifying your account they will ask fill a form (you need to fill that form)
After you verify your account go to 110MB.com and login to your account
Now click on File Manager image under SITE MANAGMENT TOOLS

File Manager image under SITE MANAGMENT TOOLS

Select Upload files –> Choose Files
Now navigate and select the you want upload
Then click on Upload button

Now your file is uploaded and the URL of the file will be USERNAME.110mb.com/YOUR-FILE-NAME

If you want to ask anything or have any problems do let me know.

How To Embed PDF File Using Google Doc Viewer On Your Blog Or Website

Hi! Everyone, hope you all are fine.
Toda in this post I will tell you how you can embed any PDF document using Google Docs viewer. Before I told you how you can embed PDF files in using direct iframe and and embed tag but it seems that now it is not working for Google Chrome that well. So I here is one more solution to embed PDF file using Google Docs viewer.

Get the link of your PDF file
For example I will take this (http://labs.google.com/papers/bigtable-osdi06.pdf) PDF file URL
Now copy the below code

<iframe src="http://docs.google.com/gview?url=YOUR-PDF-URL&embedded=true" style="width:516px; height:616px;"></iframe>

4. Change the YOUR-PDF-URL with your PDF file URL
Now pate the code where ever you want to display your PDF

Here is a demo for you all

Put Your Twitter Following And Follower’s Avatar On Your’s Twitter Profile Background Using Twilk

Hi! Everyone, hope you all are fine and your weekend gone good.
Today in this post I will tell you how you can put your Twitter Following and Followers on your Twitter background. Twlik is a web application which helps you to create background with the avatars of your Following and Followers with few clicks.

Let see how you can

Go to Twilk.com
Click on Get Started » button

Now it will take you to Twitter page to get access to your account (if you are not login Twitter will ask you to login)
Click on Allow button

Now select the settings according to you
After you make your settings according to you click on Preview These Settings button

It make take few minutes according to how many Following and Followers you have
Then you will see the preview of your background how your background will exactly look like
Click on USE BACKGROUND button

Now go and see your Twitter profile background is changed with your Following and Followers avatars of your Twitter account.

If you want to remove your Following/Followers avatars from background go to Twitter.com –> Settings –> Design and select a new background you want and click on save changes button.

Get Desktop Notifications For Your Emails And Chat

Cross Post With Google-Chrome

Hi! Everyone, hope you all are fine.
Today in this post I will tell you how you can get your emails and chats notifications on your desktop from your Gmail account. When you are talking to someone using Gmail chat or waiting for someone’s email, you must keep your Gmail tab open and in every few minutes or seconds you switch back to your Gmail tab to check wither you got any new message/email or not. But now you don’t have to keep switching back to your Gmail tab

Today Google have introduced a new feature in Gmail by which whenever you can get a message or email a popup will appear at the corner of your screen. But to use this feature you need to use Google Chrome, it is not capable with any other browser.

Let see how you can activate it

Go to Gmail.com
Login to your account
Then go to Settings page
Scroll down to Desktop Notifications
There you click on Click here to enable desktop notifications for Gmail.
Now one notification will appear from your Google Chrome browser asking you to give permission to show desktop notifications
Click on Allow button

Now by default Chat notification is enable so if you want to make chat or emails, enable or disable make it as you want

Then scroll to bottom and click on Save Changes button

Once you make it enable in your Google Chrome browser now whenever you are talking with someone using Gmail chat or waiting for someone’s email just open your Gmail account and let that tab open. Now do your other works if you receive any new massage or email you will get a popup notification at the corner of your screen.

Do let us know how use full it is for you, for me it is useful now I while talking with anyone I don’t have to keep going back to Gmail tab ever few seconds.

Start YouTube Videos At Any Specific Time You Want

Hi! Everyone, Happy Republic Day..!
Today in this post I will tell you how you can start any YouTube video from any specific time you want. As have I have told you before how you will able to link a YouTube video to specific, Continue reading Start YouTube Videos At Any Specific Time You Want