INNOVATIVE TUTORIALS

CREATE START BUTTON IN WINDOWS 8

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUmk6wRx1YgnAuBpj3j12pw5nYcJbSSmTuvehGiBTU3Em7scHdXnOVlo7dnDL66zxhw-seCcY3E4okdG1aIll9G8F0pyIknAt3brm0ZwTGJ9Re43F8T5EwlECoutX_qHj-3uaZEchKjvA/s1600/windows_8_logo_by_slyfoxcl-d5cya8l.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Windows 8 Button" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUmk6wRx1YgnAuBpj3j12pw5nYcJbSSmTuvehGiBTU3Em7scHdXnOVlo7dnDL66zxhw-seCcY3E4okdG1aIll9G8F0pyIknAt3brm0ZwTGJ9Re43F8T5EwlECoutX_qHj-3uaZEchKjvA/s1600/windows_8_logo_by_slyfoxcl-d5cya8l.png" title="" width="318" /></a><span style="font-family: "Trebuchet MS", sans-serif;">Hi friends! I am back again with a tutorial to create start button in windows 8. When i switched into windows 8 from windows 7, i was totally shocked for the first time because i was unable to locate my start button! Although windows OS has friendly user interface then another OS, i felt very uneasy to use windows 8 because i was missing my Start Button!                                             Windows 7 and Previous versions were made to run on more traditional computers such as laptops, desktops,or notebooks, Windows 8 and later OS are made to run on a wider variety of devices. It can also be used</span></div>
<span style="font-family: "Trebuchet MS", sans-serif;">successfully on tablets, computers with touch screens, and hybrids that combine the versatility of a laptop with the mobility of a tablet and cellphones. And If everything would start with start button then it would create problems for small devices. So, Microsoft decided to remove Start Button and Make use of Start Screen. But when it comes to habit of using Start Button most of the windows users feel difficult to locate it though there is secret Start Menu at the left bottom corner of the screen. Microsoft lopped off the Start menu in Windows 8 to force people to use the Start screen. And I'll admit it, the Start screen does offers several benefits. For those users who don't want to go for windows 8.1 and 10 (Start Button is back in  8.1 and 10) and want back their start button into their task-bar in windows 8 follow the following steps:</span><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;">1. Right click on desktop and Goto new and shortcut.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;">  <br />2. Create Shortcut Dialog box will appear, in the text area copy paste the following code:<br /></span></div>
<div style="background: Black; border: 1px solid red; padding: 10px;">
<span style="color: white;"><span style="font-family: "Trebuchet MS", sans-serif;">                 explorer.exe shell:::{2559a1f8-21d7-11d4-bdaf-00c04f60b9f0}
</span></span></div>
<span style="font-family: "Trebuchet MS", sans-serif;"><br /><br />and click on Next.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia3Q4dnOUmwMCkJFV4KRCB_Pu8T1bPq27w8QC2tqW9vjCcme3vzZp835etgWDmEAucmx8-GlJEScy3h9yOXVt1RIpMfTjpOqvpkHrLiTiEQOk3NwFT28AHl6tFRXmeNEMf9WwydMTrfpg/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia3Q4dnOUmwMCkJFV4KRCB_Pu8T1bPq27w8QC2tqW9vjCcme3vzZp835etgWDmEAucmx8-GlJEScy3h9yOXVt1RIpMfTjpOqvpkHrLiTiEQOk3NwFT28AHl6tFRXmeNEMf9WwydMTrfpg/s1600/Capture.PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"><br /><br />3.Type name for the shortcut as "START" without quotes.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX_Ve_HWKUAIq3vvnAwmNU4Tj_MR56a0-pqmgKSvumDw0LpXPBLEpYNIzAn0wWT57O16KYiQeQMhU4TkUeiOQULLdbcAQyY50bi873QodzSYGBWsKWHIvNnKIbNGpc6Na3xCwUMnqCwsg/s1600/Capture1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX_Ve_HWKUAIq3vvnAwmNU4Tj_MR56a0-pqmgKSvumDw0LpXPBLEpYNIzAn0wWT57O16KYiQeQMhU4TkUeiOQULLdbcAQyY50bi873QodzSYGBWsKWHIvNnKIbNGpc6Na3xCwUMnqCwsg/s1600/Capture1.PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"><br /><br />4. Click on finish. <br /><br />Now you will see a shortcut on your desktop with name START.<br /><br />5. Change the icon by right-click>>properties>>change icon.<br />(You can download windows 8 logo for start button)</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr-_jlURDE3SxXUBI973N-Bqkn2C21gcCdbG6ZNCXZbI5t7s-r7cbdzgsSAHH3KNW3d3g1pStsBad6A4kM6_0r_cFaMLkdn9eK9o4PKKJHkb_aLIm4Vu0b_c47ehgjWSE1dbpqwuvhFi8/s1600/Capture3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr-_jlURDE3SxXUBI973N-Bqkn2C21gcCdbG6ZNCXZbI5t7s-r7cbdzgsSAHH3KNW3d3g1pStsBad6A4kM6_0r_cFaMLkdn9eK9o4PKKJHkb_aLIm4Vu0b_c47ehgjWSE1dbpqwuvhFi8/s1600/Capture3.PNG" width="269" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"><br /><br />6. Again, Right-click on it and click pin to taskbar and click and drag it to relocate its proper position in the taskbar.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivS_CsPNvfpdJk0tvAcFWN9J7DNCUSzP5BcnkyM2lP6j1_dUQ85wDYlzfCNyDNgx1_RomNer_iBmMBnf3fnFpljLbzkt7fVuyTURchs72WzfZJhMOOubJCMq0NwCpxyqMsPWiJhmXvn1E/s1600/Capture4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivS_CsPNvfpdJk0tvAcFWN9J7DNCUSzP5BcnkyM2lP6j1_dUQ85wDYlzfCNyDNgx1_RomNer_iBmMBnf3fnFpljLbzkt7fVuyTURchs72WzfZJhMOOubJCMq0NwCpxyqMsPWiJhmXvn1E/s1600/Capture4.PNG" width="233" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpfHEbK26JXEqvc2h6uu6pQWYGIHIlaHPBx-l6WxbiT_-fuzbeqY2tER7KnIlioBqUF4csA4FTZrO5w1rrj405NmkNU2TzcsN8ePbRmR70ISnzbMT67n6O8QRW5LXgPGhfIIFf_qBrgc/s1600/Capture5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpfHEbK26JXEqvc2h6uu6pQWYGIHIlaHPBx-l6WxbiT_-fuzbeqY2tER7KnIlioBqUF4csA4FTZrO5w1rrj405NmkNU2TzcsN8ePbRmR70ISnzbMT67n6O8QRW5LXgPGhfIIFf_qBrgc/s1600/Capture5.PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"><br /><br />To get start menu like windows 7 style click here...<br /><br /><i><span style="color: red;">(Note: Once you choose the icon please do not change the location of your icon otherwise it will show image error!) </span></i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Trebuchet MS", sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>

CREATE START BUTTON IN WINDOWS 8

Hi friends! I am back again with a tutorial to create start button in windows 8. When i switched into windows 8 from windows 7, i was totally shocked for the first time because i was unable to locate…

31 Dec 2014

HOW TO MAKE AN INVISIBLE FOLDER ON DESKTOP?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhznzVN6ptCoXes6FWiAj7QM0MY3W_8j6SPAq2x16i096gHNNS6v4WO3asIHXz5Ftcrsbd2kAwOPWJqhbnNPNqMZUJXdZHuL7XRTCEmbVspSnvRTiH1aLoT_tfm8u7DKfi_oV1XBA1jukc/s1600/Capture.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhznzVN6ptCoXes6FWiAj7QM0MY3W_8j6SPAq2x16i096gHNNS6v4WO3asIHXz5Ftcrsbd2kAwOPWJqhbnNPNqMZUJXdZHuL7XRTCEmbVspSnvRTiH1aLoT_tfm8u7DKfi_oV1XBA1jukc/s1600/Capture.PNG" width="320" /></a></div>
<span style="font-family: "Trebuchet MS", sans-serif;">Hello friends. Every computer user whether he/she is a frequent or occasional user, whether he/she is a professional or general user wants to make his/her important files secret or in other words, he/she doesn't want her files to be accessed by someone else. So, what if you could make an invisible folder that can contain all your files? Do you think is it possible? Yes, of course! you can. </span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">Actually this is very classical and old trick for hiding your file and no doubt you must be knowing. But, there may be many user who doesn't know about this trick. And this trick doesn't require any software to be installed and used. As you all know that i wanna make most of the things working without any software because i believe that most of the things can be done with tricks and with limited resources and moreover I answer first 'what if' then I go for 'how'. I mean to say 'What if you don't have any software and wanna hide your files rather than how to hide files with software'. <br />So lets begin: </span><br />
<br />
<br />
<div style="background: #4e9cf4; border: 0px solid red; padding: 2px;">
<h3>
<span style="color: white;"><span style="font-family: "Trebuchet MS",sans-serif;"> Steps </span></span></h3>
</div>
<div>
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">1. Create a New folder. </span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">2. Press F2 to rename. </span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;"> 3. Press Alt+0160 or Alt+255 from the Number Pad of the keyboard.
   (NOTE: 0160 or 255 must be entered from Numberpad of the keyboard, otherwise  it will not work ) </span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">Also see: <a href="http://innovativetutorials.blogspot.in/2014/11/how-to-hide-any-file-behind-jpeg-image.html" target="_blank">How to hide any file behind jpeg image without software? </a></span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">4. Miracle! Now the folder name is invisible. Just change the icon of the folder (goto: Folder properties->customize->change icon and choose an empty icon. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nn6Y71RCJkJ2DDIv2sb9P08d7HSvlhaqVc3dZx-84U-0qXx3RbXdV4GLRucsqLdOrjTr38UUqLFLaUxSYyhOPM8LW_3i41wfVOeTUeYJdzeF4W-6mMCFNN_HnCGG1-JrW4luoCxWUC0/s1600/Capture1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nn6Y71RCJkJ2DDIv2sb9P08d7HSvlhaqVc3dZx-84U-0qXx3RbXdV4GLRucsqLdOrjTr38UUqLFLaUxSYyhOPM8LW_3i41wfVOeTUeYJdzeF4W-6mMCFNN_HnCGG1-JrW4luoCxWUC0/s1600/Capture1.PNG" width="269" /></a></div>
<br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">5. Now your folder is totally invisible. Put your Mouse Pointer over the folder you will see that the folder
is there but it is invisible. Now drag and keep it any where in your desktop area!! </span><br />
<br />
<i><span style="font-family: "Trebuchet MS",sans-serif;"><b><span style="color: red;"> Attention!</span></b> This method is not for highly confidential information. This is neither secure nor lasts for longer time because when you hover your mouse pointer over the folder area, it can be easily notified. Its just for temporary hiding for shorter period unless it can get into someone's notice!
     Try and Enjoy it. Thank you.
</span></i></div>
</div>

HOW TO MAKE AN INVISIBLE FOLDER ON DESKTOP?

Hello friends. Every computer user whether he/she is a frequent or occasional user, whether he/she is a professional or general user wants to make his/her important files secret or in other words, he…

30 Dec 2014

MOST FREQUENTLY ASKED QUESTIONS IN ETHICAL HACKING

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaALxgaeIm0jvhchXe8RAbiMXPvU5gLESKh8Nn22beZZOiH_SsSp7eu4Iu4jCOpk777fFZLDX6AX56vCQ6_XivfA_8mIFOdcxGOrpi6ctzL3LL2r64qf5yVWd6LFp2C2FVovmYxInj77M/s1600/IMAGES.JPG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaALxgaeIm0jvhchXe8RAbiMXPvU5gLESKh8Nn22beZZOiH_SsSp7eu4Iu4jCOpk777fFZLDX6AX56vCQ6_XivfA_8mIFOdcxGOrpi6ctzL3LL2r64qf5yVWd6LFp2C2FVovmYxInj77M/s1600/IMAGES.JPG" /></a></div>
<span style="font-family: Trebuchet MS, sans-serif;"><b>1. What is hacking?</b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>Ans:</b> Technically, Hacking is an art of exploring uncommon things or modifying things to achieve uncommon </span><span style="font-family: 'Trebuchet MS', sans-serif;">functionalities.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"> In other words, Hacking is an act of penetrating computer system to gain knowledge about the system and how it </span><span style="font-family: 'Trebuchet MS', sans-serif;">works.</span><br />
<br />
<span style="font-family: Trebuchet MS, sans-serif;"><b>2. Who are hackers or Ethical hackers?</b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>Ans:</b> A Hacker is a person who is extremely interested in exploring the things and recondite workings of any </span><span style="font-family: 'Trebuchet MS', sans-serif;">computer system or networking system. Most often, hackers are the expert programmers. These are also called </span><span style="font-family: 'Trebuchet MS', sans-serif;">Ethical Hackers or white hat hackers. And the technique or hacking they perform is called ethical hacking.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;">Ethical Hacking Means you think like Hackers that is first you Hack the Systems and find out the loop holes and </span><span style="font-family: 'Trebuchet MS', sans-serif;">then try to correct those Loop Holes. These types of hackers protect the cyber world from every possible threat </span><span style="font-family: 'Trebuchet MS', sans-serif;">and fix the future coming security loop holes. These peoples are also called as "GURU's" of Computer Security.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>3. Who are Crackers?</b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>Ans:</b> Crackers or Black Hat hackers or cheaters or simply criminals, they are called criminals because they are </span><span style="font-family: 'Trebuchet MS', sans-serif;">having the mindset of causing harm to security and they steals very useful data and use it in wrong ways. </span><br />
<span style="font-family: 'Trebuchet MS', sans-serif;">Phishers also come in this category who steals account info and steal your credit card nos. and money over the </span><span style="font-family: 'Trebuchet MS', sans-serif;">Net.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>4. How hackers are different from crackers?</b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>Ans:</b> Hackers are good guys and Crackers are bad guys in the field of hacking.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><b><br /></b></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>5. Who is script kiddy?</b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><b><br /></b></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>Ans: </b>A Script Kiddy is a novice hacker or hacker at very beginner level who lacks the knowledge of how </span><span style="font-family: 'Trebuchet MS', sans-serif;">different stuffs works and use easy technique and ready-made tools to attempt hacking.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>6. what is ethical hacking?</b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>Ans:</b> The term Ethical Hacking refers to the co-ordinate and comprehensive check of security of a network and on </span><span style="font-family: 'Trebuchet MS', sans-serif;">systems inside it, in order to assess the actual risk level data is exposed to, and to propose possible </span><span style="font-family: 'Trebuchet MS', sans-serif;">corrective actions aimed at raising the security level.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>7. Skills of Ethical hackers? </b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><b>   </b></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><b>Ans:</b> </span><br />
<br />
<br />
<ul style="text-align: left;">
<li><span style="font-family: 'Trebuchet MS', sans-serif;">     Has in-depth knowledge of target platforms, such as Windows, Unix, Linux etc.</span></li>
<li><span style="font-family: 'Trebuchet MS', sans-serif;">     Has exemplary knowledge of networking and related hardware and software</span></li>
<li><span style="font-family: 'Trebuchet MS', sans-serif;">     Has knowledge of security areas and related issues</span></li>
<li><span style="font-family: 'Trebuchet MS', sans-serif;">     Has "High technical" knowledge to launch sophisticated attacks</span></li>
</ul>
<br />
<span style="font-family: Trebuchet MS, sans-serif;">             Any many more....</span></div>

MOST FREQUENTLY ASKED QUESTIONS IN ETHICAL HACKING

1. What is hacking? Ans: Technically, Hacking is an art of exploring uncommon things or modifying things to achieve uncommon functionalities. In other words, Hacking is an act of penetrating compute…

24 Nov 2014

HOW TO HIDE ANY FILE BEHIND JPEG IMAGE (WITHOUT ANY STEGANOGRAPHY SOFTWARE)?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgco_g0rjGjzwHIaLxOb9J-bv6GZF6SBqZfCCSePvsJ_rwZQMQgVR2XIWOdxAF6QCrN-p4-9IsotsfX1AcPRi1QEmiOVXf5A_82yQGSCbifecq07jz9MnPFIlQ9pvwIRTww6EKTGaFPZKQ/s1600/imageds+copy.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgco_g0rjGjzwHIaLxOb9J-bv6GZF6SBqZfCCSePvsJ_rwZQMQgVR2XIWOdxAF6QCrN-p4-9IsotsfX1AcPRi1QEmiOVXf5A_82yQGSCbifecq07jz9MnPFIlQ9pvwIRTww6EKTGaFPZKQ/s1600/imageds+copy.jpg" /></a></div>
<span style="font-family: "Trebuchet MS", sans-serif;">In Bhagavad Gita, Lord Sri Krishna said to Arjuna that what all appearing to be real was just an Illusion (Maya). Due to advancement in the information technology,the same is applicable in today's world. Steganography made it possible.</span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">So, here a question may arise,</span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;"> <b>What is Steganography? </b></span><br />
<br />
<span style="color: blue;"><span style="font-family: "Trebuchet MS",sans-serif;">Actually, Steganography is an art of hiding data behind images so that only the intended recipients can read the message being sent. Basically, this kinds of techniques are applied when the sending and receiving party want their information to be highly confidential, such that no third party person can read or modify them.</span></span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">Again, you might be wondering how to implement Steganography to our information to be sent? And believe me, this question is very common! There are so many S-tools available to hide data behind images for example <b>nettools</b></span><b>.</b><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">But, Consider a situation where you want to send a secret information but you don't have Steganography software in your PC.So, the question is- <b>Is it possible to implement Steganography without Software? </b>The answer is<b> yes!</b> We can implement it without any Steganogaphic Software. And you are at the right place to learn it. So, without any delaying, lets start our tutorial.</span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">We need to have the following requirements which are very common and generally available in every PC.<br /><span style="color: red;"><u><b><span style="font-size: small;"> </span></b></u></span></span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: red;"><u><b><span style="font-size: small;">Requirements:</span></b></u></span><br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;">1. <b>Winrar</b> (any version) installed in your PC.<br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;">2. Little Knowledge in command prompt.<br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: red;"><u><b>Procedures:</b></u></span><br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"><b>TO HIDE:</b><br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;">1. Create a folder into C: drive (you can use any drive as your wish) having name "hidden" such that location of the folder is C:\hidden<br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;">2. Now gather all the files that you want to hide inside this folder as shown in screenshot below:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRtNt8tXF1FUyBM6NbIgQj36bKFAMI1UQ3cNMtaj7jfDbx1ScBRMVs9oWj8wc9peRkW3bWz2nZTxIy4b5x1OolI4q10QjhX2iBCbmp0ESI8hLHllBVpR4bTRf2WOxOYgG5KCA8nQdYlT8/s1600/pic1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRtNt8tXF1FUyBM6NbIgQj36bKFAMI1UQ3cNMtaj7jfDbx1ScBRMVs9oWj8wc9peRkW3bWz2nZTxIy4b5x1OolI4q10QjhX2iBCbmp0ESI8hLHllBVpR4bTRf2WOxOYgG5KCA8nQdYlT8/s1600/pic1.PNG" width="400" /></a></div>
<br />
<span style="font-family: "Trebuchet MS",sans-serif;"><br />3. Compress all the files using winrar (Eg: "myhiddenfiles.rar")<br />Note: This file also should be in the same folder "hidden"</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtVrb-gAR-HTPm24X8V-suRNDn9uBr4XvmrGE7DFGPF_6nOS4o9RVNkgfQ1Jp952_yZ8ezoRB7_IWv1DeN-j2UzdbrPatXMNMMv6MyQy_V1M9DDVsjGEWUYEe5CcbfocwNtlgcw83HzM/s1600/pic2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtVrb-gAR-HTPm24X8V-suRNDn9uBr4XvmrGE7DFGPF_6nOS4o9RVNkgfQ1Jp952_yZ8ezoRB7_IWv1DeN-j2UzdbrPatXMNMMv6MyQy_V1M9DDVsjGEWUYEe5CcbfocwNtlgcw83HzM/s1600/pic2.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQkVquqEPw4yb13fMmU9f6bSQydDpzVTy8b-8yHIJ-vFqD0aMSA479ycXZx55OH6j-dNawrHomI6DWYpwV9vXPUvCuMKY5vmfpsILItRlVBDPZzPHxlt_sHOarRIv21t48NDQlrrnj0k/s1600/pic3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxQkVquqEPw4yb13fMmU9f6bSQydDpzVTy8b-8yHIJ-vFqD0aMSA479ycXZx55OH6j-dNawrHomI6DWYpwV9vXPUvCuMKY5vmfpsILItRlVBDPZzPHxlt_sHOarRIv21t48NDQlrrnj0k/s1600/pic3.PNG" width="320" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br />4.Now select any jpeg image that you want to use to hide your files, and put it into the same folder.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWuCoMXtHetmkZZkP9My45dc3Onsc5PnQe4LBJCnc8qbV9NOGE7TtliyuZQljXMZBHR7ledj2pMoAzOn3af9_aKuvHHJgV2Dr8c922k13Gjj-lo75AcloGzQOByof9kbzlr122yxTdpJY/s1600/pic4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWuCoMXtHetmkZZkP9My45dc3Onsc5PnQe4LBJCnc8qbV9NOGE7TtliyuZQljXMZBHR7ledj2pMoAzOn3af9_aKuvHHJgV2Dr8c922k13Gjj-lo75AcloGzQOByof9kbzlr122yxTdpJY/s1600/pic4.PNG" width="400" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br />5.Goto Run-> and type cmd and make sure that your  working directory is "C:\hidden" if not then change it.<br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;">6. After that, just type the following code:<br /><br />
</span><br />
<div style="background: Black; border: 2px solid red; padding: 10px;">
<span style="font-family: "Trebuchet MS",sans-serif;">           <span style="color: white;">    Copy /b myimage.jpg+myhiddenfiles.rar outputimage.jpg</span></span></div>
<span style="font-family: "Trebuchet MS",sans-serif;">  </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;">As shown in screenshot below:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxCfX91HfQDXTQDi8ve6HrhY8DdYf8MjcxACI5_d5FFPLPF0XMNUDkpEl5kqJ6ewwqGaznFIPpmodUBjEM51F-c2TU8WWd5rKi8LlEM8VkZzhCAhE_O8Vpk37Mcmc5puiNqCp3vp76Kc/s1600/pic5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxCfX91HfQDXTQDi8ve6HrhY8DdYf8MjcxACI5_d5FFPLPF0XMNUDkpEl5kqJ6ewwqGaznFIPpmodUBjEM51F-c2TU8WWd5rKi8LlEM8VkZzhCAhE_O8Vpk37Mcmc5puiNqCp3vp76Kc/s1600/pic5.PNG" width="400" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br /><br />Now, Understand the code:<br />Here, <b>myimage.jpg </b>is the name of your jpeg image, <b>myhiddenfiles.rar</b> is the file that you have created using winrar and <b>outputimage.jpg</b> is your output image file after hiding your files.<br /><br />7. Now its all completed, you will see a file named <b>outputimage.jpg </b>in the same folder, open it you will see only your image that you want to show but still it contains your hidden files in it.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUjDOQemhW4r_A6_3nLDYusO239nYL8KDe4RGFaMU5l-uzxbvblN50sfzOZdGsgT6p42e5Gxm6JgUCxlrNNsWXkmvzgd6ApAPb5krhyphenhyphen-ON-RhVV7UwwcEe-R7R1V4ok0NqKsyn8AHZTuY/s1600/pic6.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUjDOQemhW4r_A6_3nLDYusO239nYL8KDe4RGFaMU5l-uzxbvblN50sfzOZdGsgT6p42e5Gxm6JgUCxlrNNsWXkmvzgd6ApAPb5krhyphenhyphen-ON-RhVV7UwwcEe-R7R1V4ok0NqKsyn8AHZTuY/s1600/pic6.PNG" width="400" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br />8. Now its 100% ready to send via network.<br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"><b>TO UNHIDE:</b><br /> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;">1. To get your hidden files just change the extension of your  <b>outputfile.jpg </b>to <b>outputfile.rar</b> and extract it using winrar again. You can see your hidden files. </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJE0agFKJ8gUnH4uQ4D2ubHfJrejjDu0scbpSAXR5yKn2Nq3lbSDpyz0CUEKVEO-VlVZXOhTzQMdsr0Pulu13SVANj4j7WuufPpWkTs3gsDqCiUV_ZSnU6-fshKPjV3jdPflioFpZ5w/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJE0agFKJ8gUnH4uQ4D2ubHfJrejjDu0scbpSAXR5yKn2Nq3lbSDpyz0CUEKVEO-VlVZXOhTzQMdsr0Pulu13SVANj4j7WuufPpWkTs3gsDqCiUV_ZSnU6-fshKPjV3jdPflioFpZ5w/s1600/images.jpg" width="320" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br />I hope you enjoyed this tutorial.<br />Thank you! </span></div>

HOW TO HIDE ANY FILE BEHIND JPEG IMAGE (WITHOUT ANY STEGANOGRAPHY SOFTWARE)?

In Bhagavad Gita, Lord Sri Krishna said to Arjuna that what all appearing to be real was just an Illusion (Maya). Due to advancement in the information technology,the same is applicable in today's wo…

24 Nov 2014

Extend your C drive without formatting in windows

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnMAUZOwz14tOIco4TOz1A2emACpFsLyZPjrUa_l8TPu1FMHk1zRzJcOEIBGscovxX4fAjtiIducGAwMps20OrlxIrQHkqyvwpuRAD18H5Psh6AjH2HrRGmR1TiH0uhQHAqbLvGFHQ2Iw/s1600/Harddiskpart.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnMAUZOwz14tOIco4TOz1A2emACpFsLyZPjrUa_l8TPu1FMHk1zRzJcOEIBGscovxX4fAjtiIducGAwMps20OrlxIrQHkqyvwpuRAD18H5Psh6AjH2HrRGmR1TiH0uhQHAqbLvGFHQ2Iw/s1600/Harddiskpart.jpg" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"> It is very common problem seen that the allocated space for the system drive(most commonly C: drive) is insufficient to install  more number of software because system drive may run out of memory! And this is very true with latest versions of Windows. Windows Xp used to take very less Memory on the drive but Windows 7, 8 and windows 10 will certainly take more space with lots of daily updates.Then, what to do? Shall we install our remaining program to another drive? No, not at all! if we do so then everything will be messy! So, lets see then how to extend our C drive by taking extra empty space from other drives. </span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;"> </span><span style="color: red;"><i><span style="font-family: "Trebuchet MS",sans-serif;">CASE STUDY: As you can see in the screenshot below that my system drive has only 3.41 GB free of 46 GB and marked with red color! Now I am going to extend it to 92 GB by adding some space from other drive by using a tool called MINITOOL PARTITION WIZARD HOME ADDITION V8.1.1 <a href="http://www.partitionwizard.com/products.html" target="_blank">click here to download.</a> </span></i></span><br />
<span style="color: red;"><i><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></i></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7VpwU38-NzCMrCjIeBTe3CXBDOuufHRp7fsFoLKH7s5qLY-4zXX_FOuJB5VU_6tJ0-4zrQcl2bba9S6sJRvvxt1xIyQLewIsrLzLQMdvAKlTWRrR-AUzeuobHDnx3uE40GE5DYynxI4Y/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7VpwU38-NzCMrCjIeBTe3CXBDOuufHRp7fsFoLKH7s5qLY-4zXX_FOuJB5VU_6tJ0-4zrQcl2bba9S6sJRvvxt1xIyQLewIsrLzLQMdvAKlTWRrR-AUzeuobHDnx3uE40GE5DYynxI4Y/s1600/1.JPG" width="400" /></a></div>
<span style="color: red;"><i><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></i></span>
<span style="font-family: "Trebuchet MS",sans-serif;">Why am I using this tool instead there is inbuilt features in windows to extend my drive? Simple answer- windows provides extending feature only when the adjacent drive is free! but by using this tool we can use non adjacent drive's free space too! <br />Now i think it is better to start our work:</span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: red;">Step 1:</span><a href="http://www.partitionwizard.com/products.html" target="_blank"> Download</a> MINITOOL PARTITION WIZARD HOME ADDITION V8.1.1 and install it.</span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"><br /><span style="color: red;">Step 2:</span> Double Click on the icon and you will see the following screen:</span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIyVmwZI8luQ-P9Q1H4sQEW3Mg-jF6A05w6PiY47zl6_7VVj80Hzs_9yq5N2VaXQP5Zb2_9w_xzR-4mHyi5REDWsn5B7AYoqTlJNVLRxQqrbX9nUWPqIOeJ_e6NE42S-8PD3gZfSJWJc/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIyVmwZI8luQ-P9Q1H4sQEW3Mg-jF6A05w6PiY47zl6_7VVj80Hzs_9yq5N2VaXQP5Zb2_9w_xzR-4mHyi5REDWsn5B7AYoqTlJNVLRxQqrbX9nUWPqIOeJ_e6NE42S-8PD3gZfSJWJc/s1600/2.JPG" width="320" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br /><span style="color: red;">Step 3:</span> Now choose C drive from the disk lists and on left-side panel there is an extend partition option click on it.</span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"></span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"></span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"></span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmcmDKxqQmMrt8pwnjae_oXhuube_09dXFDrPF6H88bxI-0l6MIY7fZIccpECIwWSpTK3_MRrND8NR32mmHKJZ4elkl2QgplKE1v2RDrokuj6U1XD6FXC2WLSu8ayup_21LjBfVCltZpI/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmcmDKxqQmMrt8pwnjae_oXhuube_09dXFDrPF6H88bxI-0l6MIY7fZIccpECIwWSpTK3_MRrND8NR32mmHKJZ4elkl2QgplKE1v2RDrokuj6U1XD6FXC2WLSu8ayup_21LjBfVCltZpI/s1600/6.JPG" width="320" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br /><br /><span style="color: red;">step 4: </span>you will see the following screen:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdr3oFsfzbEb2lMyDLbo25R6YXfaF4FaCQUaoOJpsGhgKHAEcnSpoDSDa8BKZNYXnIfL2vq1VxZ-wRaiMGNvWeF-Y_SgYV0C1Ud6ZkZO0Yn4ibBQwEGkgYsCMiafVKNlaBWhBVEkKN2hk/s1600/Capture34.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdr3oFsfzbEb2lMyDLbo25R6YXfaF4FaCQUaoOJpsGhgKHAEcnSpoDSDa8BKZNYXnIfL2vq1VxZ-wRaiMGNvWeF-Y_SgYV0C1Ud6ZkZO0Yn4ibBQwEGkgYsCMiafVKNlaBWhBVEkKN2hk/s1600/Capture34.JPG" width="320" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;">This is the most important step. Chose any drive from the drop down menu from which you want to take the free space.<br />and the slide control allows you to choose the amount of space to be added.( here i am taking space from my D drive because of my own reason but you can choose any drive)<br /><span style="color: red;">Step 5:</span> Click on OK! And at the top-left corner click on apply option. Then your C drive will be extended without formatting!</span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnJHYQ7z5AZNjm1J0PJ4KsePn2XpB_KRersqtCss96DUXSVNc2NyPmns75Vgj3RSqKAwvgpD_0G_AuCjCfrUG66WDEZx175dJljJEvRuFtPVVk_NjNlaFo6frz9eMUcS1zGpXQJG17Ko/s1600/sdf.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnJHYQ7z5AZNjm1J0PJ4KsePn2XpB_KRersqtCss96DUXSVNc2NyPmns75Vgj3RSqKAwvgpD_0G_AuCjCfrUG66WDEZx175dJljJEvRuFtPVVk_NjNlaFo6frz9eMUcS1zGpXQJG17Ko/s1600/sdf.JPG" width="320" /></a></div>
<span style="font-family: "Trebuchet MS",sans-serif;"><br /> </span><br />
<span style="color: red;"><i><span style="font-family: "Trebuchet MS",sans-serif;">Note: It is always a good habit of making a backup of your drive from which you are taking free memory space before proceeding. So, take precautionary action yourself to avoid any data loss!</span></i></span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">Thank you!</span><br />
<br />
<br />
<br />
<br /></div>

Extend your C drive without formatting in windows

It is very common problem seen that the allocated space for the system drive(most commonly C: drive) is insufficient to install more number of software because system drive may run out of memory! A…

21 Nov 2014

Create Beautiful Horizontal Navigation Bar with Adobe Dreamweaver CS6 and Adobe Photoshop CS3

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />

<br />
<div class="MsoNormal" style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqgQC9T-uqKjoef4QiuJCU4BOZ8hUkIglTLULyx5qtO-IRu4AiNeHDsHB8VJiNeg_BkYRHmkWjx3w2MgN9qAJXOne3NTF4cYlurOzaDWucbSDXrX2AhvmJkAOBXADFklRlov5BC6gW2Q/s1600/web_design.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqgQC9T-uqKjoef4QiuJCU4BOZ8hUkIglTLULyx5qtO-IRu4AiNeHDsHB8VJiNeg_BkYRHmkWjx3w2MgN9qAJXOne3NTF4cYlurOzaDWucbSDXrX2AhvmJkAOBXADFklRlov5BC6gW2Q/s1600/web_design.jpg" width="320" /></a><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Creating Menu Bar for a Website Using Adobe
Photoshop CS3 and Adobe Dreamweaver CS6 - A Menu bar is a very crucial part of
any website. The prime aim of any website is to provide much more information
about an organization to its customers or visitors. To provide flexibility in
navigating through the pages of any website, there must be well structured,
charming and beautiful navigation bar. If it is ambiguous and unstructured it
may leads to the following problems:</span></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<br />
<div class="MsoNormal" style="text-align: left;">
<b><span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;"><span style="mso-list: Ignore;">1. <span style="font: 7.0pt "Times New Roman";"> </span></span></span><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Visitors
cannot navigate through your website properly</span></b></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">2. Less Visitors means less traffic</span></b></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">3. Less traffic means your website is almost Dead</span></b></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">4. High chance of Google AdSense rejection because Google strictly examines  </span></b></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">    your website layout and structure, and no doubt menu bar is a part of it! </span></b></div>
<div class="MsoNormal" style="text-align: left;">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;"><br /></span></b></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<br />

<br />
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">So, today in this tutorial we are going to see
about creating a horizontal navigation bar. There are several ways to create it
like by using JavaScript, CSS, and normal HTML coding etc. But, I am going to
use my favorite and mostly preferred method which uses a rollover image
technique. We will see Step-By-Step process with Screen Shots.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Requirements:<span style="mso-spacerun: yes;">  </span></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Adobe Photoshop (any version), Adobe Dreamweaver (any
version) and a browser (any) to test it.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Settings:</span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Create a folder named Menu bar on your desktop and
two more folder inside it named-Background and foreground.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;"></span></div>
<br />
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">

</span></div>
<div class="MsoNormal">
<b><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Procedure:</span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<u><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">In Adobe Photoshop:</span></u></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">1. Open an Adobe Photoshop, Create a new document
of dimensions:<span style="mso-spacerun: yes;">                                                                                                     
</span><span style="mso-spacerun: yes;"> </span><span style="mso-spacerun: yes;">               </span>width: 800 px,
height: 50 px, resolution: 72 px/inch, background: white</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZWkWqx-dRLZPiRuVhdRt3FpDpUX64SNMr-rfZU2cVo7reBmDINhn1ggO0SVHNYORXcX4e-109dcLORKdSM-0DQnt_eTE8xgiL0wWhLkgvniqe2rr9t5-zh7dscjaWN3IBsRS3jqhHeg/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZWkWqx-dRLZPiRuVhdRt3FpDpUX64SNMr-rfZU2cVo7reBmDINhn1ggO0SVHNYORXcX4e-109dcLORKdSM-0DQnt_eTE8xgiL0wWhLkgvniqe2rr9t5-zh7dscjaWN3IBsRS3jqhHeg/s1600/1.PNG" width="400" /></a></div>
<br />
<div class="MsoNormal">
<br /></div>
<br />
<br />
<div class="MsoNormal">
<br /></div>

<br />

<br />
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">2.<span style="mso-spacerun: yes;">  </span>Unlock
the layer by double-clicking it. And Select slice tool, right click on your
document anywhere and select divide Slice option. A dialog box will appear, in
there select divide vertically into option and enter the number of slices you want
to make (I am giving 7) and click on ok.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">3. Now add some text on each slice by selecting
text tool as shown in image below:</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhfI26CRRuWEUwLOB5h-f-JWZENflKaUZ4T1IP0yzpy5EqJvbvJalxWhoH1CMHfTZD1HhMMLA5kNnypvmXNr2sZ6HDI_jZMpxRK47ABhM3rWK8yI3rorfqf9kHF-ji9XwzOnN9hb6YGSA/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhfI26CRRuWEUwLOB5h-f-JWZENflKaUZ4T1IP0yzpy5EqJvbvJalxWhoH1CMHfTZD1HhMMLA5kNnypvmXNr2sZ6HDI_jZMpxRK47ABhM3rWK8yI3rorfqf9kHF-ji9XwzOnN9hb6YGSA/s1600/2.PNG" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">4. Search for fx icon on the bottom-left corner
and at the bottom of the layers window and click on it and select Gradient
Overlay option.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpvb-hmtGrE1MQ0hdf8GCxKhD8iUEoTgxa2K22DwiXrYHvoZ8gJ0JK40eoowVbiifJybja03x2eFclH3wEK9TQDrAx29StbscpUm8S0r4GbnCCBR4_RhyphenhyphenZzlhoI0swx8TjvOZ6h_xRAPU/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpvb-hmtGrE1MQ0hdf8GCxKhD8iUEoTgxa2K22DwiXrYHvoZ8gJ0JK40eoowVbiifJybja03x2eFclH3wEK9TQDrAx29StbscpUm8S0r4GbnCCBR4_RhyphenhyphenZzlhoI0swx8TjvOZ6h_xRAPU/s1600/3.PNG" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">5. A dialog box will appear. And in opacity option
decrease it to 15 % or input it in a box as shown in image below:</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbswUeceqzKbprPlCpQ36WEM20m_xHcMKjYaAHNUOqSAhyfQKGVlCoE0k_NZM5WUA07oEoTWNxUBaxlbw4sBvY6qZy0hhcLuO2b2vHBLK6ysW6hTey39unZAbfI3PlFCSLRfcfpQjz5Bk/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbswUeceqzKbprPlCpQ36WEM20m_xHcMKjYaAHNUOqSAhyfQKGVlCoE0k_NZM5WUA07oEoTWNxUBaxlbw4sBvY6qZy0hhcLuO2b2vHBLK6ysW6hTey39unZAbfI3PlFCSLRfcfpQjz5Bk/s1600/4.PNG" width="320" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;"><span style="mso-spacerun: yes;">  </span>6. Now go
to File menu and select save for web and devices option. Again a new dialog
will appear in preset box select JPEG-High option and click on save. To save it
browse to the Menu bar folder on your desktop and save it inside foreground folder
inside it as shown in image below:</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfVTLEJR-qVQUFQOJFKzSDQxHQiWL9KanTpd6jlJjMGLxR9TOFaD8i3HAere8Z8ZaKsUxeRvy9je8w-_Eu460y30KZMXM13ihuDNVUNpxwim_fBU2DGODerdWV_vOa-p9bRzgyuuah_o4/s1600/5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfVTLEJR-qVQUFQOJFKzSDQxHQiWL9KanTpd6jlJjMGLxR9TOFaD8i3HAere8Z8ZaKsUxeRvy9je8w-_Eu460y30KZMXM13ihuDNVUNpxwim_fBU2DGODerdWV_vOa-p9bRzgyuuah_o4/s1600/5.PNG" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7E-_xrpz75oAZlpUHcqxpwj7dSG_mva8OPPru1HwpiszEr1hs025fuHQ5yDUP4kf4XF4BdGLByiO8bOjKZViVag0iXLNjhzN9HzkkoaVjCsQCKHt47q4TmC6mePcXhQ0b343wQ0yP9N8/s1600/6.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7E-_xrpz75oAZlpUHcqxpwj7dSG_mva8OPPru1HwpiszEr1hs025fuHQ5yDUP4kf4XF4BdGLByiO8bOjKZViVag0iXLNjhzN9HzkkoaVjCsQCKHt47q4TmC6mePcXhQ0b343wQ0yP9N8/s1600/6.PNG" width="320" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">7. <span style="mso-spacerun: yes;"> </span>Again,
go to fx and to Gradient Overlay option and this time increase the opacity % to
25 % as in image below:<span style="mso-spacerun: yes;">    </span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgrv0vIQmN7oUxQom-ZICKxUlJasA0GamQQGflyY4rKeM5QGfKUojzb01trSh1tMe05jInLeOGGoHHjkQlc-XbgXCINbkNxJI6rscEyabBIIdl7hSFTfv-qdf4aAuVo6VbRjBPUJdB4Wc/s1600/7.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgrv0vIQmN7oUxQom-ZICKxUlJasA0GamQQGflyY4rKeM5QGfKUojzb01trSh1tMe05jInLeOGGoHHjkQlc-XbgXCINbkNxJI6rscEyabBIIdl7hSFTfv-qdf4aAuVo6VbRjBPUJdB4Wc/s1600/7.PNG" width="320" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">8. Save it as before with same setting but this
time in a background folder as shown in image below:</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyTYp5hR2NR857egfrkMXiLGdGKR-oLOeFiHmGgcWsKrDXEbkqpBn_GRRLkhZaBFDtNynhxFFHx-550Yrj1m6uKnDC9VMMtYdHTLDHkKNsBODOjxmknxzlB8smdVnG5bI4SaQnvN566kU/s1600/8.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyTYp5hR2NR857egfrkMXiLGdGKR-oLOeFiHmGgcWsKrDXEbkqpBn_GRRLkhZaBFDtNynhxFFHx-550Yrj1m6uKnDC9VMMtYdHTLDHkKNsBODOjxmknxzlB8smdVnG5bI4SaQnvN566kU/s1600/8.PNG" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<u><span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">In Adobe Dreamweaver:<span style="mso-spacerun: yes;">   </span></span></u></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">1. Open Adobe Dreamweaver and create a new site
before proceeding to get all the resources into it. To create new site- Go to
Site Menu>>New Site. A dialog will appear. In site Name Box give any name
and in Local site box browse your menubar folder form your desktop.</span></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Now you will see all the items into Dreamweaver.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">2. Now create new html document. And insert Div Tag
from Insert>>Layout Objects>>Div Tag. Another way is to select
directly from the insert window at upper right corner as shown below:</span></div>
<div class="MsoNormal">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rjoI0NMeDx9jb4-8KWFtu0nBhn9ugy1FULywnLMa3Entt3VItwAnSfovN0cEaldlhRbJf2OBUW6SSK_KSu_4BOG88HjvWJDYxWPoPtqmxhUhreopaCqijYeOY_v9hDeEc60F-Fy6Fjw/s1600/9.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rjoI0NMeDx9jb4-8KWFtu0nBhn9ugy1FULywnLMa3Entt3VItwAnSfovN0cEaldlhRbJf2OBUW6SSK_KSu_4BOG88HjvWJDYxWPoPtqmxhUhreopaCqijYeOY_v9hDeEc60F-Fy6Fjw/s1600/9.PNG" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">3.<span style="mso-spacerun: yes;">  </span>A dialog
will appear, in ID field enter Menubar and click on New CSS Rule just below it.
A new dialog will appear just click on OK. Now you can see CSS rule dialog and
enter the value as shown in the image below:</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9dgsJc-ZoZGQom_KDnmVxxRwHNFrdJEzZKlSBGjsZiGA27cXxUAVgSqH-2WoS1qQXc7e1Sn0qfUVebESdBolRAqPlASk4bolLFWDbqKdVl8QKlFj3XlMiFegvXCcv0kKs3TJvcZdv9xE/s1600/10.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9dgsJc-ZoZGQom_KDnmVxxRwHNFrdJEzZKlSBGjsZiGA27cXxUAVgSqH-2WoS1qQXc7e1Sn0qfUVebESdBolRAqPlASk4bolLFWDbqKdVl8QKlFj3XlMiFegvXCcv0kKs3TJvcZdv9xE/s1600/10.PNG" width="320" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Mangal; mso-bidi-language: NE; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">4. Click on OK. Now you can see following thing in
your design view:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__qpmjV2o02nRtieLYfF50D9uXPUskwM_Q9qMB9xrIbX8COnDh6wbt5JOt4ZHlEPUWh9Vk0BWmc2cKPrAVB0zDn2Z8twIg_fD475k-x3ErIGKH_TYMoqZUgWfI90slshwS6Zd4XlA6ug/s1600/11.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__qpmjV2o02nRtieLYfF50D9uXPUskwM_Q9qMB9xrIbX8COnDh6wbt5JOt4ZHlEPUWh9Vk0BWmc2cKPrAVB0zDn2Z8twIg_fD475k-x3ErIGKH_TYMoqZUgWfI90slshwS6Zd4XlA6ug/s1600/11.PNG" width="320" /></a></div>
<br />
<br />
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Mangal; mso-bidi-language: NE; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;"></span><br />
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Mangal; mso-bidi-language: NE; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;">

</span><br />
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">5. Now click on rollover option in an insert
window or go to Insert Menu>>Image Objects>>Rollover Image. You
will see the following dialog. Just browse the images as instructed in the
image:</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPz8muCPg_jkltHb_pw1D3inuLN-VbiyLvEzK6mT09KOXQWSi_UAYABMtT3rq-ZqOq4Ez7nrS5zDqjA05ToUrBnElNZ8VnbtIVyOO8L2HKC0YQ2bkkyznssGFxaw6z1JTVn3FpYSK42Eo/s1600/12.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPz8muCPg_jkltHb_pw1D3inuLN-VbiyLvEzK6mT09KOXQWSi_UAYABMtT3rq-ZqOq4Ez7nrS5zDqjA05ToUrBnElNZ8VnbtIVyOO8L2HKC0YQ2bkkyznssGFxaw6z1JTVn3FpYSK42Eo/s1600/12.PNG" width="320" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">6. After adding all the images you will see the
following navigation bar in your Dreamweaver working area. If you can’t see
just click on Design to see design view.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT46eb-f9Ca6wCGWb9NGAJKNhmTCiQ4pXcRIp-FVtm9iRaNAhoUzcaG9DVffSQ-ahyphenhyphenJA3qe4sWOD0_guFi8a8kTyzfcWgDcA0_j8w-yiA1Tf1o8JeZ-J-pGO2CQViPzm4aIDV41RHyVoA/s1600/13.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT46eb-f9Ca6wCGWb9NGAJKNhmTCiQ4pXcRIp-FVtm9iRaNAhoUzcaG9DVffSQ-ahyphenhyphenJA3qe4sWOD0_guFi8a8kTyzfcWgDcA0_j8w-yiA1Tf1o8JeZ-J-pGO2CQViPzm4aIDV41RHyVoA/s1600/13.PNG" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">7. Save the image as index.html</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">9. Double-click the index.html file where you have
saved (here we will get it on our desktop). Or directly you can click on the
Earth icon on the same horizontal line where you can get split,code view, Design
view option. And select preview in browser.</span></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">10. After completing, your navigation bar will
look like this:</span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAE6Roz3Pom1pt5lOAzDe6fdCWC8FjFLjt_6a0aieM1_F20i6b2YUZ4zFLPk1E5XYG-y6-lck8m40cMCrhwqKcCFdnWjaE_tLAdIRIXxCGOFef9NBKlH-UJIrGNlhc-h1y67qCil7w2w/s1600/14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAE6Roz3Pom1pt5lOAzDe6fdCWC8FjFLjt_6a0aieM1_F20i6b2YUZ4zFLPk1E5XYG-y6-lck8m40cMCrhwqKcCFdnWjaE_tLAdIRIXxCGOFef9NBKlH-UJIrGNlhc-h1y67qCil7w2w/s1600/14.png" width="640" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Whenever you hover your mouse pointer over any
menu elements, you will see some rollover image effects!</span></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">To watch video for this tutorial <a href="http://youtu.be/t6GPr4_XSgs" target="_blank">CLICK HERE>></a></span></div>
<div class="MsoNormal">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;">Thank You!</span></div>

<br />
<br />
<div class="MsoNormal" style="text-align: left;">
<span style="font-family: "Trebuchet MS","sans-serif"; font-size: 12.0pt; line-height: 115%;"></span></div>
<br />
<br /></div>

Create Beautiful Horizontal Navigation Bar with Adobe Dreamweaver CS6 and Adobe Photoshop CS3

Normal 0 false false false EN-US X-NONE NE

21 Nov 2014

Load more posts