tag:blogger.com,1999:blog-55266021645372751442024-03-29T16:33:47.238+05:30ThePageWordPages With Words About Technology..Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.comBlogger36125tag:blogger.com,1999:blog-5526602164537275144.post-14896940981202574292013-05-09T23:04:00.002+05:302013-05-09T23:06:14.220+05:30Add New Type Of Picture Captchas To Your Web Forms<div dir="ltr" style="text-align: left;" trbidi="on">
Captchas are added to web forms to distinguish between human and machines or programs. Captcha can prevent the websites by spam program. Spam programs are made to fill web forms to submit there links to them, to get access to website content and disturbing the web analytic and website visitors. Therefore you always see some Captcha codes when filling any registration form for email, or any other purpose on a website. But the old Captcha codes are boring and websites visitor also hate them because they make them irritating when visitor didn't get the codes correctly. That's why there is the need of some innovative and interesting Captcha to hold website visitors.<br />
<a name='more'></a><br />
<br />
KeyCaptcha is the answer to the above problem. It is a product which gives your visitor to solve picture puzzle in Captcha. It is like playing picture puzzle game on your mobile phones. KeyCaptcha is free to use on your website and it helps in generating income from Captcha by showing advertisement. They also show some social ads to support many charity funds.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyLqmHOO9lmayrAdIJD7fkO9FbueRZG8ilvSKLBomzoW0mfZgfJDvlpa3O-KLypom6Xs_UQPeG__2qbpwqtwLiQWC0fCH49NU6_XbhXFGM8SqTUR5i6iMz-9bo6CXVhg_PYHSIhmJS3E/s1600/Ben_Jigsaw_Puzzle_Puzzle_Puzzle.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="picture captcha, new captcha, captcha" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyLqmHOO9lmayrAdIJD7fkO9FbueRZG8ilvSKLBomzoW0mfZgfJDvlpa3O-KLypom6Xs_UQPeG__2qbpwqtwLiQWC0fCH49NU6_XbhXFGM8SqTUR5i6iMz-9bo6CXVhg_PYHSIhmJS3E/s320/Ben_Jigsaw_Puzzle_Puzzle_Puzzle.png" title="adding key captcha to website" width="320" /></a></div>
<br />
<h2 style="text-align: left;">
Steps to Add KeyCaptcha On Your Website.</h2>
<ul style="text-align: left;">
<li>Go to <a href="https://www.keycaptcha.com/" rel="nofollow" target="_blank">KeyCaptcha</a> Website. </li>
<li>Click on <b>Product Installation Wizard</b> in Product menu.</li>
<li>Register with them and activate your account by clicking on link send by them to your email</li>
<li>Add site wizard will open, enter your website address in URL field, select your CMS (content Management System like Wordpress, Blogger and Drupal etc.).</li>
<li>If you want to add it to Blogger which is not listed on there CMS list then select <b>other CMS</b> and you have to really work hard to add this to Blogger.</li>
<li>Now, click on next to go to second step.</li>
<li>Check Enable Advertisement option, if you want to show ads to earn some income. Click Next.</li>
<li>In third step, select your website topics, KeyCaptcha will show image captcha and ads related to your website topics. click Next and go to step four.</li>
<li>This step gives you all the further instructions to install KeyCaptcha on your website according to your CMS selection in second step.</li>
</ul>
<div style="text-align: left;">
If you want to remove the KeyCaptcha logo from the captchas then you have to pay for it otherwise it is free to use. </div>
<div style="text-align: left;">
<i>If you need any help related to this topic you can contact me and can comment below.</i></div>
</div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com40tag:blogger.com,1999:blog-5526602164537275144.post-42708127600333616092013-05-09T02:09:00.001+05:302013-05-09T02:09:47.359+05:30Add More Than One Person To Facebook Chat And Make It Conference ChatWe always use to chat with friends on Facebook, these chats are only one to one. If we need to chat with more than one person then we need to create a group of those person and start group chat with them. But the drawback of group chat is that everyone who is in the group can know what other are gossiping about. So Facebook has a feature to make a conference like chat. In this we can add only those person with whom we want to chat and more than one person can chat at a time.<br />
<a name='more'></a><br />
<br />
<h2>
Turn on chatting with more than one person.</h2>
<ul><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_x0N0zZwbOx54osgkF1uPwjkvidJwwhmuX_lPpZe24HtzS2W1rpd8r95-zI-tjAVm-NrE6LjT_xjbYhjcn1ytln1iiDAMudvSOqW6oZtGzOUYHOSEbMlP5UHij9TbP2C-PQou0lxTtgA/s1600/ScreenShot025.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="add, more, person" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_x0N0zZwbOx54osgkF1uPwjkvidJwwhmuX_lPpZe24HtzS2W1rpd8r95-zI-tjAVm-NrE6LjT_xjbYhjcn1ytln1iiDAMudvSOqW6oZtGzOUYHOSEbMlP5UHij9TbP2C-PQou0lxTtgA/s1600/ScreenShot025.png" title="add more person to facebook chat" /></a>
<li>Login to Facebook.</li>
<li>Select one person to chat.</li>
<li>Now click on <b>add more friend to chat</b> at the top right of your chat window.</li>
<li> Now, add the names of the other person you want to chat with and click on done.</li>
<li>New chat window will open with all the friends listed at top of your chat window.</li>
<li>When you start chatting with more than one person video calling fearute will automatically disables.</li>
</ul>
<h2>
Leave the Group conversation </h2>
<ul>
<li>Click on the gear button ⚙ at top right of conversation window.</li>
<li>Now, from drop down menu click on <b>leave conversation</b>.</li>
</ul>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com18tag:blogger.com,1999:blog-5526602164537275144.post-14268741761886359632013-05-09T01:20:00.001+05:302013-05-09T01:28:16.387+05:30 Automatically Publish Blog Updates on Twitter, Facebook Page and Facebook News Feed.Twitter and Facebook are the essential platform for a website or blog to gather some traffic on them. These are need to make the engagement of people on social network who really cares about your content. When I post something on my blog and website I use to share this on my Facebook Page and Tweet it on Twitter. But this is very tangled process, first post the update on twitter, then on your Facebook page and then on your Facebook status to show your updates to your Facebook friends. That's why there is the need to automate this process.<br />
<a name='more'></a>In this post I am talking about this automation.<br />
Now onwards when you post something on your blog or website, it will automatically posted on Facebook Page and on your Facebook status and tweets are also made automatically on Twitter.You just need to follow some simple steps:<br />
<br />
<h2>
1. Build your blog or website feeds.</h2>
<ul>
<li>Login to <a href="http://www.feedburner.com/" rel="nofollow" target="_blank">Feedburner</a>.</li>
<li>Add your website or Bog's web address to it</li>
<li>Identify your blog's feed and you are done.</li>
</ul>
<h2>
2. Add Blog feed to Twitter</h2>
<ul>
<li>Login To Feedburner again and select your feedburner feed for your blog.</li>
<li>Now click on <b>Publicize</b> Tab.</li>
<li>Click on <b>Socialize</b> on Left sidebar.</li>
<li>Socialize Settings will come up and Click on <b>Add a Twitter account</b> button.</li>
<li>Twitter window will open, login to it using Twitter username and password.</li>
<li>Follow the steps and verify your twitter account with Feedbuner.</li>
<li>Now, when your twitter account is added to Feedburner, your blog's new updates are automatically posted on Twitter on behalf of you.</li>
</ul>
<h2>
3. Add Blog feed for Posting Automatically on Facebook Page.</h2>
<ul>
<li>Login to Facebook.</li>
<li>Search for "RSS Graffiti" App on Facebook and click on <b>Go to App</b> button.</li>
<li>Click on Add new Publishing plan and name it. </li>
<li>RSS Graffiti Setting will open.</li>
<li>Now, click on <b>Add a New Source</b> button.</li>
<li>Now in Feed setup, add Feed Title (your blog name) and Feedburner feed URL.</li>
<li>Now click on save changes and turn on the publishing plan.</li>
<li>In Target side, Choose your Facebook Page as <b>Target</b> and <b>Publish on behalf of </b>.</li>
</ul>
<h2>
4. Blog Updates on your Facebook status.</h2>
<ul>
<li>Again Go to RSS Graffiti app on Facebook.</li>
<li>Click on Add new publishing plan and name your new plan.</li>
<li>Follow the above steps except for target side.</li>
<li>In Target side, Choose Facebook User as Target and as Publish on Behalf of.</li>
<li>Click on save and turn on the publishing.</li>
</ul>
<br />
<br />
Now when you made a new post on your blog it will automatically published on Facebook page and news feed and on Twitter also.<br />
<br />
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
</div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com162tag:blogger.com,1999:blog-5526602164537275144.post-22927429333772436752013-05-07T02:27:00.002+05:302013-05-09T21:58:49.923+05:30Visit Whole Wikipedia Without Change In Your Address Bar.<div dir="ltr" style="text-align: left;" trbidi="on">
Wikipedia is the free encyclopedia on the internet and you can visit it by typing <a href="http://en.wikipedia.org/wiki/Main_Page" rel="nofollow" target="_blank">Wikipedia.org</a>
in your browser's address bar. Every Wikipedia page has hundreds of
links to other pages on Wikipedia and external websites. When you visit
any link the URL in your address bar changes accordingly.<br />
<br />
<a href="http://www.blogger.com/null" name="more"></a><br />
You can visit whole Wikipedia website without seeing any change in
the URL in your address bar. To do this you will need to access
Wikipedia through the <a href="https://remote.utorrent.com/" rel="nofollow" target="_blank">µTorrent Remote</a> website. <br />
<a name='more'></a><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjki1KPBFm6XyG0wiLwXquDb1_qdqmVDK1LELGrldNSpGIlqAmBuxpODUhAV3NB3A3xwSOVh8S8Wt3ExPg7d-43yLGj61ndPJcDCfWEwMGxHKAOjRXn5aC-p1-gi-HG0a96FVOD5mze3Y8/s1600/wiki+page.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjki1KPBFm6XyG0wiLwXquDb1_qdqmVDK1LELGrldNSpGIlqAmBuxpODUhAV3NB3A3xwSOVh8S8Wt3ExPg7d-43yLGj61ndPJcDCfWEwMGxHKAOjRXn5aC-p1-gi-HG0a96FVOD5mze3Y8/s320/wiki+page.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Wikipedia Main Page with µTorrent Remote website URL in address bar</td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9U6pz3Ey5IxK4f4bHad05_llmpchsNG65t4oaGNizIEvAdCtUj01SKi4CJcoCqQi_A8iWI3oqaHX7hQptpvNy7sSeKpFFLLIJSlFL0CXAaaOVOhApNMYgb1Bv4N5wEthIYy8l60HoIFc/s1600/wiki+home.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9U6pz3Ey5IxK4f4bHad05_llmpchsNG65t4oaGNizIEvAdCtUj01SKi4CJcoCqQi_A8iWI3oqaHX7hQptpvNy7sSeKpFFLLIJSlFL0CXAaaOVOhApNMYgb1Bv4N5wEthIYy8l60HoIFc/s1600/wiki+home.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Another page on Wikipedia having same URL in Address Bar
</td></tr>
</tbody></table>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
For visiting Wikipedia website like this first go to <a href="https://remote.utorrent.com/" rel="nofollow" target="_blank">µTorrent Remote Website</a>
and click on the Privacy FAQ link below the Signup form on the page.
Remember do not open the link into new tab just click on it.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0HqeGe3g4Nwpm2hLATqzqt5yghPBfNeRa3fFYkNqqZHKC4i1AwaWSSNBeqCcs5_9MJVkHL8clA92L0xdmqFnXWitY3PD-N84-8DAE-E83LCZ2sGhHTkVf91gFP3hlPqhPr4L4sJFxCE4/s1600/utorrent+remote.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0HqeGe3g4Nwpm2hLATqzqt5yghPBfNeRa3fFYkNqqZHKC4i1AwaWSSNBeqCcs5_9MJVkHL8clA92L0xdmqFnXWitY3PD-N84-8DAE-E83LCZ2sGhHTkVf91gFP3hlPqhPr4L4sJFxCE4/s320/utorrent+remote.jpg" width="209" /></a></div>
<br />
Now you will be be at the Privacy FAQ page of µTorrent Remote Website.
On this page there are some Wikipedia Page's links are mentioned. Now
you have to click on any Wikipedia link on this page. Again remember
that link should be opened in the same tab and do not open it into new
tab.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy4QDNQa4COyjklDJgMoUXC9ej4nafaZea3fETbTJIITx184QUZjOUkxnP16tunhXgCTrLGsNGh0VmBQibnv9-zJNrrAVsem8uT0MEfTGc704EeAYzAjxCoeyqg-fnPzREFzEjSLc32U8/s1600/utorrent+and+wiki.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy4QDNQa4COyjklDJgMoUXC9ej4nafaZea3fETbTJIITx184QUZjOUkxnP16tunhXgCTrLGsNGh0VmBQibnv9-zJNrrAVsem8uT0MEfTGc704EeAYzAjxCoeyqg-fnPzREFzEjSLc32U8/s640/utorrent+and+wiki.jpg" width="640" /></a></div>
<br />
Now you will see Wikipedia opening with <u><i>https://remote.utorrent.com/</i></u>
in your address bar. You can visit any page of Wikipedia and the
address bar URL will remain unchanged. Do not open any page in the new
tab or window, if you will do the URL will change. Also the Page Title
and Website Favicon also remain unchanged. But it will show the Favicon
and Title of the µTorrent Remote Website. </div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com7tag:blogger.com,1999:blog-5526602164537275144.post-36486012099090328042013-04-06T23:13:00.000+05:302013-05-07T02:29:59.967+05:30Convert Your MKV Video Format Into Other Format Within 4 Minutes<div dir="ltr" style="text-align: left;" trbidi="on">
If you have a video in MKV format on your computer, you can play that easily using video players like VLC Player, JetAudio Player etc. But if you need to play those videos into your DVD player or in your LED TVs through USB. Sometimes these devices are not compatible with these file formats and they cannot play those MKV format videos. Then comes the need to convert the video format, for this you need some video converting tools, but this process is very irritating and time consuming.<br />
<a name='more'></a><br />
For converting a MKV file of size 1GB, all video converter tools takes nearly 1 hour which is very long time. But there is a method of converting MKV file into other format in just 4-8 minutes.<br />
<br />
MKV file is like a container in which other file formats are placed. For example, in a MKV there can be a video file of AVI format and a audio file of MP3 and a subtitle file of SRT format. All these format combined in MKV makes a video file with audio and subtitle.<br />
For converting the MKV file format to other format, you need to extract the file inside a MKV container. Follow the steps below to convert your video very fast:-<br />
<br />
<ul>
<li>First of all you need a tool to extract MKV file, for this download <a href="http://www.videohelp.com/tools/MKVtoolnix" rel="nofollow" target="_blank">MKVToolnix</a>.</li>
<li>Install <b>MKVToolnix</b> and go to installed folder in <b>C:\Program Files\MKVToolNix</b>.</li>
<li>Open <b>MKVExtractGUI</b> and add your MKV file into input file box.</li>
<li>Now, set your output folder and then in tracks select the video file and audio file.</li>
<li>Now click on extract and extraction will take about 2 minutes for 1-2 GB of file.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
When extraction is completed, you will see two files in output folder one for video and one for audio.<br />
Now, check the format of the video file, <b>if the extracted video format is AVI</b> then download and install <a href="http://www.videohelp.com/tools/AVIMux-GUI" rel="nofollow" target="_blank">AVIMux GUI</a>. Now follow the steps below:<br />
<ul>
<li>Open AVIMux GUI and and add both the extracted files one for video and one for audio into the input field by selecting these two file together and drag dropping into input field.</li>
<li>Now, click on Start button, it will start muxing the video file and audio file into the AVI format.</li>
<li>Muxing will take approx. same time as extraction taken and after muxing you will get the AVI video file with audio.</li>
</ul>
<i>The AVI format is very compatible with DVD player, Mobile devices and TV systems. But if you need another format you can download other muxing tools from <a href="http://www.videohelp.com/tools" rel="nofollow" target="_blank">this website</a>.</i><br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com19tag:blogger.com,1999:blog-5526602164537275144.post-50883634712731307922013-04-03T02:38:00.003+05:302013-05-07T02:30:15.338+05:30Add Horizontal Menu With Search Bar Above Blogger Header <div dir="ltr" style="text-align: left;" trbidi="on">
Blogger templates can have horizontal menu bar below the blog header. It is easy to add, just add the 'Label' widget below the header in the blogger layout and your menu bar with all your blog's topic is ready. But some time you need to add another menu bar for some special pages or topics like About page, Privacy policy page and Sitemap page etc. You always want to keep this type of menu apart from your main menu bar. So why not add this menu bar above your blog's header.<br />
<a name='more'></a><br />
The search bar above or with header looks good than placing it in sidebar. In this tutorial you will get to know how to add horizontal menu bar with search bar on the top of your blogger header.<br />
You can take look at the <a href="http://thepagewordlab.blogspot.in/" target="_blank">Live Preview</a>. <br />
Lets start the process by following below steps:<br />
<br />
<br />
<ul>
<li>Go to your Blogger Dashboard >> Template >> Edit HTML.</li>
</ul>
<ul>
<li>Remember, backup your current template before editing on it.</li>
</ul>
<ul>
<li>Search for ]]></b:skin> in your template and paste the below code just above it.
</li>
</ul>
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: 600px; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> </code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;">/* CSS FOR SEARCH BAR STARTS */ </code>
#search{width:250px; border:1px solid #E0DFD9;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0cJG26GzufUPOdv-5Q_jZT_PmX-Bga_9HrdgV9lY42uQpfnfQYnEWNd46UKNh47-t9PqwOtIRpNitOggr6S-O1qy2-TKTAFWJYtRPfv8hMblRuhE0rBkvRlVxBl2jWxu_btiaiakMXJY/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:1px}
</code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;">/* CSS FOR MENU BAR STARTS */ </code> </code>
.shadowblockmenu{
font-weight: bold;
font-size: 85%;
width: 100%;
background-color: #0F3775; </code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;">/* Change the background color of horizontal bar */ </code>
}
.shadowblockmenu ul{
border: 1px solid #BBB;
border-width: 0px 0; /* Show only top and bottom border for main menu container */
padding: 0;
margin: 0;
overflow: hidden;
}
.shadowblockmenu ul li{
display: inline;
margin:0;
padding:0;
}
.shadowblockmenu ul li a{
display:block;
float:left;
text-transform: uppercase;
color: white;
padding: 8px 15px 8px 9px;
margin: 0;
text-decoration: none;
border-right: 0px solid #BBB; /*right border between menu items*/
-moz-box-shadow: inset -7px 0 10px <span style="background-color: #bf9000;">rgba(2, 2, 119, 0.6)</span>; /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.4) specifies rgb values, last specifies opacity */
-webkit-box-shadow: inset -7px 0 10px <span style="background-color: #bf9000;">rgba(2, 2, 119, 0.6)</span>;
box-shadow: inset -7px 0 10px <span style="background-color: #bf9000;">rgba(2, 2, 119, 0.6</span>);
text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
-moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.shadowblockmenu li:nth-of-type(1) a{ /* Extra style for first menu link */
border-left: 1px solid #BBB; /* add border to left side of first menu link */
padding-left:25px;
background: url("<span style="background-color: #cc0000;">Icon Image URL</span>") 1px center no-repeat; /* Add icon */
background-size:20px 20px;
}
<span style="background-color: #38761d;">.shadowblockmenu li:nth-of-type(2) a{ /* Extra style for 2nd menu link */
padding-left:25px;
background: url("</span></code><code style="color: black; word-wrap: normal;"><span style="background-color: #38761d;"><span style="background-color: #cc0000;"><code style="color: black; word-wrap: normal;">Icon Image URL</code></span>") 1px center no-repeat; /* Add icon */
background-size:20px 20px; </span>
}
.shadowblockmenu li:nth-of-type(3) a{ /* Extra style for 3nd menu link */
padding-left:25px;
background: url("</code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"><span style="background-color: #cc0000;">Icon Image URL</span></code>") 1px center no-repeat; /* Add icon */
background-size:20px 20px;
}
.shadowblockmenu li:nth-of-type(4) a{ /* Extra style for 4nd menu link */
padding-left:25px;
background: url("</code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"><span style="background-color: #cc0000;">Icon Image URL</span></code>") 1px center no-repeat; /* Add icon */
background-size:20px 20px;
}
.shadowblockmenu li:nth-of-type(5) a{ /* Extra style for 5nd menu link */
padding-left:25px;
background: url("</code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"></code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"><span style="background-color: #cc0000;">Icon Image URL</span></code></code>") 1px center no-repeat; /* Add icon */
background-size:20px 20px;
}
.shadowblockmenu ul li a:hover{
color: yellow;
-moz-box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6); /* Add 2 inset shadows to each menu item */
-webkit-box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6);
box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6);
} </code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;">/* www.thepageword.com */ </code> </code>
</code></pre>
<br />
<br />
<br />
Note:-<br />
<i>If you want to add icon for each menu tab you have to add your icon image URL in place of <span style="background-color: #cc0000;">RED</span>. Icon image should be square and will be better if 20px*20px or 40px*40px.</i><br />
<i>IF you want to add more tab you can repeat the the code in <span style="background-color: #38761d;">GREEN</span> for each tab styling and icon.</i><br />
<i>Change the RGBA values in <span style="background-color: #bf9000;">Yellow</span> to change the shadow and depth in the tab before hovering.</i><br />
<i>Change the shadow and depth on hover by changing RGBA values in .shadowblockmenu ul li a:hover{</i><br />
<br />
<br />
<br />
<ul>
<li>Now, you need to add HTML for your Horizontal Menu Bar with Search Bar.</li>
<li>Press Ctrl + F and search for below code:</li>
</ul>
<ul><pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <span style="background-color: purple;"><div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/> </span>
</code></pre>
</ul>
<ul>
<li>If you didn't find the above code, then try to search for following code: <pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <span style="background-color: magenta;"><div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Herman Blog (Header)' type='Header'/>
</b:section>
<div style='clear: both'/>
</div> </span>
</code></pre>
</li>
</ul>
<ul>
<li>Now paste the below code just below the above code in <span style="background-color: magenta;">PINK</span>.</li>
<li>If you got found the code above in <span style="background-color: purple;">Purple</span>, then paste below code just above it.</li>
</ul>
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <div class='shadowblockmenu'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Sitemap</a></li>
<li><div class='topsearch' style='float: right'>
<div class='clerfix' id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search This Blog Here...'/>
<input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPUeEPhb5aim76CJ9d9xnTgBUCkjK8QDy0yp6pjShX3-8Dglx0wEGQRmxU-gVUnkVzENK2FDwLUEFO99y_w4rpn0QXiNSymfJIU5CYqqjgDefO7hiYUl80BEOpY3Y7Rzt5SX0agtKdX9Q/s1600/search.png' title='Search' type='image'/>
</form>
</div>
</div>
<div style='clear:both;'/></li>
</ul>
</div> </code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"></code><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;"><code style="color: black; word-wrap: normal;">/* www.thepageword.com */ </code></code></code>
</code></pre>
<br />
<br />
Note:-<br />
<i>Replace # with your URL for each tab and change the tab name accordingly.</i><br />
<i>If something goes wrong or having any problem you can comment below</i>.<br />
<br />
<br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com21tag:blogger.com,1999:blog-5526602164537275144.post-40112309365368985622013-04-01T23:56:00.000+05:302013-05-07T02:30:46.650+05:30Create Space Between Content Area And Sidebar In Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
In my previous tutorial about Creating shadow effect on content area and sidebar area , I had explained you about applying shadow effect in blogger. When you apply shadow effect on both content area and sidebar then shadow between sidebar and content area overlap on each other, which does not look good. To overcome this situation you can create space between sidebar and content area.<br />
<br />
In this tutorial I will explain you about how to do<br />
<a name='more'></a>this, for doing this first you need to do is to set the width of content area and expand the template. When you expand the template sidebar area will automatically got gap from content area. Just follow the below steps and before doing this you can see <a href="http://thepagewordlab.blogspot.in/" target="_blank">Live Preview</a> of it.<br />
<br />
<h2>
Set The Width Of Content Area</h2>
<ul>
<li>Go to Blogger Dashboard >> <b>Template</b> >> <b>Edit HTML</b>.</li>
<li>Click on <b>Proceed</b> but first backup your template.</li>
<li>Now, Press Ctrl + F and Search for below code:</li>
</ul>
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <div class='<span style="background-color: #ffd966;"><b>column-center-inner</b></span>'">
<b:section class='main' id='main' showaddelement='no'>
</code></pre>
<ul>
<li>In your template Class name may vary, to get your templates class name you can do following things:</li>
</ul>
<ol>
<li>You open your blog into Firefox browser.</li>
<li>Now, put the cursor on content area and right click on it >> Inspect Element.</li>
<li>Now click this button <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD8Mdj4Y_oOPRJNvB6pr29uHV1_CoRz1h1hkPNnXAQSvVeawQv7su_Ps3JXKQYaSCi0_gkKkRZK_yF25aijzFdVn9CGUTB_aJOY_oF0sQNSv-Aj85Uj-6B-x22nurUlUsuYDOzdypr6yw/s1600/button.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="inspect, element, button" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD8Mdj4Y_oOPRJNvB6pr29uHV1_CoRz1h1hkPNnXAQSvVeawQv7su_Ps3JXKQYaSCi0_gkKkRZK_yF25aijzFdVn9CGUTB_aJOY_oF0sQNSv-Aj85Uj-6B-x22nurUlUsuYDOzdypr6yw/s1600/button.PNG" title="Inspect element botton" /></a> </li>
<li>Now roll over mouse cursor on the content area until you will cover the whole content area in a dotted border boundary. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDYPNnyyyTTjYKOadlikEkHEp4_ASAxeVv2zmD2FWEFtvPwiLdkWQNzw78XOD8Rzyjk2TFMoE3InTbCdUYUjrqPnlIfYGWVOwokZgwyauYa3AXFJmlhdQD4Z8vBhZ1UbqbpQsgwesH4ik/s1600/ScreenShot023.png" rel="nofollow" target="_blank">SEE THIS IMAGE</a>
</li>
</ol>
<ul>
<li>Now, Add a new attribute to your DIV tag like this:</li>
</ul>
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <div class='<span style="background-color: orange;">column-center-inner</span>' style="width: <span style="background-color: #cc0000;">500px</span>">
</code></pre>
<br />
<ul>
<li>Now save your template and see your blog. The space will be created there in content area and sidebar area.</li>
</ul>
<h2>
Note:-</h2>
<ol>
<li> Don't forget to change the class name in <span style="background-color: orange;">yellow</span> with your templates respective class.</li>
<li>You can change the width of content area by changing width in <span style="background-color: #cc0000;">Red</span>.</li>
<li>You can expand the gap either by decreasing the content area width or by increasing the width of whole template in <b>Template</b> >> <b>Customize</b> >> <b>Adjust Width</b>.</li>
</ol>
<i>If you have any question related to this tutorial then please post your comments below.</i> <br />
<ol>
</ol>
See Also: <a href="http://www.thepageword.com/2013/03/shadow-effect-for-content-area-and.html">Shadow Effect For Content Area And Sidebar Area In Blogger</a></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com3tag:blogger.com,1999:blog-5526602164537275144.post-15734712077693962902013-03-31T22:05:00.003+05:302013-05-07T02:31:04.562+05:30Shadow Effect For Content Area And Sidebar Area In Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
Blogger's template are simple, clean and they do not have any eye catching features and tweaks. Due to this blogger user apply the external templates, but there is also some disadvantages of using the external templates. External templates need to be customize according to your needs but they are very difficult to customize in respect of widths, widgets and header. <br />
<a name='more'></a>They are difficult to customize the for the better SEO. Therefore, it is always better to use blogger's template and customizing them.<br />
<br />
In this tutorial I will explain you about adding shadow effect to blogger Content/Blog area and to sidebar area. Shadow effect can be added to the whole blog also. It is not so difficult to add shadow, you just need to follow below steps.<br />
Before doing this you can look at <a href="http://thepagewordlab.blogspot.com/" rel="nofollow" target="_blank">live preview</a>.<br />
<br />
<h2>
Adding Shadow Effect To Content Area</h2>
1) Goto to your blogger dashboard.<br />
2) Now, Go to <b>Template</b>, Click on <b>Edit HTML</b> > <b>Proceed</b>.<br />
3) Before making any changes to your blogger template back up your current template.<br />
4) Now, Press Ctrl + F and search for below code:<br />
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> .main-inner .column-center-inner
</code></pre>
<br />
5) Now, You need to copy the below code:<br />
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> -moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
</code></pre>
<br />
6) Paste the above code just below this code:<br />
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> .main-inner .column-center-inner {
</code></pre>
<br />
7) Now, save the template and you can see the shadow effect for your content area in your blog.<br />
<br />
<h2>
Adding Shadow Effect To Sidebar Area</h2>
The process of adding shadow to side bar is similar to adding shadow to content area. For this:<br />
<br />
1) Goto <b>Template</b> >> <b>Edit HTML</b> >> <b>Proceed</b>.<br />
2) Press Ctrl + F and search for below code:<br />
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> .main-inner .fauxcolumn-right-outer
</code></pre>
<br />
3) Now, again you need to copy below code:<br />
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> -moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
</code></pre>
<br />
4) Paste above code below this code:<br />
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> .main-inner .fauxcolumn-right-outer {
</code></pre>
<br />
5)Now, save your template and check your blog for sidebar shadow.<br />
<br />
After following all above steps you cann see the shadow effect for sidebar and content area, but you can say that it is not looking so good because the shadow betwwen sidebar and content area are overlapping on each other.<br />
<br />
You can get rid of this by <a href="http://www.thepageword.com/2013/04/create-space-between-content-area-and.html">creating space between sidebar column and inner content column</a>. I will explain you to do this in my next post.<br />
<br />
Note:-<i> If your are having some problem regarding this you can comment below.</i></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com17tag:blogger.com,1999:blog-5526602164537275144.post-4602431240832321072013-03-26T00:08:00.000+05:302013-05-07T02:31:19.304+05:30How To Speed Up USB Pendrive Data Transfer.<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
In India we generally use USB 2.0 interface for tranferring data from one device to other. USB 3.0 is also available which gives super speed of 625Mbps (theoretically) but thay are not so popular in India because the system manufacturer were not producing them in India.<br />
USB 2.0 is very popular and all the computer systems which are manufactured after year 2000<br />
<a name='more'></a>are bundled with USB 2.0. USB 2.0 is categorized in Hi-Speed interface for data transfer. They gives data transfer speed of up to 35Mbps (theoretically). <br />
But when we use them to transfer data, practical speed is nearly about 4-7Mbps. This practical speed can be hiked up to 12-15 Mbps or more if you are lucky, by changing the USB device policies. In this tutorial I will explain you how to do this:<br />
<br />
<br />
<h2>
Increasing Speed Of USB 2.0</h2>
<ul>
<li>First, plug in your USB device or pen drive in to your computer. </li>
<li>Now after the device is connected, open "<b>COMPUTER</b>".</li>
<li>Right click on your device and open <b>Properties</b>.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li>Now, In when open dialog box click on <b>Hardware</b> Tab.</li>
<li>Select the USB device from the list and click on properties below it.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ul>
<li> Now, a new dialog box will open, In this dialog box click on <b>Change settings</b> button.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li> Again a new dialog box will open in this box, click on <b>Policies </b>tab. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li> Now, you will see that your default Removal Policy is set to <b>Quick Removal</b>.</li>
<li>Change the policy to <b>Better Performance</b>.</li>
</ul>
Now restart your computer system and enjoy the Hi- speed data transfer.<br />
<br />
Note:-<i> When you set your removal policy to 'Better Performance' it will increase your data transfer speed but when you need to remove your USB device you must use 'Safely Remove Hardware' notification icon in the system tray. Otherwise your device will be damaged and it can ask for scan and fix bad sector when you plug your device again in the computer system.</i><br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com26tag:blogger.com,1999:blog-5526602164537275144.post-51942102488367399622013-03-10T22:29:00.004+05:302013-05-07T02:31:36.187+05:30Display Own Phone Number In Your Android Phone Status.<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Android users can check their own mobile phone number in the phone status. Many android versions messaging features need "My Phone
Number" on the SIM card to link your picture to your contact in the contact
list. But in India many mobile service operator doesn't include the phone number data with their SIM card. That's why when you check your phone status you can see that in "My Phone Number", there is no phone number or Unknown is displayed.<br />
<a name='more'></a><br />
<br />
In this post I will try to solve this problem. I will tell you the procedure to write your own phone number on your SIM card and Hence displaying it in your Android Phone Status. Here in this tutorial I will use the Samsung Galaxy Y Young but the process will be similar for other phone models and other Android versions.<br />
<br />
<br />
<h2>
Writing Your Own Phone Number On SIM Card.</h2>
First you have to add your phone number information into your SIM card. The process in different from adding contacts to your SIM card. Follow these simple steps described below:<br />
<ul>
<li>First, Go to <b>Contacts</b> and Press the <b>Left Sub Key</b> for more options.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ul>
<li>Now, click on <b>More</b> in the options and the click on <b>Settings</b>.</li>
<li>Now, You can see <b>Own Number</b> option in Settings.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li>Open <b>Own Number</b> setting By clicking on it.</li>
<li>Enter Your <b>Name</b> and Phone <b>Number</b> in it and click on save button.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
Now you have completed writing your own phone number for Your SIM card in your phone.<br />
<h2>
</h2>
<h2>
Display "My Phone Number" in my Phone Status.</h2>
For displaying your own phone number in your phone status first you will need to write it in your SIM card settings as described above.<br />
If you have already completed above steps you can check your phone Status by going to <b>Menu</b>>><b>Settings</b>>><b>About Phone</b>>><b>Status</b>.<br />
Here you will see "My Phone Number" is not displayed yet.<br />
For displaying it in status you will need to restart your phone and then check your phone status again.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Now, your own phone number will be displayed in the status.<br />
<br />
Note:-<i> In some other brand dual SIM phone like Spice and Micromax you can do this by going to your SIM Management Settings and adding your phone number for that particular SIM.</i><br />
<br />
Read Also: <a href="http://www.thepageword.com/2012/07/how-to-capture-screen-on-samsung-galaxy.html">How to capture Screen on Samsung Galaxy Y Android Phone</a><br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com73tag:blogger.com,1999:blog-5526602164537275144.post-12047800059195552952013-03-02T05:03:00.001+05:302013-05-07T02:31:51.821+05:30How to integrate adsense on wordpress.com<div dir="ltr" style="text-align: left;" trbidi="on">
WordPress is very favorite platform for blogger because of its easy to work plugins and widgets. WordPress provides best template themes for free which can decorate your blog like professionals.<br />
Everyone who starts a blog or website his ultimate dream is to monetize his blog to earn some money. For monetizing your blogs and websites you can add various ad networks on them. There are many ad networks for publishers but Google's Adsense is one of the best for the publisher because it pay for clicks and impression both.<br />
<a name='more'></a>But the problem is that WordPress does not allow its users to add any other networks ads on their blog (WordPress.com), for adding ads to your WordPress blog you need to host the WordPress site on your web host (WordPress.org need hosting to install). <br />
For the free WordPress bloggers, WordPress started a service named WordArt through which they can integrate ads from WordArt on their blog but WordArt need heavy web traffic to get approved. In this post I will explain you the procedure to monetize your WordPress blog without paying on web hosting.<br />
<br />
<h2>
Procedure to install WordPress without purchasing Hosting.</h2>
You can have a web hosting without paying anything for this from my hosting providers like <a href="http://www.000webhost.com/" rel="nofollow" target="_blank">000webhost</a>, <a href="http://www.freehosting.com/" rel="nofollow" target="_blank">freehosting</a> (if you have domain name) and <a href="http://1freehosting.com/" rel="nofollow" target="_blank">1freehosting.com</a>. In this tutorial I will use 1freehosting.com because it will not need to have a domain name and it provide you Cpanel including the Auto installer. All you need to do is:<br />
<ul>
<li>Go to 1freehosting.com and sign up for free hosting and activate your account from your mailbox.</li>
<li>Now select the Hosting plan to 1freehosting and confirm by clicking select button.</li>
<li>Now, it will ask for domain name, register a sub-domain name in 1freehosting like yourname.hostingsiteforfree.com.</li>
<li>when your domain is created it will say that it take 12 hours time for DNS propagation but when you reload the page your domain will shown to be active.</li>
<li>Now, in front of your domain account click on switch button, it will take you to the Cpanel.</li>
<li>In Cpanel, go to website section and open Auto Installer.</li>
<li>Now, click on WordPress and enter Admin name and password and click on install WordPress.</li>
<li>Now, you can check your website running on WordPress. If it doesn't open you can wait for 1 to 12 hours for the DNS propagation. </li>
</ul>
<h2>
Now Get The Top Level Domain Name.</h2>
Now, you already have hosting with WordPress installed on it then you will need a top level domain name, which can help you in getting your application for Adsense to be approve easily. To get a free TLD all you need to do is:<br />
<ul>
<li>Go to <a href="http://www.dot.tk/" rel="nofollow" target="_blank">www.dot.tk</a> and enter domain name of your choice and click on GO button.</li>
<li>Now Check "Forward this domain to" and enter your 1freehosting sub-domain name below it.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ul>
<li>Also select the registration length to 12 months (for registering this free domain for one year).</li>
<li>Now, continue with the instruction on the form. You can register this domain without signing up but it is better to sign up for the registration of domain name for custom DNS settings and domain forwarding settings. </li>
</ul>
<ul>
</ul>
<h2>
Monetizing Your Website.</h2>
Now design and develop your website with professional templates from WordPress and write quality and your own content to make your site eligible for Adsense approval.<br />
When you have enough content, traffic and fulfilling other criteria for adsense, then go forward and apply for it using your top level domain name. Now, when you get adsense approval then you can add Adsense ads on your WordPress blog and there will be no restriction from WordPress.<br />
Now enjoy monetizing your blog and websites!!!<br />
<br />
Also see: <a href="http://www.thepageword.com/2012/05/convert-and-display-your-blog-feed-on.html">Convert and display your blog feed on a HTML page</a></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com4tag:blogger.com,1999:blog-5526602164537275144.post-80697295254208526152013-02-21T00:25:00.002+05:302013-05-07T02:32:08.786+05:30Install "Related Content" Widget On Blogger Mobile Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Related content widgets on any site or blog can help in increasing "average time on site" by your visitors. These widgets shows the content on the website or blog which is related to the content on which user is already. This can get you more page views because visitors can visit other pages on the website due to his interest in that particular content. <br />
<a name='more'></a><br />
In this tutorial I will show you how to install related content widget on blogger desktop version template and mobile version template also.<br />
<br />
<br />
You can install these type of widgets from <a href="http://nrelate.com/" rel="nofollow" target="_blank">nrelate</a> and <a href="http://www.linkwithin.com/" rel="nofollow" target="_blank">linkwithin</a>.<br />
<br />
<h2>
nrelate Related Content Widget</h2>
<h3>
For Desktop Version Template</h3>
<ul>
<li>Goto <a href="http://nrelate.com/">nrelate.com</a> and click on <b>Install</b> on the navigation menu.</li>
<li>Select '<b>Related Content</b>' from the products.</li>
<li>In the platform click on the <b>Blogger Logo</b>.</li>
<li>Scroll down the page to <b>Installing without signing up for an account </b>(installing with default settings)<b> </b>and select the link according to your choice "Install on post pages only" and "install on Homepage and post pages".</li>
<li>Now, click on <b>Add nrelate Widget</b> button</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li>Now, in Add Page Element select your blog, delete title and click on <b>Add Widget</b> and you have done!</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<i>To change the widget setting you can</i> <i>Partner Login on nrelate website by registering your account first.</i> <i>You can change color, style, thumbnail size and other setting of this widget by logging in partner site.</i><br />
<br />
<h3>
For Mobile Version Template</h3>
<ul>
<li>First You need to Install nrelate version for desktop version template on blogger. If you have already installed skip this step.</li>
<li> Goto blogger and login and then goto to your blog <b>Layout</b>.</li>
<li>Now click "Edit" on nrelate widget.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ul>
<li>Now a pop up window will open including the code of nrelate, in this window check the address bar for <b>widgetId.</b> For example your widgetId is XYZ, copy your widget id.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ul>
<li>Now goto your blogger template and click on <b>Edit HTML</b> button.</li>
<li>Check on Expand Widget Templates and now search for you widget id by pressing Ctrl+F and pasting your widgetId in the find box.</li>
<li>Now look for the code below</li>
</ul>
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <b:widget id='<b><span style="color: blue;">XYZ</span></b>' locked='false' title='' type='HTML'>
<b:includable id='main'>
</code></pre>
<ul>
<li>
Replace the above code with the code below:</li>
</ul>
<br />
<ul><pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <b:widget id='<b><span style="color: blue;">XYZ</span></b>' locked='false' mobile='yes' title='' type='HTML'>
<b:includable id='main'> </code></pre>
</ul>
Don't Forget To replace <span style="color: blue;">XYZ</span> with your nrelate widget id.<br />
<br />
<ul>
<li>Now, save your template.</li>
<li>Now, click on customize mobile template in the template window of blogger.</li>
</ul>
<ul>
<li>Choose <b>Custom</b> mobile Template and click on save.</li>
<li>Your work is done now, widget will be flashing on mobile version of your blogger blog.</li>
</ul>
Also Read: <a href="http://www.thepageword.com/2012/08/how-to-add-custom-link-to-your-blogger.html">How to add custom link to your blogger header image</a><br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com24tag:blogger.com,1999:blog-5526602164537275144.post-58471779679627227092013-02-18T00:47:00.001+05:302013-05-07T02:32:36.472+05:30Upgrade Hotmail.com To Outlook.com<div dir="ltr" style="text-align: left;" trbidi="on">
Recently Microsoft launches its upgrade for the Microsoft Account's mailbox. They have provided the upgrade for the Hotmail users basically, Hotmail user can upgrade there mailbox to a new and easy looking interface which is called as Outlook.<br />
You can upgrade your Hotmail using your browser for the website version of Hotmail and for your smartphones you can download the new Outlook application.<br />
<a name='more'></a><br />
<br />
<h2>
How to Upgrade To Outlook.com</h2>
<h3>
From Hotmail Account</h3>
Sign in to your Hotmail account and click on the <b>Options</b> and then <b>Upgrade To Outlook.com</b>.<br />
<h3 class="separator" style="clear: both; text-align: center;">
</h3>
<h3 class="separator" style="clear: both; text-align: left;">
From Outlook.com</h3>
<ul>
<li>Goto <a href="http://outlook.com/">Outlook.com</a>.</li>
<li>Login using your existing Microsoft accout like @hotmail.com, @live.com.</li>
<li>Enjoy the new outlook mailbox.</li>
</ul>
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<i>Switching back to hotmail.com was available for the period of outlook.com preview. Now, the is no option in the settings to switch back to hotmail old interface.</i></blockquote>
</blockquote>
<br />
<h2>
Setting Up Outlook App On Android.</h2>
<ul>
<li>Download and install the <a href="https://play.google.com/store/apps/details?id=com.outlook.Z7#?t=W251bGwsMSwxLDIxMiwiY29tLm91dGxvb2suWjciXQ.." rel="nofollow" target="_blank">Outlook App</a> on your device from Play Store. </li>
<li>Open the app and enter your hotmail.com email address and password.</li>
<li>Click on next and follow instructions, the app will automatically setup your account</li>
</ul>
<br />
<h2>
Setup Alias To Your Outlook.com Account</h2>
You can set up alias or other email address with the same inbox from your outlook.com account.<br />
<ul>
<li>To setup alias you have to sign in to your Outlook.com account and then click on the Setting icon in the upper right corner of the window, and click on "<b>More mail settings</b>."</li>
<li>click on "<b>Create an Outlook alias</b>." </li>
<li>Now, enter the new name for your new e-mail address.</li>
<li>You can create alias for only sending the mail and for both sending and receiving the mail.</li>
<li>Outlook.com setup the same inbox for all alias.</li>
</ul>
<br />
<br />
<br />
<h2>
You Can Upgrade From Gmail.com To Outlook.com</h2>
<ul>
<li>Login to your Gmail account and click on <b>Settings</b>. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li>Next, click on the <b>Forwarding and POP/IMAP </b>Tab.</li>
<li>In forwarding setting, click on the "Add a forwarding address" button.</li>
<li>Fill in the Outlook.com address and save the settings.</li>
</ul>
<h2>
Features Of Outlook.com </h2>
<ul>
<li><b>Keyboard Shortcuts:- </b>You can setup keyboard shortcut for your outlook webmail as they are for the desktop app also.</li>
<li><b>Customized inbox</b>:- You can change the color of the navigation pane of your inbox. You can toggle between 'reply' and 'reply all' for default setting. You can setup reading pane according to your choice.</li>
<li><b>Tab to send</b>:- You can press tab button to send any mail instantly.</li>
<li>Spam and newsletters can clog any inbox. Outlook.com comes with great tools, like Sweep and Schedule cleanup, which automatically keep your inbox clear of distracting clutter. </li>
</ul>
there are many other features in the new Hotmail or the Outlook.com, you can explore more feature by checking the Outlook.com settings.<br />
<br />
Also read: <a href="http://www.thepageword.com/2011/11/convert-docx-files-to-doc-files.html">Convert .docx files to .doc files</a></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com1tag:blogger.com,1999:blog-5526602164537275144.post-25516360575210846102013-02-13T01:05:00.001+05:302013-05-07T02:32:52.670+05:30How to Check For Update Of FireFox Plugins<div dir="ltr" style="text-align: left;" trbidi="on">
Firefox can automatically download its update and install them but you need to restart the Firefox before the updates works effectively. <br />
You can manually check for updates for Firefox by opening the Firefox <b>MENU>>HELP>>About Firefox</b>. <br />
<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
After updating when you restart Firefox it will check the compaatibilty of plugins and add-on for the updated version, if some found non-compatible it will update them automatically or says to update them manually.<br />
<br />
You can check for plugins update at any time manually by opening the Firefox <b>MENU>>Add-ons</b><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Now Add-on Manager window will open which have otions to download Add-ons, Extensions, Appearances and Plugins.<br />
Now Click on the Plugins button<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Now, all the installed plugins will be shown in the Add-on Manager window. There is a link above the installed plugin which says "Check to see if your plugins are up to date", Click on this link it will take to to the Mozilla Firefox Plugin Checker Page.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<b><i>OR</i></b><br />
<br />
Directly you can go to the Mozilla Firefox Plugin Checker Page by going to <a href="https://www.mozilla.org/en-US/plugincheck/" rel="nofollow">https://www.mozilla.org/en-US/plugincheck/</a><br />
<br />
This page will check for the plugins update and gives you details with the status of plugin and action to update the desired plugins.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Here, You can update the required plugins by clicking on the Update Now buttons.<br />
<br />
<br />
Also See: <a href="http://www.thepageword.com/2012/10/how-to-use-mozilla-custom-keywords-for.html">How To Use Mozilla Custom KeyWords For Faster Searching</a><br />
<br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com1tag:blogger.com,1999:blog-5526602164537275144.post-16542283790487881812012-10-27T01:04:00.000+05:302013-05-07T02:33:36.141+05:30How To Use Mozilla Custom KeyWords For Searching<div dir="ltr" style="text-align: left;" trbidi="on">
Mozilla Firefox browser is one of the most used browser and personally I like this browser more than any other browser. Firefox has some inbuilt features and add-ons which make it smart than all other browsers.<br />
In this post I will try to elaborate one of the inbuilt feature of Mozilla Firefox which is called Custom Keyword or I will say it Smart Keyword.<br />
<br />
<a name='more'></a><br />
<br />
Custom Keyword can be used as the shorthand for different websites and search any query on the website particular website. For example, I want to search for "MBA Program"on Stanford university website, for this I will need to open Stanford University website and then type my query "MBA Program" in the search box and after clicking on the search it will show the results.<br />
<br />
Let's do it in a different way, go to <a href="http://www.stanford.edu/" rel="nofollow" target="_blank">Stanford University</a> website. Now right click in the search box and then click on "Add a keyword for this search.."<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
New Bookmark dialog box will be appear and in this add a keyword for this bookmark like "stan".<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Now, if I want to search for "Law Courses" on Stanford University, I will type "Stan Law Courses" in the Firefox address bar and after hitting Enter key all the related results on the website are shown.<br />
<br />
You can add keywords for any website which provide you searching options. These keyword can be used as the shorthand for the website. For example, add a keyword "GO" for <a href="http://www.thepageword.com/search/label/Google" target="_blank">Google</a>.com by following the steps as described above. Now type "GO" into your address bar and Google.com will opens.<br />
<br />
You can add more and more bookmarks with keywords to manage your searches easily. If you uses more than one search engine you can add keywords for them and search your query with the keyword of the search engine instead of opening the search engine website first and then typing your query.<br />
<br />
Also See: <a href="http://www.thepageword.com/2013/02/how-to-check-for-update-of-firefox.html">How to Check For Update Of Firefox Plugins</a></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com1tag:blogger.com,1999:blog-5526602164537275144.post-33899591757835241412012-09-24T23:38:00.002+05:302013-05-07T02:33:57.195+05:30Check Your Pending Friend Request Sent By You On Facebook<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
You may have many friends on Facebook but there are many of your friends which are not appearing into your friend list because the request which you had sent them to add as a friend are still pending. If you want to add all your friends to your friend list on Facebook but many of them are not responding then you can message them to accept you as a friend. To do this you will need to know which of your friend haven't responded to you and then you can message them for the further action.<br />
<br />
<a name='more'></a>Facebook will show you the list of friend requset which you have got but don't show any such list for the friend request which you have sent in past and is still pending. When there is a will then there is a way also.<br />
In this post I will explain to you the way to find your friends which haven't responded to your friend request.<br />
<br />
<ul style="text-align: left;">
<li>Start the procedure by logging into your <a href="http://www.facebook.com/" rel="nofollow" target="_blank">Facebook account.</a></li>
<li>Go to <b>Account setting » General Account Setting</b> </li>
<li>Now click on <b>Download a copy</b> of your Facebook data.</li>
</ul>
</div>
<div style="text-align: left;">
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="text-align: left;">
<li>Now click on <b>expanded archive </b>link below the password box .</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="text-align: left;">
<li>Facebook will ask you to enter your password again, enter your account password and hit enter.</li>
<li>Now Facebook will collect your information and mail a link to you to download your information into your email address associated with your Facebook account.</li>
<li>Download the compressed File on the disk and extract it.</li>
<li>Open the folder and open the index.html with any browser.</li>
<li>When the html page opened, see the left panel and click on <b>Pending Friend Request</b> link.</li>
</ul>
</div>
This will show you all the pending friend request which you have got and which you have sent to someone. <br />
You can get other information using this procedure like your account activity, Administrative Records, Deleted Friends, login and logout info and etc.<br />
<br />
Also See: <a href="http://pageword.blogspot.in/2012/07/logout-any-facebook-session-that-you.html">Logout any Facebook session that you may have left active on any computer or device</a></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com22tag:blogger.com,1999:blog-5526602164537275144.post-17275015272519143192012-09-16T16:34:00.000+05:302013-05-07T02:34:17.801+05:30Google Search Tools Are Showing Up In Horizontal Bar<div dir="ltr" style="text-align: left;" trbidi="on">
Google Search had changed its websites Favicon about last month ago. The Favicon used now is similar to the icon used in Google's search application for android or mobile phones. There can be reason behind this that Google is trying to provide the same interface on both application/<a href="http://pageword.blogspot.in/2012/09/easy-way-to-create-mobile-version-of.html" target="_blank">mobile site</a> and website.<br />
<br />
<a name='more'></a><br />
<br />
Now Google.com search results are shown aligned to left because the sidebar containing the search tools is moved up like a horizontal menu bar on the website. This change can be seen in Mozilla Firefox browser only and for only Google.com search results not for the Google.co.in results. Google is trying this experiment that's why these change will not be shown every time.<br />
The same type of look for Google search is shown on the mobile site of Google i.e. all the search tools are shown above on the page like horizontal menu bar.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
There can be other reason for removing sidebar search tools like Google is shown some results of some famous personalities and other things on the right sidebar which makes the search page look congested.<br />
Because left sidebar contains search tools, right sidebar contains ads or information related to query and middle portion shows the whole search results.<br />
Therefore Google trying to make changes to search result page to make the results more visible to users.</div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com1tag:blogger.com,1999:blog-5526602164537275144.post-56449366919024994032012-08-09T00:42:00.001+05:302013-05-07T02:34:33.405+05:30Change Your Desktop Icons With Your Custom Icon<div dir="ltr" style="text-align: left;" trbidi="on">
I love to tweak my desktop with themes, wallpapers and etc then why not change my desktop icons.<br />
<div>
I like to change my desktop icons to my favorite images or icons.</div>
<div>
I use Microsoft Windows XP, may be I am old school but I already told you that I keep tweaking my Window XP for a fresh and new feel every time.</div>
<div>
If you are also old fashioned like me then you can also change your desktop icons for that new feel!!!!<br />
<br />
<a name='more'></a><br /></div>
<div style="text-align: left;">
</div>
<div>
<br /></div>
<div>
If you want to change any desktop icon then you have to first convert your favorite image (which you will see as your desktop icon) to ICO (icon format for windows).</div>
<div>
You can convert your images to icon format using <a href="http://www.icoconverter.com/" rel="nofollow" target="_blank">this page.</a></div>
<div>
Now, you have the icon and you are ready to replace your old icon with it.</div>
<div>
<br /></div>
<div>
To change the icon of windows default like My computer, recycle bin, my network places and etc follow the below steps:</div>
<div>
<br /></div>
<div>
<ul style="text-align: left;">
<li>First save your icon to C:\WINDOWS\Your_Icon_Folder because It remove the chances of deleting your icon accidentally.</li>
<li>Now right click on<b> </b>Desktop, then <b>Properties » Desktop » Customize Desktop</b></li>
</ul>
</div>
<div style="text-align: right;">
</div>
<div>
<br /></div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li>Now select your icon which your want to change here.</li>
<li>After selecting icon click on <b>Change icon.</b></li>
<li>A change icon dialog box will open, in this box click on the browse button and go to your icon file
C:\WINDOWS\Your_Icon_Folder\</li>
<li>Select the your icon and click OK button and Apply button.</li>
</ul>
Now its done, you have changed the icon.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>To change icon of any folder:</b></div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li>Right click on folder <b>» Properties » Customize » Change Icon.</b></li>
<li>You will get my icon for folder in the change icon dialog box, select one of them or click browse to change with your custom icon and follow previous steps.</li>
</ul>
<div>
<b>To change Icon of other installed Programs:</b></div>
<div style="text-align: left;">
For example change icon of Mozilla Firefox.</div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li>Right click on Firefox <b>» Shortcut » Change Icon.</b></li>
<li>Again follow the previous steps to change icon.</li>
</ul>
<div>
Now you can change icons of any folder, program and software installed on your computer.</div>
</div>
</div>
<div>
<br /></div>
</div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com1tag:blogger.com,1999:blog-5526602164537275144.post-580932988793667112012-08-05T23:43:00.000+05:302013-05-07T02:34:49.656+05:30How To Protect Your Facebook Photographs.<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div>
People use to upload more photographs on Facebook then their status updates. Friends can see, comment, like and download your photos. When any of your friend download your photos, they do not need any special permission from you to download the photographs. Also Facebook doesn't provide you any notification about your photo being downloaded by anyone.<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Now days some wrong minded people download photographs from Facebook and use them on the Dating websites, Matrimonial website and some sort of website for some bad purposes.<br />
They uses your photographs for wrong purposes without any worry because you do not have any copyrights for your images which can help you to avoid such use of your photos.<br />
You can get rid of this problem by Digitally Watermarking your photographs. Digital watermarking is a process of hiding computer information into your photographs but it does not affect your photograph at all.<br />
<br />
Facebook photographs or albums can be Digitally watermarked by using <a href="http://www.dmca.com/" rel="nofollow" target="_blank">DMCA</a>'s (Digital Millennium Copyright Act) Facebook Watermarker service which is free of cost.<br />
<br />
<b>Using DMCA Facebook Watermark</b><b> </b><br />
<ul style="text-align: left;">
<li>Go to <a href="http://www.dmca.com/Facebook.aspx" rel="nofollow" target="_blank">DMCA Facebook Watermaker</a> Page.</li>
<li>Register here using your Email address, your password for login will be send to this address.</li>
<li>Get password from the Email and log in using your Email and password.</li>
<li>Now you have to connect your Facebook account by clicking on Get Facebook Albums button there.</li>
<li>Now you can choose your photo album on the Facebook Watermaker page which you want to get Watermarked.</li>
<li>After choosing your album you can set the name of your watermarked album. Also you can see the photographs contained in album you have selected by scrolling down on this page.</li>
<li>You can set the Bar Opacity and
<label class="riLabel" for="ctl00_cntBody_txtLogoOpacity_text" id="ctl00_cntBody_txtLogoOpacity_Label">Logo Opacity </label>according your choice.</li>
<li>Finally click on Watermark this album button and your new album with watermarked photographs will be created and you can check this album by logging into your Facebook account.</li>
</ul>
You can uses your custom logos and postion of logo by upgrading to the paid PRO account.<br />
You can protect your privacy by <a href="http://pageword.blogspot.in/2012/07/logout-any-facebook-session-that-you.html" target="_blank">Logging out any Facebook session that you may have left active on any computer or device.</a></div>
</div>
<div>
<div>
<br /></div>
</div>
</div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com1tag:blogger.com,1999:blog-5526602164537275144.post-46008218885338111282012-08-04T23:34:00.002+05:302013-05-07T02:35:04.767+05:30How To Add Two Way SMS Communication Gateway To Your Website.<div dir="ltr" style="text-align: left;" trbidi="on">
You want to interact with users of your website and want that your users can interact with you too through the SMS communication. Then you have to implement a gateway in your website through which you can send and receive SMSs. <br />
There are to methods of implementing this feature into your website:-<br />
<br />
<a name='more'></a><br />
<br />
1. <a href="http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CGIQFjAA&url=http%3A%2F%2Flabs.google.co.in%2Fsmschannels%2F&ei=NVgdUNWqAY3RrQfU14GYCg&usg=AFQjCNGtuMRzZjURDuSYinUZ3TfTzK2uPQ" rel="nofollow" target="_blank">Google SMS Channel</a><br />
<br />
Here in Google sms channel, you can login using your Google account. After logging in you can create your own sms channel by filling a simple form.<br />
When you created your channel Google will provide you with the Subscription Link for your SMS channel.<br />
You can add this link in your website or blog, When any user will click on this link, it will redirect them to the subscription page.<br />
Here your user can subscribe and can get updates from your website or blog whose link you had given in creating the channel. <br />
User can reply to this channel using Text messaging with there mobile phone.<br />
This way you can create the gateway for SMS communication in your websie.<br />
You can make your user to join your channel via SMS from there mobile phones:-<br />
To receive updates from a channel send a SMS by typing “<b>on</b>
Your_Channel_Name” to 9870807070 (for India)<br />
<br />
2.<a href="http://www.zeepmobile.com/developers/" rel="nofollow" target="_blank">Using Zeep Mobile</a><br />
<br />
Zeep Mobile provides a SMS API for connecting with the users of any website via SMS. Zeep mobile provide ad-supported service which is free although they have pricing plan also.<br />
You only have to implement this service in your website using their API. They have given some code samples on their website for different programming languages.<br />
This service can be activated free on your website by signing up using your Email, zeep mobile will send you Email notification when a spot for you is available.<br />
You can embed the subscription panel in your website for making your user to subscribe using their mobile number.<br />
For more information visit <a href="http://www.zeepmobile.com/developers/" rel="nofollow" target="_blank">Zeep Mobile Website</a>.<br />
<br />
<br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com2tag:blogger.com,1999:blog-5526602164537275144.post-21669002506803830552012-08-03T21:12:00.000+05:302013-05-07T02:35:29.706+05:30How to add custom link to your blogger header image<div dir="ltr" style="text-align: left;" trbidi="on">
Blogger header image has by default your blog's homepage URL. You can change this default url to any url of your choice. In my previous post I had described about <a href="http://pageword.blogspot.com/2012/08/how-to-add-alt-text-to-header-image-of.html" target="_blank">How to add Alt Text to header image of blogger</a>, changing header image url is although similar to adding Alt Text to header image.<br />
<a name='more'></a><br />
<br />
<b>Changing URL of Blogger Header Image:</b><br />
<br />
<ul style="text-align: left;">
<li>Go to Dashboard - Template - Backup/Restore - Download Full Template -
Close - Edit HTML - Proceed - Check the box next to 'Expand Widget
Templates'.</li>
<li> Find the following line of code. (By pressing ctrl+F and search for "<!--Show the image only-->"). </li>
</ul>
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;">1: <div id='header-inner'>
2: <a expr:href=<span style="background-color: yellow; color: orange;">'</span><b style="background-color: yellow; color: orange;">data:blog.homepageUrl</b><span style="background-color: yellow; color: orange;">'</span> style='display: block'>
3: <img expr<span style="font-size: small;"><span style="background-color: #eeeeee; color: black;">:alt='data:title'</span></span> expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
4: </a>
</code></pre>
<br />
<ul style="text-align: left;">
<li> Repalce <b>'data:blog.homepageUrl'</b> from the above code with the following code</li>
</ul>
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> <span style="font-size: small;">'"www.Your_URL.com"' </span>
</code></pre>
<br />
Now save your template and check for the changes.</div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com23tag:blogger.com,1999:blog-5526602164537275144.post-9797751612455428282012-08-01T23:15:00.001+05:302013-05-07T02:36:20.487+05:30How to add Alt Text to header image of blogger for better SEO<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Blogger has Blog title, blog description and blog header image. You can use blogger header image instead of the blog title and description. Header image is used as the link to the homepage of your blogger blog.<br />
<br />
When you publish your post having any image you add ALT TEXT to your image for better SEO results (by clicking on image, then on properties and then add title and alt text to image).<br />
<a name='more'></a><br />
What if you want to add ALT text to your HEADER IMAGE. In this post I will describe about adding ALT TEXT to your blogger header image. By default your blogger header image ALT TEXT is your blog title.<br />
<br />
<b>Steps for adding ALT TEXT to Header Image</b><br />
<br />
<ul style="text-align: left;">
<li> Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed - Check the box next to 'Expand Widget Templates'</li>
<li>Find the following line of code. (By pressing ctrl+F and search for "<!--Show the image only-->").</li>
</ul>
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;">1: <div id='header-inner'>
2: <a expr:href='data:blog.homepageUrl' style='display: block'>
3: <img expr:<b style="background-color: black; color: #ffd966;">alt='data:title'</b> expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
4: </a>
</code></pre>
<br />
<ul style="text-align: left;">
<li>Repalce <b>alt='data:title'</b> from the above code with the following code</li>
</ul>
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> alt='"<span style="background-color: #f1c232;">YOUR_ALT_TEXT1</span>, <span style="background-color: #e69138;">YOUR_ALT_TEXT2</span>"'
</code></pre>
<br />
Here, YOUR_ALT_TEXT1 and YOUR_ALT_TEXT2 are the keyword for ALT TEXT. You will need to change these keyword according to your choice. Also you can add more keywords separated with (<b><span style="font-size: large;">,</span></b>)<span style="font-size: large;"><b><span style="font-size: small;">.</span></b></span><br />
<br />
For Example :<br />
<br />
<pre style="background-image: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MGKCUdj81uUrWmulaBdYN_pvjBWqLVjS3DQqjynAo0Hn7zo6ZWswxIaDAOaBi_4c-JtnlrDVKohDfV3syvAUuMstqoOc-7dSci6uGcMOxRm-C1sM6w5r8bNKAsyr8RxPhMz5qiJyeI0v/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><code style="color: black; word-wrap: normal;"> alt='"pageword, my pageword blog"'
</code></pre>
<br />
Now you need to save your templete and adding of ALT TEXT to HEADER IMAGE is complete.<br />
<br />
See also: <a href="http://pageword.blogspot.in/2012/08/how-to-add-custom-link-to-your-blogger.html" target="_blank">How to add custom link to your blogger header image</a></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com323tag:blogger.com,1999:blog-5526602164537275144.post-14970580800535797172012-08-01T05:08:00.001+05:302013-05-07T02:36:38.112+05:30Know what is publicly avaliable about you on internet.<div dir="ltr" style="text-align: left;" trbidi="on">
We always keep registering, posting and commenting on various websites. There are many websites which I had used earlier and posted comments on them in various topic but now I didn't even remembering those websites, but these websites still have my data and comments stored on them.<br />
In social networking website, generally the information remains private i.e. information will not be shared among third party without the proper permissions. Also we publish information publicly on blogs, groups and many other website. After sometimes it is nearly impossible to remember what is publicly available by you on the internet.<br />
<a name='more'></a><br />
<br />
You can use <a href="https://www.google.com/history/" rel="nofollow" target="_blank">Google Web History</a> to know searches you've done on Google and pages you've clicked in search results. By default your google web history is off and you can activate it by logging into your google account.<br />
<br />
For checking what is publicly available about you on internet, you can again use Google search.<br />
Here the search keyword will be your username which you use most of the time while registering on websites.<br />
For example: xyz@gmail.com is the email id which I use most of the time while registering and commenting on different website and use this email id for registering on Facebook also. I have been using this email id since many years.<br />
<br />
Now to know what is public about me on internet, I will Google the keyword "(xyz)" within round brackets.<br />
The Google search result will show all the information available publicly about this user id.<br />
Generally you will find the comments you have posted on some blogs or websites which do not need authentication for commenting and posting. You can also find your websites or blog's link if you have and social networking website's profile links which you use or you used in past.<br />
Now search what you will get in your search results.<br />
<br />
<a href="http://pageword.blogspot.in/2012/06/how-to-know-about-website-owner-and-his.html" target="_blank">Also you can know about a website owner and his address details.</a><br />
<br /></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com0tag:blogger.com,1999:blog-5526602164537275144.post-11942293653926348732012-07-30T23:48:00.000+05:302013-05-07T02:36:50.701+05:30Logout any Facebook session that you may have left active on any computer or device<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
If you are in a cafe or at your friend's house and using Facebook on their computer systems or devices. Finally when you leave from their and forgotten to logout your Facebook session, and you are now worrying about your personal information, which can get in wrong hands in the cafe or your friend can make us of your session to make some mischievous pranks.</div>
<div style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
<a name='more'></a><br />
<div style="text-align: left;">
Actually there is no need of worrying because Facebook offer a number of security features that help keep your personal information private, one of the feature is Remote logout. </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Remote logout can be use to close any Facebook session that you have forgotten to logout on any computer or device. To use the Remote logout you need to follow some simple steps. </div>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li>Login to your Facebook account using your computer or device.</li>
<li>Go to your Account Settings page, in the Account Security section.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul style="text-align: left;">
<li>In security settings, click on <b>Active Sessions.</b> </li>
<li>After clicking on Active session you will see some thing like this</li>
</ul>
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<b><br /></b>
This active Session box will show your Current session and your previous session along with the date and time, location and device type.<br />
The device type will also show what browser you have used for logging into the Facebook account. <br />
You can choose any session which you want to close and then click on <b>End Activity </b>link, Now your session will be closed and your information will remain safe and private. There are other methods of saving your information online on Facebook.<br />
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<a href="http://pageword.blogspot.in/2012/08/how-to-protect-your-facebook-photographs.html" target="_blank">1.How To Protect Your Facebook Photographs.</a> </div>
<div style="text-align: left;">
<a href="http://pageword.blogspot.in/2012/07/facebook-av-marketplace-providing-top.html" target="_blank">2.Facebook AV Marketplace Providing Top AntiVirus Software For Free </a></div>
</div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com0tag:blogger.com,1999:blog-5526602164537275144.post-81113961494284537322012-07-26T02:42:00.001+05:302013-05-07T02:37:08.024+05:30Google Search added Scientific Calculator for calculations<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: right;">
</div>
If you want to do some sort of calculations whether they are scientific ones and you have been using your computer calculator as a tool for this, then forget your computer's calculator. Because you can use Google's calculator.<br />
<br />
<a name='more'></a><br />
<br />
Before
the addition of this calculator people were also uses Google to
calculate. For example they were need to type 2+2 in the search bar and
the result 4 was shown in the search results.<br />
<br />
But now
when you will type 2+2 in the search result, the result 4 will be shown
in a calculator with all buttons below for scientific calculation.<br />
You can get this calculator by typing calculator in the Google search bar.<br />
Google is adding more and more features to there search engine, I think that Google want to make its search engine a destination for its user and not only the platform for reaching the different destinations.<br />
This Google calculator has a button which can be shifted to Rad for doing calculation in Radian and to Deg for computing in term of Degrees.<br />
I have tried calculating Log values with this calculator it automatically correct some mistakes like I was calculating " Log (4+5 " and it gives me correct answer because it automatically added the closing parenthesis ")" which I forgot to add. Whereas my calculator will give the syntax error for this reason.<br />
<br />
This
calculator can be used for calculating trigonometric problems,
logarithmic problems, factorials, arithmetic problems or any other scientific calculation. This calculator is going to take place of your computer's calculator which you use rarely.<br />
It will be good that day when Google add functions to this calculator for calculating equations, complex numbers and permutation and combination. Then Google will become the destination for many users who use other tools on web to calculate such problems. <br />
<br />
Try your most difficult calculations on the <a href="http://www.google.co.in/search?q=calculator" rel="nofollow" target="_blank">Google Web Search Calculator</a></div>
Mohit Jangrahttp://www.blogger.com/profile/17103831608261866647noreply@blogger.com0