Technical Sarah: October 2015

Saturday, 31 October 2015

How To Hack Wi-Fi Using Android Phone (Top 3 Methods)

After getting a lot of mails i finally decided to write this post many of the user's always ask me the question How to hack Wi-Fi Network using android phone So, this tutorial is for you guys.Please before learning this trick you must know that hacking is illegal Don't try to access other's network without there permission.This tutorial is only for educational purpose i am not responsible if you misuse this trick.Today i will teach you 3 best methods to Hack Wi-Fi using Android Phone.

3 Best methods to Hack Wi-fi using Android Phones

Method 1: Hacking of WPA2 WPS Routers

Step 1: Firstly, if your android phone isn't rooted, try to root it, and also make sure that such android phone have a Broadcom bcm4329 or bcm 4330 chipest unlike the Nexus 7, Galaxy S1/S2, Nuxus 1, Htc Desire HD, etc. The presence of Cyanogen ROM on your device can be of use to make the bcmon app work through.

Recommended: How to use multiple G-Mail Account In 1 Android Phone

Step 2: Then download and install bcmon, it's essential because it helps monitor mode on your broadcom chipest that helps in the PIN Cracking.

Step 3: After installation, run the app and tap "monitor mode" option.

Step 4: Download and Install Reaver app which helps to crack the WPS Pin to retrieve the WPA2 passphrase.

Step 5: After installation of reaver app, launch it and do an on-screen confirmation, which is, confirming that you're not using it for illegal purpose, then tap the APN or access point you'd wish to crack and continue. Most times, you might need to verify monitor mode to proceed, and this would cause the bcmon to open again.

Step 6: Verify your settings and also make sure that you've checked the Automatic Advanced settings" box.

Step 7: Finally, start cracking process by tapping start attack, at this final stage, it can take 2-10hrs for the cracking of WPS to be successful.

Method 2: Hacking of WEP Routers

Step 1: Firstly, if your android phone isn't rooted, try to root it, and also make sure that such android phone have a Broadcom bcm4329 or bcm 4330 chipest unlike the Nexus 7, Galaxy S1/S2, Nuxus 1, Htc Desire HD, etc. The presence of Cyanogen ROM on your device can be of use to make the bcmon app work through.

Step 2: Then download and install bcmon, it's essential because it helps monitor mode on your broadcom chipest that helps in the PIN Cracking.

Step 3: After installation, run the app and tap "monitor mode" option.

Step 4: Then tap the "Run bcmon terminal" option and type "airodump-ng" and Enter. Once the airodump loads finish, you would be directed to the prompt command in which you're to type "airodump-ng wlan0" then tap the Enter button.

Step 5: In this stage, a Mac address would appear, in which you're to jot down.

Step 6: Start scanning the channel by collecting information from the access point before attempting to crack the password, then type, "airodump-ng -cchannel#--bssidMAC address-w output ath0" and tap enter, then it would start scanning, try scanning till it reaches 20,000 - 30,000 packets.

Recommended: How to make your Computer Digital

Step 7: To finally crack the password, return to the terminal, but make sure you've reached the suitable number of packets, then type "aircrack-ng output*.cap" and tap enter at the terminal.

Step 8: Once the password is cracked successfully, you would receive a message alerting, 'Key Found' and would display the key in hexidecimal form. So when entering the key, make sure you eliminate the dots '.' or double dots ':', i.e if it displays 12:34:56:78:90, then enter 1234567890 as the code.

Note:- THIS IS ONLY FOR EDUCATIONAL PURPOSE

Monday, 26 October 2015

7 Wi-Fi Tweaks to Increase Your Internet Speed By 10x

Chances are if you have a wireless internet connection at your home, you have had some trouble with the speed of the connection at least once before. That being said, a slow wireless connection can be frustrating to deal with. You are probably paying good money to your internet service provider, so slow speed is something you should not have to deal with, right? Well, the truth is wireless speed can be affected by a number of things. Luckily there are some Wi-Fi tweaks you can try that should help boost your speed and get you rolling in no time.

1. Reposition Your Router

The position of your wireless router plays a major role in the speed and strength of your wireless connection. If you are having trouble, you should try to reposition your router in a centrally located area, where the signal can equally reach each wireless device in your house. If your router is near an outside wall, try to move it closer to the middle of your house. Routers that are placed near outside walls can send some of the signal outside, which can risk your wireless connection’s strength and speed.

2. Purchase a Wireless Signal Repeater

Adding a wireless signal repeater to your home network can greatly increase the speed of your connection. A repeater works by extending your signal without having to add any additional wires. All you have to do is simply place the wireless repeater in a location that is between your router and your wireless device(s). It will instantly boost the wireless signal that is sent from the router to your devices, meaning faster speeds for you.

3. Install a New Antenna

Most wireless routers come standard with an omnidirectional antenna, meaning it broadcasts the wireless signal in a circular radius to reach various places in your home. If your router is in a perfectly centered location between all of your wireless devices, this is probably fine. But if your router isn’t perfectly centered among devices, you should think about replacing the existing antenna with a stronger one, known as a high-gain antenna. You can usually remove your old antenna and replace it with one of these stronger antennas to boost your signal strength, therefore increasing the speed of your connection. Another perk of a high-gain antenna is its ability to focus the wireless signal in any direction you prefer.

4. Use One Brand of Equipment

You may not think that using different brands of equipment can reduce the speed of your wireless connection, but in reality it can. If you use different brands of equipment, your components may not work as efficiently. This is because many manufacturers of wireless networking equipment pre-install enhancements in all of their products. These enhancements can boost speed, but will only work if products from the same manufacturer are used simultaneously. If you are using various brands of equipment and your speed is suffering, this is definitely worth a try.

5. Reduce Frequency Interference

Many household electronics, such as cordless telephones and baby monitors, run at the same frequency as wireless routers. This means that these electronic devices can interfere with the wireless signal that is being broadcast from your router, which can affect the speed and performance of your connection. Check the box of your router to see what frequency it runs at, and try to avoid using other electronic devices that operate at the same frequency. You can also try to change the channel on your router to avoid frequency interference.

6. Check for Firmware or Driver Updates Regularly

The manufacturers of wireless routers and network adapters often release firmware or driver updates that can improve the function of your wireless connection. You can find and download these updates at the manufacturers’ websites. Updates are usually done to fix issues, add features, and strengthen your equipment’s performance. Check for these updates on a regular basis to make sure your firmware and drivers are always kept up to date.

Wednesday, 21 October 2015

Recommended Post Slider Widget for Blogger with Twitter / Facebook share button

In this post I have an awesome new gadget that can be seen Wordpress blogs is now available for Blogger.Recommended post slider in each post is interesting widget.Those of you who follow some Wordpress blogs have seen the recommended or related posts slider.You may have seen this type of widget in many popular websites like The New York Times, Mashable, Times of India, etc.The widget is originally developed by bloggerplugins, i just changed something in the widget.It keeps readers to read more pages of your blog.

How to Install Recommended Post Slider Widget for Blogger with Facebook,Twitter share button

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

4. Now Click On Save 'JavaScript' You are done.

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style type="text/css">#recslide{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #000;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-6px -5px 5px #aaa; font-family:Arial, Helvetica, sans-serif;}#recslide p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#000; font-weight: bold;}#recslide_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}#recslide a,#recslide a:hover,#recslide_title{text-decoration:none;color:#FE3F10; padding: 5px 5px 5px 2px;}#recslide .close,#recslide .expand,#recslide .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}#recslide .help{right:35px;}#recslide_image{float:left;width:80px;}#recslide_title{width:287px;height:30px;overflow:hidden;}</style><div id="recslide" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p><div id="recslide_image"></div><div id="recslide_title">Loading..</div><center><div id="share_box">loading</div></center></div><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bts_onload_queue=='undefined')var bts_onload_queue=[];if(typeof bts_dom_loaded=='boolean')bts_dom_loaded=false;else var bts_dom_loaded=false;if(typeof bts_async_loader!='function'){function bts_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bts_dom_loaded){newcallback()}else bts_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bts_domLoaded!='function')function bts_domLoaded(callback){bts_dom_loaded=true;var len=bts_onload_queue.length;for(var i=0;i<len;i++){bts_onload_queue[i]()}}bts_domLoaded();bts_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bts_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/recommended-Slide-v1.0.js",function(){},"bts-out-slide")},"jQueryjs")}</script>

And now click Save

Optionally use this Widget installer to add this link to your blogger blog.

Click the following image to add the widget to your blogger:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style type="text/css">#recslide{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #000;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-6px -5px 5px #aaa; font-family:Arial, Helvetica, sans-serif;}#recslide p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#000;    font-weight: bold;}#recslide_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}#recslide a,#recslide a:hover,#recslide_title{text-decoration:none;color:#FE3F10;    padding: 5px 5px 5px 2px;}#recslide .close,#recslide .expand,#recslide .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}#recslide .help{right:35px;}#recslide_image{float:left;width:80px;}#recslide_title{width:287px;height:30px;overflow:hidden;}</style><div id="recslide" style="display:none;"> <div class="help">?</div><div class="expand">+</div><div class="close">X</div><p>Recommended for you</p><div id="recslide_image"></div><div id="recslide_title">Loading..</div><center><div id="share_box">loading</div></center></div><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bts_onload_queue=='undefined')var bts_onload_queue=[];if(typeof bts_dom_loaded=='boolean')bts_dom_loaded=false;else var bts_dom_loaded=false;if(typeof bts_async_loader!='function'){function bts_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bts_dom_loaded){newcallback()}else bts_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bts_domLoaded!='function')function bts_domLoaded(callback){bts_dom_loaded=true;var len=bts_onload_queue.length;for(var i=0;i<len;i++){bts_onload_queue[i]()}}bts_domLoaded();bts_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bts_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/recommended-Slide-v1.0.js",function(){},"bts-out-slide")},"jQueryjs")}</script>

And now click Save

if you want slide come out whenever you reach the end of post, then follow this instruction:

Adding Recommended post slider widget below posts

I have seen few who are showing the Recommended post slider of posts below their posts. It’s also a good script placement which can increase your pageviews.

To add the code , just follow the above instructions.

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout.Backup your template before attempting this tutorial.

Step 1:

In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.

In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.

Now find (CTRL+F) this code in the template:

<data:post.body/>

Immediately below any of these, add the following code and save Template:

<b:if cond='data:blog.pageType == "item"'>

<div style='display:none' id='recslide_place_holder'></div>

</b:if>

Now you can see a beautiful Recommended post slider appearing below the posts in your Blog.

How to Install Recommended Post Slider Widget for Blogger

So, let's see how to install this cool widget in your blog..

1. Sign into Blogger dashboard

old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget.Select 'HTML/Javascript' and add the one of code given below.Just copy and paste this code..

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script>

And now click Save

Optionally use this Widget installer to add this link to your blogger blog.

Click the following image to add the widget to your blogger:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div><div class="close">X</div><p>Recommended for you</p><div id="bpslidein_image"></div><div  id="bpslidein_title">Loading..</div></div><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script>

And now click Save

if you want slide come out whenever you reach the end of post, then follow this instruction:

Adding Recommended post slider widget below posts

In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.

In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.

Now find (CTRL+F) this code in the template:

<data:post.body/>

Immediately below any of these, add the following code and save Template:

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

Now you can see a beautiful Recommended post slider appearing below the posts in your Blog.

Many thanks to breakthesecurity or bloggerplugins for making this code and I just tested and modified to work on blogger

Monday, 19 October 2015

Explanation:

(Edit the values to fit your blog)

tablewidth - Width of the widget

cellspacing - Space between cells (default one is good)

borderColor - Border color (add the background color of your template to perfectly blend it in the template)

thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)

fntsize - Font size of the title

acolor - Color of the titleaBold - you want bold titles? (true or false)

numposts - How many posts you want to show?

home_page : http://24work.blogspot.com/ (change this to your blog url)

And now click Save

this widget was made by [ http://www.instantfundas.com ]

you might like the Recent Posts with Thumbnails Widget 2

This post explains how to add Recent Posts widget in Blogger with image thumbnails:

well they are many hacks up there on the net for RECENT POSTS BLOGGER !

and actually i have tried many of them ! and while i was surfing the net than i found this amazing hack !

finally i have got what i want ! this widget was made by the legend “bloggertricks” we thanks him for this amazing widget ,very simple recent posts …bravo for the great job !

So, let's see how to install this cool widget 2 in your blog..

1. Sign into Blogger dashboard
2. Go to Design » Add a gadget » html/javascript

3. Just copy and paste this code..

<div id="24work">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4DlDJr2Wr1AQVSiFBihcxb2zeQOXZVwsWzCX_gdUK9lq6OHGONI_qIFo9Wny2UyvtcgFApHrq-dSMuQhT1m7FPAg35ztJjm21ckT1qzIt54f6tFCvBFFxC8ERab6CvI5qP1duTvRsHE/s400/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4DlDJr2Wr1AQVSiFBihcxb2zeQOXZVwsWzCX_gdUK9lq6OHGONI_qIFo9Wny2UyvtcgFApHrq-dSMuQhT1m7FPAg35ztJjm21ckT1qzIt54f6tFCvBFFxC8ERab6CvI5qP1duTvRsHE/s400/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4DlDJr2Wr1AQVSiFBihcxb2zeQOXZVwsWzCX_gdUK9lq6OHGONI_qIFo9Wny2UyvtcgFApHrq-dSMuQhT1m7FPAg35ztJjm21ckT1qzIt54f6tFCvBFFxC8ERab6CvI5qP1duTvRsHE/s400/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4DlDJr2Wr1AQVSiFBihcxb2zeQOXZVwsWzCX_gdUK9lq6OHGONI_qIFo9Wny2UyvtcgFApHrq-dSMuQhT1m7FPAg35ztJjm21ckT1qzIt54f6tFCvBFFxC8ERab6CvI5qP1duTvRsHE/s400/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4DlDJr2Wr1AQVSiFBihcxb2zeQOXZVwsWzCX_gdUK9lq6OHGONI_qIFo9Wny2UyvtcgFApHrq-dSMuQhT1m7FPAg35ztJjm21ckT1qzIt54f6tFCvBFFxC8ERab6CvI5qP1duTvRsHE/s400/noimage.png";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 80;

thumbheight = 80;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://24work.blogspot.com/";

</script>

<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-2.js" type="text/javascript"></script>
</div>

There are many variables in this script that you need to adjust to blend the widget’s look with that of your blog template. Most of them are self explanatory.

4. In the code, look for the line…

home_page = "http://24works.blogspot.com/";

and replace the blog address with your own blog address

5. How to change the number of posts
By default, this widget is set to display a maximum of 5 recent posts. To change this number,

numposts = 5;

edit line in the code and replace the number 5 with the number of posts desired:

6. How to change thumbwidth & thumbheight

thumbwidth = 80;

thumbheight = 80;

Width and Height of the thumbnail (default are good)

And now click Save

Recent Posts Widget with Thumbnails for Blogger

You are surely familiar with the Recent posts widget for blogger and you can integrate easily into blogger in few steps.But now, Its time to show recent posts widget with image thumbnails in blogger as it will shows your post images with the recent posts in your blog sidebar.Its so easy to implement it into your blogger templates just like the typical recent posts widget.Thansk to Aneesh for this awesome widget! The main features of this widget are:

*It shows the latest posts with tiny thumbnails images (size 75 x 75).
*It shows a bold title of the posts with summary.
*It shows the number of comments, date and ofcourse, a Read more link.
*And its highly customizable (don't worry, i will tell you how to customize).

This widget can be seen live in my blog sidebar.Anyways step ahead to know how to add it in your blogspot blogs.

How to Add Recent Posts Widget with Thumbnails to blogger:

Step 1.Login to your blogger dashboard and go to layout.
Step 2.Now click "Add a Gadget" on your desired sidebar and select "HTML/ Javascript".
Step 3.Now copy the below code and paste it in the "HTML/ Javascript" box:

var numposts = 5;

var showpostthumbnails = true;

var displaymore = true;

var displayseparator = true;

var showcommentnum = true;

var showpostdate = true;

var showpostsummary = true;

var numchars = 100;</script>

Step 4.Now Replace YOURBLOGURL with you desired blog URL and save the widget and you are done.

Customization:

Now its easy to customize this widget, just have a glimpse on the above code and you will see some code colored in "Red".You can play with this code to customize it.You can change the number of posts to show or you can change other options to True/ False to customize it!

Recent Posts Widget Generator

1. Change the title of the widget if you want.

2. Change the number of posts links you want to display.

3. Change the number of words you want to include in the summary to display.

3. Click the “Reset” generate button to make the changes take effect, then click on the “Add to My Blog” button.

Many thanks to bloggerplugins for making this code and I just tested and modified to work on blogger

Sunday, 18 October 2015

The New Apple Pencil Sketches New Shade on an Old Idea

The Apple Pencil is upon us. While it's not a new concept, it does deserve a more in-depth look at its features and abilities. It's essentially a stylus for the iPad, and it's introduction is a bit shocking to followers of Apple products. Steve Jobs is well-known for stating his disinterest in creating a stylus of the iPad. He routinely pointed out that your finger was the best pointing device. With the new CEO of Apple Tim Cook taking the reigns, it seems some big changes are coming to Apple products. If you take a closer look, you'll find there are actually several features that make this pencil a really good idea.

It Enhances Precision

Your finger is convenient, and it worked well with the iPad when it was in its infancy. However, as the technology has improved and app developers are creating new technology, it's become necessary to introduce a more precise pointing mechanism. Of course, it wouldn't be an Apple product if it didn't do something other products can't do. The Apple Pencil detects position, force and tilt. The pencil should act as a catalyst for app developers to start making apps that take full advantage of the stylus. It can also use your iPad to keep itself charged when you're not using it.

How It's Made

The Apple Pencil is made to work with your iPad software. A stylus that you can buy in the store uses passive technology. They are just replacements for your fingers. It much the same way as checkweighers work, the Apple Pencil can sense the amount of pressure you are using. The Apple Pencil and the display are two parts of the same device. The Apple Pencil works with the technology of the display to use both pressure and angle sensing. It's made to work only with the iPad, so you can't use this device with other systems. The device offers very little lag, it connects quickly and it automatically charges when you're not using it. For it to work properly, most of the touchscreen has to be able to sense hand pressure and differentiate it from the Apple Pencil.

It Annotates Better

When Apple demoed the new Apple Pencil, they invited a representative from Microsoft on stage. The purpose was to demonstrate how the pen worked in Microsoft Office. The representative demonstrated how items can be circled in documents, and shapes can be drawn directly on PowerPoint slides. Once the objects are drawn, they can be easily converted into graphic objects for placement anywhere in the document. Overall, the stylus worked very well and seemed to make the process of editing documents much more productive.

It Draws Better

One of the issues many users report with using a stylus, is that the image doesn't appear on the screen instantly. With the Apple Pencil, when you draw something it appears instantly. This is a crucial step forward that makes it an ideal object for artists who work in graphic design. The ability to detect pressure, force and tilt will enhance shading and dimension in graphics. It works well in Adobe Photoshop FX, and it should also find its way into several other applications that are useful for graphic design.

The question of why Apple would decide to design a stylus after all these years is an important one. It seems that the stylus will appeal mostly to graphic designers and business professionals who need to mark up their documents on the go. The stylus won't work with the iPhone, and it's likely going to require you to purchase a new iPad to get the functionality. This device should help to spur new iPad purchases, and Apple can continue to raise the bar on future incarnations to make it even more feature-rich. It offers a more life-like experience than when using other stylus products. Ultimately, the new Apple Pencil works much more like a real pencil.

Saturday, 17 October 2015

Thursday, 15 October 2015

Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog

What could be nicer than to welcome visitors to their blog with falling snow.It's time to play with the snow falling and celebrate the occasion with family and friends.If you own a Blogspot blog, why not give the effect of snow falling there to celebrate this occasion with your visitors and readers.How about falling snow in your Blog ? I have been working hard at creating some cool Christmas effects for your blogs.Its much simple than any other trick found on the net because you just have to add a simple single code to your blogger blogspot blog.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

4. Now Click On Save 'JavaScript' You are done.

make a Snowflakes effect on the blog

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">

//Configure below to change URL path to the snow image
var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8PNDhsiIhQde33fGwENxrX9CK_BAfB6GCG2LQVyXw-BHIzC-d5QHRTOsP-Hi5c_bva8BrjLM86ykAFJZJy4EpYVB789sYdu1vqwlcZo-UFlb9n0Y3nL5zwtI_qnALYHKaF1UDEQypits/s1600/snow-01.gif"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8PNDhsiIhQde33fGwENxrX9CK_BAfB6GCG2LQVyXw-BHIzC-d5QHRTOsP-Hi5c_bva8BrjLM86ykAFJZJy4EpYVB789sYdu1vqwlcZo-UFlb9n0Y3nL5zwtI_qnALYHKaF1UDEQypits/s1600/snow-01.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
<span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>

And now click Save

# you can change :

To set the number of snow balls edit the number 10
To change the snow image replace the picture link with yours

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8PNDhsiIhQde33fGwENxrX9CK_BAfB6GCG2LQVyXw-BHIzC-d5QHRTOsP-Hi5c_bva8BrjLM86ykAFJZJy4EpYVB789sYdu1vqwlcZo-UFlb9n0Y3nL5zwtI_qnALYHKaF1UDEQypits/s1600/snow-01.gif

You can replace the image with anything you want. You can display falling hearts, falling the autumn leaves, falling New Year message and diamonds, Just play with the code and change the flavors.

make a color snow effect on the blog

you like color snow.if I could make the effect of snow with different colors.code that will allow you to add any snow fall color to your blog.To change the color of snow fall only change the highlight color blue in code.You can change basic colors (red, black, green etc) or Html hex colors.

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'>

//Snow - http://www.btinternet.com/~kurt.grigg/javascript

if ((document.getElementById) &&

window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 40; //Number of flakes

var timer = 30; //setTimeout speed. Varies on different comps

var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];

var x = [];

var fall = [];

var theFlakes = [];

var sfs = [];

var step = [];

var currStep = [];

var h,w,r;

var d = document;

var pix = "px";

var domWw = (typeof window.innerWidth == "number");

var domSy = (typeof window.pageYOffset == "number");

var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&

typeof d.documentElement.style.MozOpacity == "string")

num = 12;

for (i = 0; i < num; i++){

sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'

+sfs[i]+'px;height:'+sfs[2]+'px;background-color:blue;font-size:'+sfs[2]+'px"><\/div>');

currStep[i] = 0;

fall[i] = (sfs[i] == 1)?

Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);

step[i] = (sfs[i] == 1)?

0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;

}

if (domWw) r = window;

else{

if (d.documentElement &&

typeof d.documentElement.clientWidth == "number" &&

d.documentElement.clientWidth != 0)

r = d.documentElement;

else{

if (d.body &&

typeof d.body.clientWidth == "number")

r = d.body;

}

}

function winsize(){

var oh,sy,ow,sx,rh,rw;

if (domWw){

if (d.documentElement && d.defaultView &&

typeof d.defaultView.scrollMaxY == "number"){

oh = d.documentElement.offsetHeight;

sy = d.defaultView.scrollMaxY;

ow = d.documentElement.offsetWidth;

sx = d.defaultView.scrollMaxX;

rh = oh-sy;

rw = ow-sx;

}

else{

rh = r.innerHeight;

rw = r.innerWidth;

}

h = rh - 2;

w = rw - 2;

}

else{

h = r.clientHeight - 2;

w = r.clientWidth - 2;

}

}

function scrl(yx){

var y,x;

if (domSy){

y = r.pageYOffset;

x = r.pageXOffset;

}

else{

y = r.scrollTop;

x = r.scrollLeft;

}

return (yx == 0)?y:x;

}

function snow(){

var dy,dx;

for (i = 0; i < num; i++){

dy = fall[i];

dx = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;

x[i]+=dx;

if (x[i] >= w || y[i] >= h){

y[i] = -10;

x[i] = Math.round(Math.random() * w);

fall[i] = (sfs[i] == 1)?

Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);

step[i] = (sfs[i] == 1)?

0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;

}

theFlakes[i].top = y[i] + scrl(0) + pix;

theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];

}

setTimeout(snow,timer);

}

function init(){

winsize();

for (i = 0; i < num; i++){

theFlakes[i] = document.getElementById("flake"+(idx+i)).style;

y[i] = Math.round(Math.random()*h);

x[i] = Math.round(Math.random()*w);

}

snow();

}

if (window.addEventListener){

window.addEventListener("resize",winsize,false);

window.addEventListener("load",init,false);

}

else if (window.attachEvent){

window.attachEvent("onresize",winsize);

window.attachEvent("onload",init);

}

})();

}//End.

</script>
<span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>

And now click Save

Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog

Special Thanks http://bdlab.blogspot.com
Picture From http://www.freesmileys.org

Falling yikes-01 :

Falling badday-01 :

Falling barmy-01 :

Falling cheer-01 :

Falling cupid2-01 :

Falling cupid-01 :

Falling diablo-01 :

Falling dog-01 :

Falling emoticon-cute-004-01 :

Falling emoticon-object-086-01 :

Falling emoticon-tv-013-01 :

Falling evil-01 :

Falling flowers-0-0-01 :

Falling groucho-01 :

Falling hatch-01 :

Falling heart-smiley-01 :

Falling idea-01 :

Falling jumpy-01 :

Falling lips-01 :

Falling loopy-01 :

Falling old-01 :

Falling rose-01 :

Falling santa-0-0-01 :

Falling smiley-alien006-01 :

Falling smiley-alien010-01 :

Falling smiley-angelic005-01 :

Falling smiley-angry030-01 :

Falling smiley-bounce002-01 :

Falling smiley-bounce008-01 :

Falling smiley-char018-01 :

Falling smiley-char023-01 :

Falling smiley-char026-01 :

Falling smiley-char055-01 :

Falling smiley-char056-01 :

Falling smiley-char078-01 :

Falling smiley-char102-01 :

Falling smiley-char103-01 :

Falling smiley-char124-01 :

Falling smiley-char128-01 :

Falling smiley-char136-01 :

Falling smiley-cool05-01 :

Falling smiley-dance009-01 :

Falling smiley-excited001-01 :

Falling smiley-greet008-01 :

Falling smiley-greet010-01 :

Falling smiley-happy005-01 :

Falling smiley-happy032-01 :

Falling smiley-love009-01 :

Falling smiley-rpg023-01 :

Falling smiley-rpg031-01 :

Falling smiley-sleep004-01 :

Falling smiley-stargate021-01 :

Falling smiley-sw022-01 :

Falling smiley-think007-01 :

Falling smiley-transport019-01 :

Falling smiley-transport026-01 :

Falling smiley-transport027-01 :

Falling tantrum-01 :

Falling wootrock-01 :

Falling Colored Stars :

Falling fire Stars :

Falling Stars :

Falling Snow flakes 1 :

Falling Snow flakes 2 :

Falling Snow flakes 3 :

Falling Snow flakes 4 :

Falling Snow flakes 5 :

Falling Snow flakes 6 :

Falling Leaves :

Falling Green Leaf :

Falling Yellow Leaf :

Falling Greenish :

Falling Tree Leaf :

Falling Heart 1 :

Falling Heart 2 :

Falling Heart 3 :

Falling Blue Heart :

Falling Red-1 Heart : Falling Red Heart

Falling Heart 4 :

Falling Flower :

Falling Love Heart :

Falling butterfly Orange 1 :

Falling butterfly Pink 1 :

Falling butterfly Blue 1 :

Falling butterfly Green 1 :

Falling butterfly ani 1 :

Falling Heart ani 1 :

Falling Heart ani 2 :

Falling red heart :

Falling orange heart :

Falling pink heart :

Falling blue heart :

Falling purple heart :

Falling yellow heart :

Falling objects-heart : Falling objects heart

Falling hrt2b heart :

Falling objects-snow : alling objects snow

Falling ani-ornament : Falling ani ornament

Falling red star :

Falling blue star :

Falling orange star :

Falling pink star :

Falling blinking star :

Falling colored cross :

Falling colored flake :

Falling green butterfly :

Falling yellow butterfly :

Falling objects-fish : Falling objects fish

Falling objects-bee : Falling objects bee

Falling objects-drip : Falling objects drip

Falling snow-01 :

Falling purple flower-01 :

Falling Yellow flower-01 :

Falling pink flower-01 :

falling christmas object ornament-01 :

Falling Christmas Wreath-01 :

Falling Christmas Candy-01 :

Falling Santa Cap-01 :

Falling Blue Snow-01 :

Falling Christmas Tree-01 :

Falling Presents-01 :

Falling Santa-01 :

Falling Animated Snowman-01 :

Falling Animated Snowflake-01 :

Falling snow : Falling SnowFlakes , Falling snow

Note: We are going to add more Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves, so keep visiting this page.

update Faling snow >>>>>>>