tag:blogger.com,1999:blog-35239282196296880932024-02-19T05:51:45.265-08:00Website Design and Development I am Nithin Chandra,Web Designer and Dotnetnuke(DNN) skin developer based in Bangalore, India - Website Design & Development,Responsive Website Design,Email Marketing,Search engine optimization(SEO),Social Media Marketing,Website Hosting,Website Performance Analysis,Blog Design & Development,Content Management System Integration,Mobile Website Design. Visit my Portfolio to know me more www.nithinchandrasr.comAnonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-3523928219629688093.post-28781559053422821432014-04-22T22:59:00.000-07:002014-04-25T21:38:37.902-07:00How to align div vertically and horizontally center of the page<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Hi, This is commonly asked interview question for web designers and developers</span><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">.So thought of sharing the answer with you guys. This question can be tackled in many different ways but I will be showing you one technique for this question.Let get started.</span><br />
<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/uN4pBLRMwCY" width="420"></iframe>
</div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">This question can be tackled in using CSS. Following CSS will align the required div vertically and horizontally center of the page. Paste following code in CSS file and call this class(.wrapper) in your html page.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><b>CSS</b></span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><b><br /></b></span>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">.wrapper {</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>position: absolute;</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border: 1px solid #333;</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>top: 25%;</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>left: 25%;</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>right: 25%;</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>bottom: 25%;</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">}</span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><b>HTML</b></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><span style="color: #404040; font-family: Verdana, sans-serif;"><div class="wrapper"></div></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><b>Output</b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVOiuyw97dPKsovGOtLEjS6EzacnIyKqdSDFt076atP9D4Cc2JgL4U5p7xFDJAnJ7cKWExk9iFKTJv1pVCj0xDWNImhWrcsTQpGghlFFIMhQXrpeFFTgqzNmqrXx7xMx_3anud9nMpP8/s1600/center.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVOiuyw97dPKsovGOtLEjS6EzacnIyKqdSDFt076atP9D4Cc2JgL4U5p7xFDJAnJ7cKWExk9iFKTJv1pVCj0xDWNImhWrcsTQpGghlFFIMhQXrpeFFTgqzNmqrXx7xMx_3anud9nMpP8/s1600/center.PNG" height="334" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><b><br /></b></span></span></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><span style="background-color: white; text-align: justify;"></span>
</span></span>
<br />
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Hope this helped you.Pendown your question in comment box if any.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">To know more about me visit <a href="http://www.nithinchandrasr.com/">www.nithinchandrasr.com</a> or you can subscribe to my Youtube channel to follow latest trends in web development.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Channel: </span><span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><a href="https://www.youtube.com/user/nithinchandrasr">https://www.youtube.com/user/nithinchandrasr</a></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-85763935466549627262014-02-23T22:28:00.001-08:002014-02-23T22:28:53.745-08:00SEO fundamentals for DNN (DotNetNuke) 7.x<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Hi, In this blog I will explain Search Engine Optimization techniques applied to DotNetNuke(DNN) 7.x.</span><br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Everyone</span></span><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"> needs their website to rank well on Google. So How to make your DNN website seo optimized??. Let get started.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"></span></div>
<a name='more'></a><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/Lgj2vP45xag" width="560"></iframe>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Following are the must elements to be added your site.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">1. Page Title</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">2. Meta Keyword</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">3. Meta Description</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">4. Sitemap Priority</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Detail description about SEO fundamentals please go through this link:</span></span></span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><a href="http://nithinchandrasr.blogspot.in/2014/01/search-engine-optimizationseo.html" target="_blank">http://nithinchandrasr.blogspot.in/2014/01/search-engine-optimizationseo.html</a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white;"><span style="font-size: 12.222222328186035px; line-height: 20px;">How to Add Page title to your DNN7 Site:</span></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Admin > Page management > Click on Page(In my case its About Us)</b></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn98DfpMQCxCu6Kikai05chjVN7t0lfYd7Hqk3JVV34Pyq2w2S6QEiqFGmNYo0-FARhEItSE-6GpgYB4qQJYWJgjWos3RXKDQAIHgJTL_JhD9isMHA7UEkf3UAsekuG2lhh-Ofgu9rwsA/s1600/pagemanagement.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn98DfpMQCxCu6Kikai05chjVN7t0lfYd7Hqk3JVV34Pyq2w2S6QEiqFGmNYo0-FARhEItSE-6GpgYB4qQJYWJgjWos3RXKDQAIHgJTL_JhD9isMHA7UEkf3UAsekuG2lhh-Ofgu9rwsA/s1600/pagemanagement.PNG" height="456" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b><br /></b></span></span></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Select Common Section on right pane:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhhFk_xtZrkwAh92sR6mQY_D810vWyA-BPzjAlfPWKJoUXKydpj2qwEE6nLgE8OBOSgURJLsLfHH062YF0mN9O8ujJckLWSSBcIeyqzrMQmJAaSIf_sFqw0dl3RgGF_LREU8SNX6JiXkM/s1600/dnn-common.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhhFk_xtZrkwAh92sR6mQY_D810vWyA-BPzjAlfPWKJoUXKydpj2qwEE6nLgE8OBOSgURJLsLfHH062YF0mN9O8ujJckLWSSBcIeyqzrMQmJAaSIf_sFqw0dl3RgGF_LREU8SNX6JiXkM/s1600/dnn-common.PNG" height="272" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Add your page title in the text box provided under common section. In my case I have added</span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>About Us | Company name .</b> Make sure your title tag is </span></span></span><span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">6 - 12 words ( less than 60 characters ) is a good length for a title tag. Alas make sure <b>Allow indexing is checked</b> in common section.</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxeQDOvwsJnOGV-C-RF68KAITqFklssrRuK_qTycMHvJz0IB_wZSCsXVWABxeR3LKt1r983WXgx2vmE3jmpa50KuPHbbbZ9TdcEBEJsuDGwMeQBD4NXD5UkHzn9PgUGsKzXyRDc9Sntko/s1600/dnn-common-page-title.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxeQDOvwsJnOGV-C-RF68KAITqFklssrRuK_qTycMHvJz0IB_wZSCsXVWABxeR3LKt1r983WXgx2vmE3jmpa50KuPHbbbZ9TdcEBEJsuDGwMeQBD4NXD5UkHzn9PgUGsKzXyRDc9Sntko/s1600/dnn-common-page-title.PNG" height="269" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Now will add Page Description and Keywords for the DNN page.</span><br />
<span style="background-color: white;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Click on <b>SEO </b>section in collapsible pane.</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fOGHu7cmlSjVWA2xTHcJQhJnTG-1D_MuB1GaEeQ-DyHfGBZOejBOXO9Gx6Vsc8iMS-BI12syTHr86FrkpSEJiAFIUZfmiqgctIye9JAaUCOaLKAsWWmCPSQBPVuX4fz_h9SZOwND_6I/s1600/seo.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fOGHu7cmlSjVWA2xTHcJQhJnTG-1D_MuB1GaEeQ-DyHfGBZOejBOXO9Gx6Vsc8iMS-BI12syTHr86FrkpSEJiAFIUZfmiqgctIye9JAaUCOaLKAsWWmCPSQBPVuX4fz_h9SZOwND_6I/s1600/seo.PNG" height="524" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Sitemap Priority</b></span></span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMVWgUDmReT1d-0S49ozSKFVUkpgs4Rk3dFweSBS9U3w20c8-5Y8KhXcZG5w26yOdGfBjTsOOg_4EFbIn3PHmS-dLPKA69UgnzkuxKGX-92dLtGQT6YnntELHqCz0SDbi37L7BMu3NI8/s1600/sitemap-priority.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEMVWgUDmReT1d-0S49ozSKFVUkpgs4Rk3dFweSBS9U3w20c8-5Y8KhXcZG5w26yOdGfBjTsOOg_4EFbIn3PHmS-dLPKA69UgnzkuxKGX-92dLtGQT6YnntELHqCz0SDbi37L7BMu3NI8/s1600/sitemap-priority.PNG" /></a><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">You can also Change the site map priority based on your requirement. If you want your About Us page to be ranked more than other pages you can set Site Map priority between 0-1. For example you have a product page which has high priority over other pages like about us - you can set the product page sitemap priority to 1 and other pages to 0.5. This will give hint to google which page should be taken in priority.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<span style="background-color: white;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Page Description:</b></span></span></span><br />
<span style="background-color: white;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Where you will be allowed to have Page Description,Page Keywords,Sitemap priority. Write Page Description</span></span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"> in sentence structure. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Should be relevant to the page and <b>25-30 word (under 150 characters)</b> description of the first text within the visible page. </span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Do not repeat your keywords more than 3 times in description tag. If you need, make alternatives (e.g. 'prescription' and 'prescriptions' can be used 3 times each). </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Minimize the use of "stop words" such as "and, the, of". </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3szwCzii2QYe4RGPUS3ud6IhR7edFNqSBWlwnkgHxh1OiAbk8t3d8cdBAB7cBj0NL8znDK8ZnRBwd1p4YdldbfBdf-fd-msfqjJDk16EcyAhrYod-ZkQp1YnCO7Kttir6ox0VrxYJk0/s1600/page-description.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3szwCzii2QYe4RGPUS3ud6IhR7edFNqSBWlwnkgHxh1OiAbk8t3d8cdBAB7cBj0NL8znDK8ZnRBwd1p4YdldbfBdf-fd-msfqjJDk16EcyAhrYod-ZkQp1YnCO7Kttir6ox0VrxYJk0/s1600/page-description.PNG" height="250" width="640" /></a></div>
<span style="background-color: white;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Page Keywords:</b></span></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Right below page description you will be allowed to add keywords for your page in Page Keywords Tex box.Keep 100 to 250 characters to get better results. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Start with the most important and then proceed to less important. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Use keywords/Phrases. </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">If your site has content of interest to a specific geographic location be sure to include the actual location in your keyword Meta. </span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitpaEQS0Vqbq20WVmc8yofnziKGOFzR3hyphenhyphenebJfFHX7TsEbDpF2kfbreNd4lQA_1BoRXGe6G9tWCbEv-JbH2Z1mHJSvCGBPoPRg0wDwk5Dh3QhQJ8VP_QT7rFVNBlEy_hFn3L1hxPuCNXA/s1600/keywords.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitpaEQS0Vqbq20WVmc8yofnziKGOFzR3hyphenhyphenebJfFHX7TsEbDpF2kfbreNd4lQA_1BoRXGe6G9tWCbEv-JbH2Z1mHJSvCGBPoPRg0wDwk5Dh3QhQJ8VP_QT7rFVNBlEy_hFn3L1hxPuCNXA/s1600/keywords.PNG" height="492" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">These are the SEO fundamentals for DNN7. To know more about me visit <a href="http://www.nithinchandrasr.com./" target="_blank">www.nithinchandrasr.com.</a></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">You can also subscribe to my channel on YouTube <a href="http://www.youtube.com/nithinchandrasr" target="_blank">www.youtube.com/nithinchandrasr</a></span></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-87496407941746128812014-02-21T02:18:00.001-08:002014-02-21T02:18:39.986-08:00How to set a Different Skin for Portal Admin Only in DNN 7<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">In this blog i will show you </span><span style="font-size: 12.222222328186035px; line-height: 20px;">How to set a Different Skin for Portal Admin Only in DNN 7</span><span style="font-size: 12px; line-height: 20px;">. </span></span></span><br />
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></span></span></span><br />
<a name='more'></a><span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Step 1:</b> Log in to DNN7 site as a host user.</span></span></span><br />
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Hover on Admin link over control panel and click Pagemanagement.</span></span></span><br />
<b><span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Admin ></span></span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Page management</span></span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSVrVrV-ppKVQTuBV4eQDr-4itcb7egSB2mgqjBiSsjr-xvUwwLojFSO4tDvmlsMBrUwnCpb1UHalMGm3WkHvtb7Fr8gvoSerYkvN8pFGmSuSL-sPcA7LiCpPpD-iPkFWlDlYIDIvGBo/s1600/admin-page.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSVrVrV-ppKVQTuBV4eQDr-4itcb7egSB2mgqjBiSsjr-xvUwwLojFSO4tDvmlsMBrUwnCpb1UHalMGm3WkHvtb7Fr8gvoSerYkvN8pFGmSuSL-sPcA7LiCpPpD-iPkFWlDlYIDIvGBo/s1600/admin-page.png" height="134" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<div style="text-align: justify;">
<span style="background-color: white; text-align: justify;"><span style="background-color: transparent; font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Step 2</b></span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>:</b> Click on <b>Admin parent</b> on left side below your DNN site name as shown below.And click on <b>More Settings </b>Button</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga35NVtu5KwwfpiJMr8MObdEtQAxAqUyNJRez5DbB7qrtQiFb0gFK1PmrPFgPAhPZAsb0jhswluYVrk6GO2D_NeO-HaBsxxJ3ng8dWmvNaJyO0onQBuvWyQbbFlHlInF4dVRQTs4z2JWI/s1600/admin-parent.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga35NVtu5KwwfpiJMr8MObdEtQAxAqUyNJRez5DbB7qrtQiFb0gFK1PmrPFgPAhPZAsb0jhswluYVrk6GO2D_NeO-HaBsxxJ3ng8dWmvNaJyO0onQBuvWyQbbFlHlInF4dVRQTs4z2JWI/s1600/admin-parent.png" height="488" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Step 3:</b> Modal popup appears click on<b> Advanced settings tab</b>.</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig4Gmytm5aVFnldphPGkR3tBRvaA_8VrMr7mFMSgwrMbKOzUsCmtjT8_clwAqdJSDAe57P89-VICcGSGd2Bku9kqHNAoXFwO0eGtW39RCcIEAQuIeIWDtHpinDQogjkL2ue0SQAlNMyFo/s1600/more-settings.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig4Gmytm5aVFnldphPGkR3tBRvaA_8VrMr7mFMSgwrMbKOzUsCmtjT8_clwAqdJSDAe57P89-VICcGSGd2Bku9kqHNAoXFwO0eGtW39RCcIEAQuIeIWDtHpinDQogjkL2ue0SQAlNMyFo/s1600/more-settings.PNG" height="424" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Step 4: Advanced Settings > Appearace</b></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib25VJXR-H_zXHBkhsNhKh1DobVJrU3EN0ZaauHOr9f4GoJirefh2R1VR_uJ4My3XErN-i62wWr-EuifOqBExsYBlxjUTesE9H6clJtncPGCy0n_BqHyzeF5juUtv1g8h_UmcMBbBk7do/s1600/more-settings-appearace.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib25VJXR-H_zXHBkhsNhKh1DobVJrU3EN0ZaauHOr9f4GoJirefh2R1VR_uJ4My3XErN-i62wWr-EuifOqBExsYBlxjUTesE9H6clJtncPGCy0n_BqHyzeF5juUtv1g8h_UmcMBbBk7do/s1600/more-settings-appearace.PNG" height="402" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step 5: Scroll down to Page skin in same Modal popup under Advanced Setting tab.</span></span></span><br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white;"><span style="font-size: 12.222222328186035px; line-height: 20px;">To Sum-up</span><b style="font-size: 12.222222328186035px; line-height: 20px;"> More Settings > Advanced Settings > Appearance > Page skin - </b><span style="font-size: 12.222222328186035px; line-height: 20px;">Change the skin to which you want only admin pages to have.</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J42dLana-0hz-uC3TXEakUa5WD8Wm0AN5yjxmuBJIeBJzkJP5yjkaGLHFUryQRMKsKaqMFfMMSO8xc4Mb-uFWAHSDkZw7di9b8LmE3gjD5COf6hYOhNQQR4pi708D7VbcdDbtsCZdx8/s1600/change-skin.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J42dLana-0hz-uC3TXEakUa5WD8Wm0AN5yjxmuBJIeBJzkJP5yjkaGLHFUryQRMKsKaqMFfMMSO8xc4Mb-uFWAHSDkZw7di9b8LmE3gjD5COf6hYOhNQQR4pi708D7VbcdDbtsCZdx8/s1600/change-skin.PNG" height="234" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step 6 : Once selecting the skin <b>Click on Copy Design Button which says Copy Design to Descendants</b></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpTQbN7mOPrdyb1VnJbzxf69OMN09OyzLy6cunXMNEn75V3pqJ7XLtu11xBLyNfF-76I2jSA4IO5DkQscbAgf01brB5HkIdqGYRIMkz8Zpm_SBHXOkf_p23i1VO8oxm7fObwHiEluPnnY/s1600/copy-design.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpTQbN7mOPrdyb1VnJbzxf69OMN09OyzLy6cunXMNEn75V3pqJ7XLtu11xBLyNfF-76I2jSA4IO5DkQscbAgf01brB5HkIdqGYRIMkz8Zpm_SBHXOkf_p23i1VO8oxm7fObwHiEluPnnY/s1600/copy-design.png" height="444" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step 7 : DNN will ask you for </span><span style="font-size: 12.222222328186035px; line-height: 20px;">confirmation to add skin you selected to descendants of the parent </span><span style="font-size: 12px; line-height: 20px;"> . Click on <b>Yes</b> Button</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNHT4ehvQCN9wOI7EjA1T8AJOIGxpUYqQWmT8nAdOAit61MAmrfi5suwA9uJfZvUPUXpgts-vp4KRcQi_wlDcEW1bRbe0fOiHhdNRRvDyIMr9BGcSRw4hoVp_lAgOJ2YmXB23-U-SsPq4/s1600/confirm.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNHT4ehvQCN9wOI7EjA1T8AJOIGxpUYqQWmT8nAdOAit61MAmrfi5suwA9uJfZvUPUXpgts-vp4KRcQi_wlDcEW1bRbe0fOiHhdNRRvDyIMr9BGcSRw4hoVp_lAgOJ2YmXB23-U-SsPq4/s1600/confirm.PNG" height="450" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step 8: Success message will appear </span><span style="font-size: 12.222222328186035px; line-height: 20px;">saying</span><span style="font-size: 12px; line-height: 20px;"> </span><b><span style="font-size: 12.222222328186035px; line-height: 20px;">Design</span><span style="font-size: 12px; line-height: 20px;"> copied successfully.</span></b></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGp7ar7x8CvHovJAwZwGUNQBoAqjns8Uh7oqXbkMeAwyQnetyj_lVm-tw6KDWgNE7ZduBIewsMsl_IK-Ggq8I6L9dpllU4bMARf_XjCK3EoHcTBiKiNh8LWIp7GhBxoJB9I5-irczzF7A/s1600/success-message.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGp7ar7x8CvHovJAwZwGUNQBoAqjns8Uh7oqXbkMeAwyQnetyj_lVm-tw6KDWgNE7ZduBIewsMsl_IK-Ggq8I6L9dpllU4bMARf_XjCK3EoHcTBiKiNh8LWIp7GhBxoJB9I5-irczzF7A/s1600/success-message.PNG" height="414" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step 9: </span><span style="font-size: 12.222222328186035px; line-height: 20px;">At-last</span><span style="font-size: 12px; line-height: 20px;"> update the page by pressing </span><b style="font-size: 12px; line-height: 20px;">Update page</b><span style="font-size: 12px; line-height: 20px;"> button at the </span><span style="font-size: 12.222222328186035px; line-height: 20px;">bottom</span><span style="font-size: 12px; line-height: 20px;"> of the modal popup window</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzi71ZRzS1hyhT6PmD5eDq3bg2neMpgZTyS7TYTqZuElTtJyYcoT8R4E9CjNeq2p0AhFTvYlAPgIad8Mh9z407YzwB1-bjBgjQdlK3QGEn7WodsHD_iecajuLzpbEwgBIFlc__8vXuoM/s1600/update-page.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzi71ZRzS1hyhT6PmD5eDq3bg2neMpgZTyS7TYTqZuElTtJyYcoT8R4E9CjNeq2p0AhFTvYlAPgIad8Mh9z407YzwB1-bjBgjQdlK3QGEn7WodsHD_iecajuLzpbEwgBIFlc__8vXuoM/s1600/update-page.PNG" height="40" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">That's it guys. This is the procedure to </span><span style="font-size: 12.222222328186035px; line-height: 20px;">set a Different Skin for Portal Admin Only in DNN 7.</span><span style="font-size: 12px; line-height: 20px;"> </span></span></span></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-81140473899284921382014-01-29T05:11:00.001-08:002014-01-29T05:11:41.204-08:00How to add custom table design to blogger - Tutorial<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Hi,In this blog i will show you how to add custom designed table in to blogger. Since blogger default tables are boring . We can modify the design and add based on our wish and style.So let get started How to add custom designed</span><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"> table to blogger.</span><br />
<div>
<a name='more'></a><br /></div>
<div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Here is a quick video to add custom table designs to blogger.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/wVswRq8au4o" width="560"></iframe>
<br />
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">We will be going create custom design of tables using excel. I will be using <b>Open Office</b> as my excel application.You can use MS Excel or Open Office. So open Open office/MS Excel select spreadsheet.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRA8lEMeIaLWPIDgpp2w02PCjHXoJ-em9uXcJ-Knt_gK-Gqxspo8GaegxioN79SgxbHYMCVxwihw8wwkFPdpcQ5cJmdIdkxbtuPeRUbnZFi5RY31yFt_REH-ZdtFqD23ZSNEjb2qh67G4/s1600/open-office.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRA8lEMeIaLWPIDgpp2w02PCjHXoJ-em9uXcJ-Knt_gK-Gqxspo8GaegxioN79SgxbHYMCVxwihw8wwkFPdpcQ5cJmdIdkxbtuPeRUbnZFi5RY31yFt_REH-ZdtFqD23ZSNEjb2qh67G4/s1600/open-office.PNG" height="334" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Click on spreadsheet and open a new spread sheet. We will design our table in spread sheet using formatting tools. We can add header text,make the content alignments,font size,color,weight changes using excel formatting tools present.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxOrGbSbXgAR_5hOchPKipBfbvmKpNyH4G0F0TPsRMW2A8vlZT2OmqMqJ4ZX8FhU60z9rrBrZAloOvMFssFSYcwAEgyHkxeLIPzUG3SqjEdKOjW_c5vTCZj9UvqRuTw7_hdRfJiMFVf8/s1600/excel-format.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxOrGbSbXgAR_5hOchPKipBfbvmKpNyH4G0F0TPsRMW2A8vlZT2OmqMqJ4ZX8FhU60z9rrBrZAloOvMFssFSYcwAEgyHkxeLIPzUG3SqjEdKOjW_c5vTCZj9UvqRuTw7_hdRfJiMFVf8/s1600/excel-format.PNG" height="48" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">We will design a table with sample data.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYgPbJbqXMV3mUPhtkL7rAbCwvJi8yhJystlsf_PlZ21euMtm0zVdjZXA0RTgteXStgo7KMVfTIRRA_O0ZCuuASwoSHvdI_euCm3fJpgM7h1XcC-5iYWL-D1D-f5Hhyphenhyphen-Mw3hTOShoSev8/s1600/sample-table.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYgPbJbqXMV3mUPhtkL7rAbCwvJi8yhJystlsf_PlZ21euMtm0zVdjZXA0RTgteXStgo7KMVfTIRRA_O0ZCuuASwoSHvdI_euCm3fJpgM7h1XcC-5iYWL-D1D-f5Hhyphenhyphen-Mw3hTOShoSev8/s1600/sample-table.PNG" height="390" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Now once sample table is created will format the table to make it look beautiful.To make it look better i added background color and increased font sizes and family.Here you can look at modified table.You can do more on this table.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaJJqYGb7RYk8XvVdLkd1ql4WLd7QkF3xsjh06Ukdoh9MoyF8DMbEWkN37D1M9rcxUXb8ELfGKNYbVVdOu6QUr11ea4GgZ1rnRrxwgVfHWDHCE7u_l5C6i_P94FDVShMI7bLr0AvsvXbc/s1600/modified-table.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaJJqYGb7RYk8XvVdLkd1ql4WLd7QkF3xsjh06Ukdoh9MoyF8DMbEWkN37D1M9rcxUXb8ELfGKNYbVVdOu6QUr11ea4GgZ1rnRrxwgVfHWDHCE7u_l5C6i_P94FDVShMI7bLr0AvsvXbc/s1600/modified-table.PNG" height="420" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Once you complete with designing the table in excel. Save the excel document in .html extension. This can be done <b> File -> Save As -> Save As type(dropdown) -> HTML Document(.html)</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfg9Ale8bWK0_jjyB4Mlb4Tz4O4SQjCwFPY84azaDGc4SRdNFSNo1iaT_dhiTtCayMXxx1u2x_qMLa7y31qx-U6cfPMOTrUjK0r_ct0mSJlN5hjIpdbWtChWAbxXaDCqvE7jFRdz7xlQQ/s1600/sav-as.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfg9Ale8bWK0_jjyB4Mlb4Tz4O4SQjCwFPY84azaDGc4SRdNFSNo1iaT_dhiTtCayMXxx1u2x_qMLa7y31qx-U6cfPMOTrUjK0r_ct0mSJlN5hjIpdbWtChWAbxXaDCqvE7jFRdz7xlQQ/s1600/sav-as.PNG" height="640" width="369" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIXgWBu4RpTvx2Ug5JuviJUTf6Fk5JtbzOLIls2fd1Q4TXcadlU3DrZ9ajxbLxrUmza9vbpfKeaEoLvzOcXo506k97yKdWdOo5OkNHlmgEdv31WnyxtVfSIzlDJPcCAqyWCnwZdtAV8w/s1600/save-html.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIXgWBu4RpTvx2Ug5JuviJUTf6Fk5JtbzOLIls2fd1Q4TXcadlU3DrZ9ajxbLxrUmza9vbpfKeaEoLvzOcXo506k97yKdWdOo5OkNHlmgEdv31WnyxtVfSIzlDJPcCAqyWCnwZdtAV8w/s1600/save-html.PNG" height="640" width="570" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">After saving the document in .html format by adding file name before saving.Open the .html file which you saved in browser.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh0PV4UGVC0Z_1icSAKBGukadiqEKcEJez1iEslsSDPIYlx0RUDyx4tqIuAzvSiRKJlVv8s6pgs0i0p8NbuPbKkb97xRG0Etx0rkgkdV4Mgm3tlOW9eyvDCr_2mrOEu9guoF1bIC-s3w/s1600/browser.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh0PV4UGVC0Z_1icSAKBGukadiqEKcEJez1iEslsSDPIYlx0RUDyx4tqIuAzvSiRKJlVv8s6pgs0i0p8NbuPbKkb97xRG0Etx0rkgkdV4Mgm3tlOW9eyvDCr_2mrOEu9guoF1bIC-s3w/s1600/browser.PNG" height="420" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCYJVGtsRjlSerkDkxxoa_cucbh_e3NSui7DY-oZyYEuWH1MOnG4B38pBisSVBsRXDXOoWHz9wQ8iWVpSoakUrwN4VXrc7WirTAcm6euOnakfJYiPwW5piBmvSgktlHjAtnEzkdAC61Pk/s1600/view-source.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCYJVGtsRjlSerkDkxxoa_cucbh_e3NSui7DY-oZyYEuWH1MOnG4B38pBisSVBsRXDXOoWHz9wQ8iWVpSoakUrwN4VXrc7WirTAcm6euOnakfJYiPwW5piBmvSgktlHjAtnEzkdAC61Pk/s1600/view-source.PNG" height="422" width="640" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Copy the table code from page source.</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHlepCKWm11XKv8brm6HNGMTzmFAXnhOr4k8RlCTULxXXjkPaZ8Vgio2wNvsUgiafg9Envj6bs8iGK_CzTefOJVz4-rm0dvN4-x9KfTMdNp4jz3GawD5wxOrRouORghiz4A_P91kdOp5k/s1600/table.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHlepCKWm11XKv8brm6HNGMTzmFAXnhOr4k8RlCTULxXXjkPaZ8Vgio2wNvsUgiafg9Envj6bs8iGK_CzTefOJVz4-rm0dvN4-x9KfTMdNp4jz3GawD5wxOrRouORghiz4A_P91kdOp5k/s1600/table.PNG" height="462" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Once you copy table code from HTML page source. Login into your blogger account and create new post. Press the toggle button saying Compose and HTML on top left of the screen.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiniYWEeg2hf2Oe4rpBj7BA1MamHKWqUOuBlfwcWrB5y1zqjgbyA1dhlSlmvjVVrri3vlrhT0rZKtMNseC8xo1Z-hGvSARSzsFaEoW14YJxWcb989-ui_bo5A79SrHXZLkYHQyzOsVg2G0/s1600/toggle.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiniYWEeg2hf2Oe4rpBj7BA1MamHKWqUOuBlfwcWrB5y1zqjgbyA1dhlSlmvjVVrri3vlrhT0rZKtMNseC8xo1Z-hGvSARSzsFaEoW14YJxWcb989-ui_bo5A79SrHXZLkYHQyzOsVg2G0/s1600/toggle.PNG" height="16" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">In HTML editor paste the copied code from page source. Once you copy the code to HTML editor in blogger save the blog and toggle back to Compose button. You can see a customized table appearing on your content pane of your blog. You can preview the blog post and by clicking on preview button on right hand side of the blog editor.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Dvz0KHpgtJNkMNXRrRpQb-h8U03WCLWONk1sjoFreG6MLDQfFiSEEeEVKrF8Erqo97wFjao5B_AV3dRsU_PZOIUDJYtTvJC3gEKO8QOUz4ZsqU8lhS55y5Ryx3o0HW0B8ynV9HwstqQ/s1600/blogger-table.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Dvz0KHpgtJNkMNXRrRpQb-h8U03WCLWONk1sjoFreG6MLDQfFiSEEeEVKrF8Erqo97wFjao5B_AV3dRsU_PZOIUDJYtTvJC3gEKO8QOUz4ZsqU8lhS55y5Ryx3o0HW0B8ynV9HwstqQ/s1600/blogger-table.PNG" height="270" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOzYLuQbyjgOB0jTZtiHSjRcZ1wBJTotfKSUJrs3bXyVvTUklB7fQyXqVb4yhpYBawHjjxAPYxcLeB1upQvZIxcl2ShircItjxGoR2InjA2YA7AQngsd_zDo9DyQ_559gxgL2qb6NOhZ8/s1600/preview.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOzYLuQbyjgOB0jTZtiHSjRcZ1wBJTotfKSUJrs3bXyVvTUklB7fQyXqVb4yhpYBawHjjxAPYxcLeB1upQvZIxcl2ShircItjxGoR2InjA2YA7AQngsd_zDo9DyQ_559gxgL2qb6NOhZ8/s1600/preview.PNG" height="506" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Here is the preview of customized table. Thats it .</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">To know more about me visit <a href="http://www.nithinchandrasr.com/" target="_blank">www.nithinchandrasr.com</a>.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">You can subscribe to my channel on YouTube: www.youtube.com/nithinchandrasr</span></span><br />
<br /></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-8027861771840016952014-01-26T02:16:00.001-08:002014-01-26T02:16:12.092-08:00New Google maps integration with DNN 7(DotNetNuke)<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Hi, In this blog I will explain How to insert new google maps into DNN 7.x (Dotnetnuke). Google has updated Google maps to new UI and functionality.</span><br />
<br />
<a name='more'></a><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Here is the video to embed new google maps to DNN(DotNetNuke).</span><br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/G39wuxeI5zw" width="560"></iframe>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">So will start with Google maps first.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Click on the Google applications on right top side of your browser. Open Google maps appplication.</span></span></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfkEQ8iojN3wqEBM3NDT81FcVsAUOu7eY1nBLSn7j4QeH2UIxMN7UulWKiPyb-XAguf0DukrhBzzAv9nFjhJHBXexy2OAsh6PiXKKqZEoqLKsgK6K7n7UebpgOnnTLgOJNiWVbzBJXuw/s1600/google-apps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfkEQ8iojN3wqEBM3NDT81FcVsAUOu7eY1nBLSn7j4QeH2UIxMN7UulWKiPyb-XAguf0DukrhBzzAv9nFjhJHBXexy2OAsh6PiXKKqZEoqLKsgK6K7n7UebpgOnnTLgOJNiWVbzBJXuw/s1600/google-apps.png" height="346" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white;"><span style="font-size: 12.222222328186035px; line-height: 20px;">You will be landed to New Google maps. Type your address or location in the search box. For instance i have added Madame Tussaud Newyork.</span></span></span></div>
<div class="separator" style="clear: both; font-size: 12.222222328186035px; line-height: 20px; text-align: center;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH-koGJ_NebKpMuHzEowBehY2st_9-byXaHHUeXiSHRnyr6mbhi3rOHc3y_tBD2Mai3IE10P3OBmpY_vBv43FyIWfwL-c9xemKx2tCgbcJOjEVU7t_dvPJavEEcf29LWzSRa3-AkmXEbY/s1600/newyork-map.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH-koGJ_NebKpMuHzEowBehY2st_9-byXaHHUeXiSHRnyr6mbhi3rOHc3y_tBD2Mai3IE10P3OBmpY_vBv43FyIWfwL-c9xemKx2tCgbcJOjEVU7t_dvPJavEEcf29LWzSRa3-AkmXEbY/s1600/newyork-map.png" height="348" width="640" /></a></span></div>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Once your location is targeted on google maps.Click on<b> setting at the right bottom side</b> of the map and select <b>share and embed maps</b>.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbmArhOE8JqquXQhp8cvFeqY3P7xzC8isKJ6Vc93uViq-HvcK6QxtHVfACvzvk3QZhqWX4W9QlVdm1Qn8JsvN8RYPHaRCvqJS2oeZhhqwVm55qhOhjf83CxQEinQSYINe3zXL4d1-V_qg/s1600/embed-maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbmArhOE8JqquXQhp8cvFeqY3P7xzC8isKJ6Vc93uViq-HvcK6QxtHVfACvzvk3QZhqWX4W9QlVdm1Qn8JsvN8RYPHaRCvqJS2oeZhhqwVm55qhOhjf83CxQEinQSYINe3zXL4d1-V_qg/s1600/embed-maps.png" height="346" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">A modal popup will appear on the screen with Share link and Embed map option. By this you can have the link of the map to provide to any links if needed else we can choose to embed the map into your website or application.Also you can shorten the URL if needed .</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkrsigo0QGEmvpFJZr62ApWU7xuZTitIdVN_XBMTqXEHC8X7xI8rcZquCEWFa9hBB_Iy3_9emEJaT6tcT1GA2a3H0VM5dU8gJW3Vt6fU3d5gaHhI2ApHYZHGffTFw-ro93_QxmlGCDvg/s1600/maps-share.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkrsigo0QGEmvpFJZr62ApWU7xuZTitIdVN_XBMTqXEHC8X7xI8rcZquCEWFa9hBB_Iy3_9emEJaT6tcT1GA2a3H0VM5dU8gJW3Vt6fU3d5gaHhI2ApHYZHGffTFw-ro93_QxmlGCDvg/s1600/maps-share.png" height="354" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif; text-align: justify;"><span style="font-size: 12.222222328186035px; line-height: 20px;"> Since we need to embed google maps into DNN we will choose </span></span><b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Embed maps</b><span style="color: #404040; font-family: Verdana, sans-serif; text-align: justify;"><span style="font-size: 12.222222328186035px; line-height: 20px;"> option.Once you click on embed maps option you will have a smaller view of maps you have chosen i.e in my case Madame Tussauds New york with<b> ratings,reviews,larger map option and get directions.</b> You can also bookmark if needed.</span></span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDZnaHMO-3DT82iLrvd9z3FgCIoPOGc9W8N7hCHWjiIWPAAFfAa0954EzjAzuCT_VV2xsYjw1M-KT6IzJX_wBKQGsAffl2Pf7I2dypsoLixWEO8hxYGYdV-XSfesMVY7iJISD5_iwfYV0/s1600/maps-embed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDZnaHMO-3DT82iLrvd9z3FgCIoPOGc9W8N7hCHWjiIWPAAFfAa0954EzjAzuCT_VV2xsYjw1M-KT6IzJX_wBKQGsAffl2Pf7I2dypsoLixWEO8hxYGYdV-XSfesMVY7iJISD5_iwfYV0/s1600/maps-embed.png" height="346" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">OK once you have got map on Embed maps. Now you can choose the size of the map required based on your requirement.Google offers <b>small,medium,large and custom size.</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz1rOUKKqDKF0MCJCDxJePvW90ZiCCDe6aE_oMdHXowWMUgqeY6w7ON859v0vBovIe8fYiwxVESOdo8cukdla0U6gD3txXnrvByXOX6vKiBaDBUkGRN67AarbVDaMUhWnsfmiPAakD1nM/s1600/map-sizes.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz1rOUKKqDKF0MCJCDxJePvW90ZiCCDe6aE_oMdHXowWMUgqeY6w7ON859v0vBovIe8fYiwxVESOdo8cukdla0U6gD3txXnrvByXOX6vKiBaDBUkGRN67AarbVDaMUhWnsfmiPAakD1nM/s1600/map-sizes.png" height="348" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">We can change the size of the maps by using custom size.Google maps also provides option to preview your custom size by clicking on preview option.A new window will be popped out for preview.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyq96QhY8qyt8GqQhokWRLqIhI-oBhFqB_iKZ-iHmrnusVRetGws8mVU7R2xOlWShzliNQexXwPue90hK878k76RI9MbdTE9lkTV_6SNeXO6m2hICKRWQe1VKNgcPXGOV6Q_0Ux0NS1Nc/s1600/preview-custom-size.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyq96QhY8qyt8GqQhokWRLqIhI-oBhFqB_iKZ-iHmrnusVRetGws8mVU7R2xOlWShzliNQexXwPue90hK878k76RI9MbdTE9lkTV_6SNeXO6m2hICKRWQe1VKNgcPXGOV6Q_0Ux0NS1Nc/s1600/preview-custom-size.png" height="344" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">For now we will be using Medium as our map size. Will select medium size and copy the <b>iframe </b>provided.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzO9NpMAWKdgFQiPt965Rx7z49YoKqOGfDxRzyAf3RO-OcfNwJztAVHtN37mcAZk3WjUFfY1jr-DW8GnDi3AMOla2czGZS3vC0Ud2xiQWYd9nEd1mMJXNhyphenhyphenT5GUnyDhMiUAjhUlzpQSEA/s1600/copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzO9NpMAWKdgFQiPt965Rx7z49YoKqOGfDxRzyAf3RO-OcfNwJztAVHtN37mcAZk3WjUFfY1jr-DW8GnDi3AMOla2czGZS3vC0Ud2xiQWYd9nEd1mMJXNhyphenhyphenT5GUnyDhMiUAjhUlzpQSEA/s1600/copy.png" height="346" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Once iframe is copied will now login to our DNN (DotnetNuke).Add username and password and login to DNN.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYOd20M-dNjVnnQ6arq6HC1V4iZoIEUSJgNGeAywLGo1J-r6pPqE67tQ7wC7qxJb9WMIXruquIX57t4CaYzTxtNlVR_Q3dPfcBl1yxOtDCc2md78-Nwt2-fVDvaESC7u1bVfCcvzLbxC8/s1600/dnn-login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYOd20M-dNjVnnQ6arq6HC1V4iZoIEUSJgNGeAywLGo1J-r6pPqE67tQ7wC7qxJb9WMIXruquIX57t4CaYzTxtNlVR_Q3dPfcBl1yxOtDCc2md78-Nwt2-fVDvaESC7u1bVfCcvzLbxC8/s1600/dnn-login.png" height="344" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Once DNN is logged in. To place our Google maps on our site we need to add a HTML module to our site. This can be added by navigating to</span></span><b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"> Modules > Add New Module > Selecting Common from the Drop down.</span></span></b></span><br />
<span style="background-color: white; text-align: justify;"><b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMfLG_-4dLtmBCU3cTC9fNCJRg1_11PlDd7GSSosd5kZ-uPg0g7iY4z3ClvXK817WNOHTe2Bh6R5rqVjFFt-wwgAe1A9bb62vtnQlD2RQMZWBAFsKRlHLJq_ZnsVZwgm3RM_amiwKGl8/s1600/add-module.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMfLG_-4dLtmBCU3cTC9fNCJRg1_11PlDd7GSSosd5kZ-uPg0g7iY4z3ClvXK817WNOHTe2Bh6R5rqVjFFt-wwgAe1A9bb62vtnQlD2RQMZWBAFsKRlHLJq_ZnsVZwgm3RM_amiwKGl8/s1600/add-module.png" height="346" width="640" /></a></div>
<span style="background-color: white; text-align: justify;"><b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></b></span>
<span style="background-color: white; text-align: justify;"><b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pdtl8U_iWy1m9sdiOlifKn6SzQEfZ8szsbBki3obRY6d8RK9R3uswqqcLnh19sLxRT2rHSI-QKLXsiHsn3I67EKa80zNUXof5pCWZWnnkP2YueVo5G905HDX7H11cVLBhkPIDZ0GHc4/s1600/module-common.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1pdtl8U_iWy1m9sdiOlifKn6SzQEfZ8szsbBki3obRY6d8RK9R3uswqqcLnh19sLxRT2rHSI-QKLXsiHsn3I67EKa80zNUXof5pCWZWnnkP2YueVo5G905HDX7H11cVLBhkPIDZ0GHc4/s1600/module-common.png" height="350" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Once common option is selected from drop down options will be narrowed to<b> HTML. </b>Drag the HTML module to your selected pane in my case i am adding module to <b>Content Pane</b>.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAPQ5VzjiEghwWYrBTkpmrMM7JR2LjZF5ofLu5YTXBB8mN8reeNuQKVv9zvJQe03tKZroWL8yCEVA93sMbsX2Xzx1f1T6zrTr0CMym1fk2J0LJWp5gLlLJ2hSLCSCSf13yLveloCKs1I/s1600/module-drag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAPQ5VzjiEghwWYrBTkpmrMM7JR2LjZF5ofLu5YTXBB8mN8reeNuQKVv9zvJQe03tKZroWL8yCEVA93sMbsX2Xzx1f1T6zrTr0CMym1fk2J0LJWp5gLlLJ2hSLCSCSf13yLveloCKs1I/s1600/module-drag.png" height="348" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Now we have added HTML module to our Content pane. We need to edit the content in our HTML module. This can be done by clicking on pencil icon present on the HTML module. If you dont have pencil icon navigate to<b> Edit page</b> option on right top corner of the DNN control panel. After pencil icon is clicked click on <b>edit content</b>.</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAhdQOHv8wckaTbAqnrk4mnSby_y7mXXzGCEuluxOcBkW4EqtXF8ZR4opOl1bqF6fx84RNjp1JPX1uy3xT5Bv2mfOoT02-IItC3sa1NKxC9QQS0WiuXWL5BNAxPkoc5U-OQTgBudVRVs/s1600/edit-content.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAhdQOHv8wckaTbAqnrk4mnSby_y7mXXzGCEuluxOcBkW4EqtXF8ZR4opOl1bqF6fx84RNjp1JPX1uy3xT5Bv2mfOoT02-IItC3sa1NKxC9QQS0WiuXWL5BNAxPkoc5U-OQTgBudVRVs/s1600/edit-content.png" height="346" width="640" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;">Once you select Edit Content. A modal popup will appear with all editing option. Initally the editr will be in Design mode change the mode to <b>HTML</b>. This can done just by clicking on HTML option just below the editor.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9EtZhZUZtnhYe4WLfbMJ4rDybQeCGNrrpQnJAshbP3xAyOrwlOXqCKk9mCmlu_JLb-z4dG2biT0ydbs_btlqvuiUUEFdXYA6d4K9EmMvlI4B7neMsfYqWfqzN3g308IE6kBg9lsSWhFI/s1600/select-html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9EtZhZUZtnhYe4WLfbMJ4rDybQeCGNrrpQnJAshbP3xAyOrwlOXqCKk9mCmlu_JLb-z4dG2biT0ydbs_btlqvuiUUEFdXYA6d4K9EmMvlI4B7neMsfYqWfqzN3g308IE6kBg9lsSWhFI/s1600/select-html.png" height="344" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Once you selected HTML mode. Paste the<b> iframe we copied from Google maps to the HTML editor in DNN</b>. After pasting the iframe to DNN editor save the module by clicking on<b> save button</b>.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1sgb7iR7Ukc7CvvTFGhhosWrD6wfcrPpVeuGG930sCvm-u_YO5fGGEX6BHGY24Sddd68BYp66onPaMDUrB0pezkQf_ZhZpr7vxOPJ4khlDJM8wWtK12nz_bgSdE1KEuniLkBAl8LUuw/s1600/maps-paste.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1sgb7iR7Ukc7CvvTFGhhosWrD6wfcrPpVeuGG930sCvm-u_YO5fGGEX6BHGY24Sddd68BYp66onPaMDUrB0pezkQf_ZhZpr7vxOPJ4khlDJM8wWtK12nz_bgSdE1KEuniLkBAl8LUuw/s1600/maps-paste.png" height="354" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Thats it Google maps will be embeded on your DNN page in a following way.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1UVDNDVZQNKh9vPNPCkpNCdgi3pWTNK_CW4vhGdMwC08AyCP0cSt147Ic6-XLFHtvU_VQI_DaRrVf21mFczb1x67inHbZmCAAGX6S2QzCyU0qkQnIH8J6a_wVrIZLRhm3x6vMEHp8_k/s1600/final-maps-dnn.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1UVDNDVZQNKh9vPNPCkpNCdgi3pWTNK_CW4vhGdMwC08AyCP0cSt147Ic6-XLFHtvU_VQI_DaRrVf21mFczb1x67inHbZmCAAGX6S2QzCyU0qkQnIH8J6a_wVrIZLRhm3x6vMEHp8_k/s1600/final-maps-dnn.PNG" height="346" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Hope you liked my tutorial.Subscribe to my <b><a href="https://www.youtube.com/user/nithinchandrasr/videos" target="_blank">Youtube channel</a></b> to see more videos on DotnetNuke.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">To know more about me visit <a href="http://www.nithinchandrasr.com/" target="_blank">www.nithinchandrasr.com</a></span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-6555414818517062272014-01-21T00:11:00.000-08:002014-01-22T04:36:07.132-08:00Integrate Font Awesome 4.0 with Twitter Bootstrap 3.0 <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Hi, In this blog I will explain How to Integrate Font Awesome 4.0 with Twitter Bootstrap3.0.</span><br />
<br />
<a name='more'></a><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Here is the video How to Integrate Font Awesome with Twitter Bootstrap3.0</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe width="560" height="315" src="//www.youtube.com/embed/RVn3e3nAA6A" frameborder="0" allowfullscreen></iframe>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Firstly, What is Font Awesome?</span><br />
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Font Awesome gives you scalable vector icons that can instantly be customized to any size, color, drop shadow, and anything that can be done with the power of CSS.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Features of Font Awesome:</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>One Font, 369 Icons</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">In a single collection, Font Awesome is a photographic language of web-related actions.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>No JavaScript Required</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Fewer compatibility concerns because Font Awesome doesn't require JavaScript.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b><br /></b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Perfect on Retina Displays</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>CSS Control</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Easily style icon color, size, shadow, and anything that's possible with CSS.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Infinite Scalability</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Scalable vector graphics means every icon looks awesome at any size.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Made for Bootstrap</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12.222222328186035px; line-height: 20px;"></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Designed from scratch to be fully compatible with Bootstrap 3.0.0.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">So How do we integrate Font Awesome with Twitter Bootstrap 3.0</span></span></div>
<div style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Step1:</b> Will download pre compiled Font Awesome 4.0 files from Font Awesome website(</span></span><span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><a href="http://fontawesome.io/" rel="nofollow" target="_blank">http://fontawesome.io/</a></span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">). Click on Download button. </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb4UKdFW8UG71QMBTx25BTmpe0yoLt9IyjyabsTy8pswtrwoYvBsWLoStSQsRABkSYVMgcGbjfcxhskpBM8JnRZWnomiWRQWuT_mMqbmn6_l5zzYYFWyPmnSi6k3pTWctMAjkFAObusRU/s1600/fontaweome-download.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb4UKdFW8UG71QMBTx25BTmpe0yoLt9IyjyabsTy8pswtrwoYvBsWLoStSQsRABkSYVMgcGbjfcxhskpBM8JnRZWnomiWRQWuT_mMqbmn6_l5zzYYFWyPmnSi6k3pTWctMAjkFAObusRU/s1600/fontaweome-download.PNG" height="182" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">font-awesome-4.0.3.zip folder will be downloaded on your local system. Cut the files from downloads folder and paste it to your Website/resources folder.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4C-D9_4RKGSPtNdxVr3RVVb4vppgRKehAn-jsirjEjUTeU3EPEWZA4hqp92yoiqwLSusWoKJ4W_nb2HLCVhzM8FMgL_ubyVA1jsofU-vwcEsINPqR8ZXFRt4b7Ov8VbQi-7HANDXv6Zw/s1600/folder.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4C-D9_4RKGSPtNdxVr3RVVb4vppgRKehAn-jsirjEjUTeU3EPEWZA4hqp92yoiqwLSusWoKJ4W_nb2HLCVhzM8FMgL_ubyVA1jsofU-vwcEsINPqR8ZXFRt4b7Ov8VbQi-7HANDXv6Zw/s1600/folder.PNG" height="346" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Similar way will download Twitter Bootstrap files from Bootstrap website: </span></span><span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><a href="http://getbootstrap.com/" rel="nofollow" target="_blank">http://getbootstrap.com/</a></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsPOO3pA5MO9uiHgD_LLG1pvjm6bIG-WIYCJa7eB0OxUTRxMhiguM6F-W0rVG4wR3POO7S2dHQVpgEtpZaysjY9pZC8mWbsWARIN-mzTUtiNTy1Fais5LH_Byj1fCAq4a3UMoXh5TGUY/s1600/bootstrap-download.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsPOO3pA5MO9uiHgD_LLG1pvjm6bIG-WIYCJa7eB0OxUTRxMhiguM6F-W0rVG4wR3POO7S2dHQVpgEtpZaysjY9pZC8mWbsWARIN-mzTUtiNTy1Fais5LH_Byj1fCAq4a3UMoXh5TGUY/s1600/bootstrap-download.PNG" height="214" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Will Click on <b>Download Bootstrap</b> button. Pre compiled Bootstrap zipped files(bootstrap-3.0.3-dist.zip) will be downloaded on your system.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Extract Bootstrap files from bootstrap zip folder and copy the folders present in <b>dist folder</b> which usually has <b>css,js and fonts folder</b>.Copy css,js and fonts folder to new folder called Portfolio(Where we will integrate bootstrap and font awesome) in Website folder</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>C:\Users\nithin.chandra\Desktop\Website\resources\bootstrap-3.0.3-dist\dist</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgXKeBUT47l9CpznsPvhnI8uGO3tFRwHwuEB6IQSrcM94ZRaEG2xguftiMq-KyXD65dh8oiwnwKu30QJnefExJqJQ_8GfARqdiOOnxL2NB0u_ZmFLnihQNlPleBTS1eTZQ59f10knyk0/s1600/bootstrap-extracted.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgXKeBUT47l9CpznsPvhnI8uGO3tFRwHwuEB6IQSrcM94ZRaEG2xguftiMq-KyXD65dh8oiwnwKu30QJnefExJqJQ_8GfARqdiOOnxL2NB0u_ZmFLnihQNlPleBTS1eTZQ59f10knyk0/s1600/bootstrap-extracted.png" height="452" width="640" /></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Similarly extract font awesome files present in resources folder and navigate to<b> </b></span></span><span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>C:\Users\nithin.chandra\Desktop\Website\resources\font-awesome-4.0.3\font-awesome-4.0.3\css</b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjar1rJQM4AjVtvGW0uEssgxsvneh5UR6zgiTBDqFasX2SsDHaov5-_-2H9YZ0nhD8AhKzx5VV7iSN1J5OQUZCi0Y6A0xi7MuCFyKhLs8-LbxwHJmZEmgPI0V-0j27N4si14cIKbz-DHjE/s1600/fontaweome-extract.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjar1rJQM4AjVtvGW0uEssgxsvneh5UR6zgiTBDqFasX2SsDHaov5-_-2H9YZ0nhD8AhKzx5VV7iSN1J5OQUZCi0Y6A0xi7MuCFyKhLs8-LbxwHJmZEmgPI0V-0j27N4si14cIKbz-DHjE/s1600/fontaweome-extract.PNG" height="410" width="640" /></a></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b><br /></b></span></span></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;">We will copy Font awesome css files to our Portfolio css folder. And Similary we will copy Font Awesome Fonts folder to Portfolio fonts folder.Once folders have been copied to our portfolio folder. And all folder structure has been done as instructed will create HTML5 document using dreamweaver.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDpymIlFWlnZiwJx2RPcelELJ-Ze4jyFToMyqjWC7Pm2tc62lCKP7WRiTGO5-_4k6Xr2iPdkV4E1AuS-xcsvRlJsWnGIFcaOCfZBOuV6enurCHu2kwvKGR_Z2uXJUXhtxRc06G0ej5C7I/s1600/html5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDpymIlFWlnZiwJx2RPcelELJ-Ze4jyFToMyqjWC7Pm2tc62lCKP7WRiTGO5-_4k6Xr2iPdkV4E1AuS-xcsvRlJsWnGIFcaOCfZBOuV6enurCHu2kwvKGR_Z2uXJUXhtxRc06G0ej5C7I/s1600/html5.PNG" height="450" width="640" /></a></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;">Once HTML5 document created.We will link Bootstrap css files and font awesome css links.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgccFiyWsLTNhA6q0RtWu8K8N_un6jjfHBoQDTNZjKG5W-8-KEY1P9HIszxSMRMksqYErPrjPBssUFEDWimD2aHFu_SSMOzZaExLkAV60RT_CebQp39d3zKF6o1QynWShUtt8dPHW9HQKg/s1600/html5-links.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgccFiyWsLTNhA6q0RtWu8K8N_un6jjfHBoQDTNZjKG5W-8-KEY1P9HIszxSMRMksqYErPrjPBssUFEDWimD2aHFu_SSMOzZaExLkAV60RT_CebQp39d3zKF6o1QynWShUtt8dPHW9HQKg/s1600/html5-links.PNG" height="460" width="640" /></a></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;">Thats it once the files have been link up to html5 document will start using font awesome icons.Navigate to Examples page in Font Awesome website - </span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">http://fontawesome.io/examples/</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Rhfy4P7KuM7zLcUOTdmvFp3a6fs_3cErPvBPLW3r5VL6F1JJny2fmugDHe5UDJGgu-jkJ1wjiWjI4KmvW4AnCHBdNCfIIy_auI7stywN3IMx0s6mNSVW1LrVMpol4SVa0HnFb24bH88/s1600/font-awesome-code.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Rhfy4P7KuM7zLcUOTdmvFp3a6fs_3cErPvBPLW3r5VL6F1JJny2fmugDHe5UDJGgu-jkJ1wjiWjI4KmvW4AnCHBdNCfIIy_auI7stywN3IMx0s6mNSVW1LrVMpol4SVa0HnFb24bH88/s1600/font-awesome-code.PNG" height="472" width="640" /></a></div>
<div style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Start copying which ever icon you needed and copy the related code to that icon and paste it to html5 document we created. And preview the html document in browser to see the fonts in action.</span></span></div>
<div style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Please subscribe to my blog.TO know more about me visit <a href="http://www.nithinchandrasr.com/" target="_blank">http://www.nithinchandrasr.com/</a>.</span></span></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b><br /></b></span></span></div>
<div style="text-align: left;">
<br /></div>
</div>Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-76069511473049555982014-01-15T20:06:00.003-08:002014-01-22T04:34:39.839-08:00How to create CSS3 gradients without writing any code - Tutorial<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Many of web designers are now in use with css3 elements like border radius, gradients, transitions. But many of us face problems in using CSS3 properties mentioned above like - browser compatibility issue,complex css3 codes . In this blog I will </span><span style="font-size: 12.222222328186035px; line-height: 20px;">explain</span><span style="font-size: 12px; line-height: 20px;"> you how to create CSS3 gradients without any hassle and with less time. </span></span></span><br />
<br />
<a name='more'></a><br />
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Why CSS3 gradients and whats the use?</span></span></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">CSS3 gradients are the awesome things which has been provided by CSS3. CSS3 gradients can be used for buttons and backgrounds and many more reducing the usage of images. As far i know i was creating gradients for buttons in photoshop manually which was time consuming and took lot of patience to create awesome gradient buttons. And i used create buttons for different states like Normal,Hover,Active and Visited. But all these hassle is reduced with CSS3 gradients. Major of the work can be done fast by creating awesome designs.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<h2 style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: small;"><span style="line-height: 20px;"><b>How to create CSS3 gradients without writing any code?</b></span></span></h2>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Coming to our topic we will create awesome gradients today without writing any code. Yes we can do this Using CSS3 gradient generators. Many of developers/designers have made our life easy. Following CSS3 gradient generator comes handy for this -</span><a href="http://www.colorzilla.com/gradient-editor/" style="text-align: left;">http://www.colorzilla.com/gradient-editor/</a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
</div>
<iframe width="560" height="315" src="//www.youtube.com/embed/2BmoSC-VwvE" frameborder="0" allowfullscreen></iframe>Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-75629358169376284032014-01-13T22:37:00.001-08:002014-02-03T05:26:55.364-08:00How to upgrade DotNetNuke - Tutorial<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">In this blog will discuss How to upgrade DotNetNuke from one version to latest version. Many of us are facing issues in upgrading process and there were situations people lost their files while </span><span style="font-size: 12.222222328186035px; line-height: 20px;">up gradation</span><span style="font-size: 12px; line-height: 20px;">.In this blog i will </span><span style="font-size: 12.222222328186035px; line-height: 20px;">demonstrate</span><span style="font-size: 12px; line-height: 20px;"> up gradation process on local system which will be </span><span style="font-size: 12.222222328186035px; line-height: 20px;">applicable</span><span style="font-size: 12px; line-height: 20px;"> to production server as well.</span></span></span><br />
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></span></span></span><br />
<a name='more'></a><span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<iframe width="560" height="315" src="//www.youtube.com/embed/rXNXB3Wgm74" frameborder="0" allowfullscreen></iframe>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">If you have to install DNN from scratch following blog gives you step by step tutorial.</span></span></span></div>
<div>
<a href="http://nithinchandrasr.blogspot.in/2013/10/dotnetnuke-community-edition-7x.html">http://nithinchandrasr.blogspot.in/2013/10/dotnetnuke-community-edition-7x.html</a></div>
<div>
<br /></div>
<div>
<b style="color: #404040; font-family: Verdana, sans-serif; line-height: 20px;">How to upgrade DotNetNuke - Tutorial</b></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">So What are the precautions to be taken while upgrading DotNetNuke.</span></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><i><b>Note:</b></i> Please take<b> backup of all the present DNN files on production server or local server</b>.</span></span></span></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Step 1</b></span></span><span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>:</b> Visit </span><b style="font-size: 12px; line-height: 20px;">DotNetNuke website ->Community -> Download</b><span style="font-size: 12px; line-height: 20px;">. You will be landed to following website where you can download Install package,</span><span style="font-size: 12.222222328186035px; line-height: 20px;">Source</span><span style="font-size: 12px; line-height: 20px;"> code,Upgrade package.</span></span></span></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Since we are upgrading the DNN top latest version we just need <b>upgrade package.</b></span></span></span></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Download the<b> UPGRADE PACKAGE</b>.</span></span></span></div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Z8IdUavX7iYi3ry5hywA-WsGImVjflDID_Hdj6BLS10Fa-tPDwa_aVvq0RKUZDuw8lAkx2ClacGlEvVpPeLLLle5ASat-BT28VnqMsrm_Ph3QbBwkmhl0KSixSPlV_gKtKf9FbSIOYo/s1600/2.8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Z8IdUavX7iYi3ry5hywA-WsGImVjflDID_Hdj6BLS10Fa-tPDwa_aVvq0RKUZDuw8lAkx2ClacGlEvVpPeLLLle5ASat-BT28VnqMsrm_Ph3QbBwkmhl0KSixSPlV_gKtKf9FbSIOYo/s640/2.8.png" height="512" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">You will be redirected to dotnetnuke.codeplex.com where your upgrade package will be downloaded automatically.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgde_4zTphtURZZsuKfXRG-Gq1JJNg6ChsPGVRrfBQWAlsp_At1QfAhs5XORNEqREj_NuOTvWCwG7HvvlTCsA45B_hfqhYwHX-lbfhoSl-592PpSM0mq2VD6OKmRZuqZIwE77c2ue52SWk/s1600/2.9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgde_4zTphtURZZsuKfXRG-Gq1JJNg6ChsPGVRrfBQWAlsp_At1QfAhs5XORNEqREj_NuOTvWCwG7HvvlTCsA45B_hfqhYwHX-lbfhoSl-592PpSM0mq2VD6OKmRZuqZIwE77c2ue52SWk/s640/2.9.png" height="510" width="640" /></a></div>
<div>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Wait for download to complete.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBN-N2LOQ31WykDMjHJzyoUcEsmooGH177e2_rv_uHNyjqtrGCN4Y1et3srwDkJ5UCi5xIkYcgv7ngeE5vgV1vaXxoLApgUkgyaftNktHpW-y2dgcSN7YkTwa5eHiqGpO-ML4oI1quta4/s1600/3.PNG" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBN-N2LOQ31WykDMjHJzyoUcEsmooGH177e2_rv_uHNyjqtrGCN4Y1et3srwDkJ5UCi5xIkYcgv7ngeE5vgV1vaXxoLApgUkgyaftNktHpW-y2dgcSN7YkTwa5eHiqGpO-ML4oI1quta4/s640/3.PNG" height="34" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Once the download is completed click on show in folder option for the folder to show on your system.</span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfphak5iEWfQd2Nyc-GeYtaLHY_nZ5H9cDLoR6Tjf2o9ztoErspQCH-qfA_z-0sYg5TA24J3zH8Ur_yAZ3i6ysOhupx_Q3Jq7tSwyxd8V1GpGZoTDaSabJXw4gSLe85wJ3T32fLFkgiNs/s1600/3.1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfphak5iEWfQd2Nyc-GeYtaLHY_nZ5H9cDLoR6Tjf2o9ztoErspQCH-qfA_z-0sYg5TA24J3zH8Ur_yAZ3i6ysOhupx_Q3Jq7tSwyxd8V1GpGZoTDaSabJXw4gSLe85wJ3T32fLFkgiNs/s640/3.1.png" height="510" width="640" /></a></div>
<br />
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><b>Step 2</b></span></span><b style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">: </b><span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Folder will be shown in your Downloads folder in a zipped format. Extract the zipped files into separate folder</span></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbKZwLJ_rVBuc_HIWVJPVikFg-r8_YKCv06bA1KQz54TK3y4TdT6N1EdW9BSNlNblHJUx3jLEQHiG4ZAhheml6Di41u3p77QZBS9NUc2-H0Wj214zRUXST0QIQtnZhAzBHWnFjfYK6k4/s1600/3.2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbKZwLJ_rVBuc_HIWVJPVikFg-r8_YKCv06bA1KQz54TK3y4TdT6N1EdW9BSNlNblHJUx3jLEQHiG4ZAhheml6Di41u3p77QZBS9NUc2-H0Wj214zRUXST0QIQtnZhAzBHWnFjfYK6k4/s640/3.2.png" height="510" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHH1NeRjhnRTBaXbKgtGQ_M5MRsqV-0NsCYMfn0QTNpUHkZC98aAmN6kIhK8nmWnuLfBDHWiue9K27NVhoneYqb_OkLk_cW9-rWiiHmdWK8Xany1J-rbiHxzBAgKa9DlEC7i8PhR8ZwkI/s1600/3.3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHH1NeRjhnRTBaXbKgtGQ_M5MRsqV-0NsCYMfn0QTNpUHkZC98aAmN6kIhK8nmWnuLfBDHWiue9K27NVhoneYqb_OkLk_cW9-rWiiHmdWK8Xany1J-rbiHxzBAgKa9DlEC7i8PhR8ZwkI/s640/3.3.png" height="510" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Step 3</b></span></span><b style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">: </b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">After extraction open the extracted folder and copy all files.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSmTbM-D_1-0qFgR7Tm8Fs1EVDRrobBWKzXDFGWpC7LuXgkC0Ryggr-3wbj16p67oWOrMaATnjXeLbfSUuBLAMIpNR7tNgC_74hcZh1y4QXhQpHh-NegOqYERKEOxWQjVZCxlZwoK5ssc/s1600/3.4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSmTbM-D_1-0qFgR7Tm8Fs1EVDRrobBWKzXDFGWpC7LuXgkC0Ryggr-3wbj16p67oWOrMaATnjXeLbfSUuBLAMIpNR7tNgC_74hcZh1y4QXhQpHh-NegOqYERKEOxWQjVZCxlZwoK5ssc/s640/3.4.png" height="510" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZweAGp9LLlRncq1SzF92xlMBi-sbUyt0SFpIOCVvECJn96B9X2X2IXpB11GafpAz_xH_CnDaFDJ4ZiRyp-4Pzw8FSd4CjQw5o7sXIAbDABzCPI2nRsVOzyETtpu0M0vMCnwAaGc4WZY/s1600/3.5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZweAGp9LLlRncq1SzF92xlMBi-sbUyt0SFpIOCVvECJn96B9X2X2IXpB11GafpAz_xH_CnDaFDJ4ZiRyp-4Pzw8FSd4CjQw5o7sXIAbDABzCPI2nRsVOzyETtpu0M0vMCnwAaGc4WZY/s640/3.5.png" height="510" width="640" /></a></div>
<br />
<br />
<div style="text-align: justify;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Step 4</b></span></span><b style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">: </b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Once copied navigate to your existing DotNetNuke set where you currently running DNN.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Usually in <b>C:/Users/username/Document/WebsiteName/</b></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJpLOBvAzNdj0-GdMMTwx8o3PWpPctb_8gDmNnpRIwQL7r2zXi4odjQ1nPeLRUox1piyqNEbFlvrYhK4CLb3q1RnYpAq959yucsXjk_ZF91sp1QLzJZ4FYdMiv9ixrgp4CZZMFCain2-w/s1600/3.6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJpLOBvAzNdj0-GdMMTwx8o3PWpPctb_8gDmNnpRIwQL7r2zXi4odjQ1nPeLRUox1piyqNEbFlvrYhK4CLb3q1RnYpAq959yucsXjk_ZF91sp1QLzJZ4FYdMiv9ixrgp4CZZMFCain2-w/s640/3.6.png" height="510" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Step 5</b></span></span><b style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">: </b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Paste the copied files into existing DNN. Windows will alerts you saying There is already file with same name in this location. You have to choose Copy and Replace option. Which replaces old files with latest DNN files.</span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsP8vCJjlYaqVa9KOvHQ8H7-LTspPEnGxNoTVKBAQ1LeRr7Ucq_ACFJi5vLbyx8zsEPi7d-yHZ9Z9AzQqatecw0R1hYF7qAKDzHzYBtkE8BBZpDup7BDDdUqyM5FcW52NQMxYSTcXiSa0/s1600/3.7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsP8vCJjlYaqVa9KOvHQ8H7-LTspPEnGxNoTVKBAQ1LeRr7Ucq_ACFJi5vLbyx8zsEPi7d-yHZ9Z9AzQqatecw0R1hYF7qAKDzHzYBtkE8BBZpDup7BDDdUqyM5FcW52NQMxYSTcXiSa0/s640/3.7.png" height="510" width="640" /></a></div>
<br />
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Once all files have been replaced run Microsoft Webmatrix.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoL1PhhMpmYipdjdoAzyMiqMfXzJSqjjYoAipFvPCLCnXJwEySu_XS7sg66ZPhJA3mZ9lFxfpmBcUcuaQn99VkZwtjaaMngvgBORK69630KOsNsw4-KW1OEEHzGwqUMrSNHYtLsdM_nEA/s1600/3.8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoL1PhhMpmYipdjdoAzyMiqMfXzJSqjjYoAipFvPCLCnXJwEySu_XS7sg66ZPhJA3mZ9lFxfpmBcUcuaQn99VkZwtjaaMngvgBORK69630KOsNsw4-KW1OEEHzGwqUMrSNHYtLsdM_nEA/s640/3.8.png" height="510" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Access the URL provided to access the DNN.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQCbG0QN3X-JfD6NCKnZqD_CGmB2oeyxUcus6_mJ9VmK46KPor4w3ByfjhNkx6DdFsHEcNOnch3SFEqjEXLNIZkqZ1YiJGtnfeTmqf02TWg6MlNWKU3oB5mS6e7bACb4-miT3P5bQtWT8/s1600/3.9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQCbG0QN3X-JfD6NCKnZqD_CGmB2oeyxUcus6_mJ9VmK46KPor4w3ByfjhNkx6DdFsHEcNOnch3SFEqjEXLNIZkqZ1YiJGtnfeTmqf02TWg6MlNWKU3oB5mS6e7bACb4-miT3P5bQtWT8/s640/3.9.png" height="510" width="640" /></a></div>
<br />
<span style="font-size: 12.222222328186035px; line-height: 20px;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Step 6</b></span></span><b style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">: </b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">This time you wont be directly redirected to DNN default website as it did in first installation rather it would redirected to DNN up-gradation wizard. Where you need to provide Account Info you provided while installation and logging in to the site.</span><br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">In my case Username was admin and Password was password.Enter the credentials and click on <b>Upgrade Now</b>. </span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TrA4wliZ6Bu3rsjNgFqZLaLXVPaZlG-_DGJ7aDYa_BPKcHpyG-CIgQULK0D4TKTDrn8dY-nsCB_OI6zHfDsKwGvjTHryTMtYd7ONkirHtTO-sy1zZfPCWbr-huLylj4JIJ_uMyT0tgU/s1600/4.png" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TrA4wliZ6Bu3rsjNgFqZLaLXVPaZlG-_DGJ7aDYa_BPKcHpyG-CIgQULK0D4TKTDrn8dY-nsCB_OI6zHfDsKwGvjTHryTMtYd7ONkirHtTO-sy1zZfPCWbr-huLylj4JIJ_uMyT0tgU/s640/4.png" height="510" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfbdL0hOIA6O3zFrhU0ccHnsm5Qa9Dq8wHORZbgEfF6QxEXsXjmnbBW5KGqQCHmW6PncUmeNNiPocNZVkKHXHwP9-IGxfdnZLwqiwRgeA3Dhx4Yirv9VfUQ6_nvF6jby8TT5R6Morj0Rw/s1600/4.1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfbdL0hOIA6O3zFrhU0ccHnsm5Qa9Dq8wHORZbgEfF6QxEXsXjmnbBW5KGqQCHmW6PncUmeNNiPocNZVkKHXHwP9-IGxfdnZLwqiwRgeA3Dhx4Yirv9VfUQ6_nvF6jby8TT5R6Morj0Rw/s640/4.1.png" height="510" width="640" /></a></div>
<br />
<br />
<span style="font-size: 12.222222328186035px; line-height: 20px;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Step 7</b></span></span><b style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">: </b><span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">If credentials are proper DNN will starts it up gradation process. It by default upgrades database and extensions.</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjElFbvUHWgOOGnQ6fyo6NzYsRos5l72SHIRDEM7az89qd55xiJoBjDXt98IfGVjy2rEHE8W18IFOvkga6R-2UpbwwWvuY_BWgNv6HeJzc2VdaShkapGozAeosooMRp3BuWFnByedpjcqc/s1600/4.2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjElFbvUHWgOOGnQ6fyo6NzYsRos5l72SHIRDEM7az89qd55xiJoBjDXt98IfGVjy2rEHE8W18IFOvkga6R-2UpbwwWvuY_BWgNv6HeJzc2VdaShkapGozAeosooMRp3BuWFnByedpjcqc/s640/4.2.png" height="510" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-size: 12.222222328186035px; line-height: 20px; text-align: left;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Step 8</b></span></span><b style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">: </b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">After the up-gradation is completed DNN provides allows you to visit website on clicking Visit Website Button and it will redirected to default Website.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-caPvARCcMHcKxVbLrfRTLCWV5MnRkbXmeTElPskw1Pi2ENvDI6XDx3UUktiYD0qVfZuOSOvEiFU4GUWpukLm924FUtVdczUPEGK2DTyz0py2MH_1KO5PoN9kaJvhYovm3NOkBERvII/s1600/4.3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-caPvARCcMHcKxVbLrfRTLCWV5MnRkbXmeTElPskw1Pi2ENvDI6XDx3UUktiYD0qVfZuOSOvEiFU4GUWpukLm924FUtVdczUPEGK2DTyz0py2MH_1KO5PoN9kaJvhYovm3NOkBERvII/s640/4.3.png" height="510" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">During whole process DNN gives you which version you are currently using and which versionwyou will be upgraded. In my case you can see I am upgrading DNN from 7.01.01 to 7.01.02.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Thanks was following me subscribe to my blog to keep updated. TO know more about be visit <a href="http://www.nithinchandrasr.com/">www.nithinchandrasr.com</a></span></span></div>
</div>Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-56532640595022562382014-01-13T05:11:00.004-08:002014-01-28T23:51:56.909-08:00Search Engine Optimization(SEO) Fundamentals for Web Designers/Developers and SEO analysts<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="background-color: white; line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Hi,Myself Nithin Chandra SR. In this blog i am going tto explain basic concepts of search engine optimization.In this blog will go through How you can start using SEO techniques it to increase your website's visibility to search engines and attract the right kind of traffic to the right kinds of pages on your site.Then find out how to implement basic optimization strategies, like meta keywords,description,keyword prominence.</span></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="background-color: white; line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;"><br /></span></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 18.99305534362793px;"><span style="color: #333333;"></span></span><br /></span>
<br />
<a name='more'></a><span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;"><br /></span></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<h2>
<span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">What is SEO / Search engine optimization?</span></span></h2>
</div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">Search engine optimization is a technique to make search engines understand what is your website about.</span></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">Search engine optimization holds a important role for web designers as creating a website which is not seo friendly is no use since it doesn't hold any value on web search engines.</span></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">Following table gives the overview of scores of SEO elements </span></span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<table border="0" cellspacing="0" cols="3" frame="VOID" rules="NONE" style="text-align: center;">
<colgroup><col width="47"></col><col width="338"></col><col width="150"></col></colgroup>
<tbody>
<tr>
<td height="18" style="text-align: justify;" width="47"><b><span style="font-family: Verdana, sans-serif;"><br /></span></b></td>
<td style="text-align: justify;" width="338"><b><span style="font-family: Verdana, sans-serif;">Area</span></b></td>
<td style="text-align: justify;" width="150"><b><span style="font-family: Verdana, sans-serif;">Score</span></b></td>
</tr>
<tr>
<td bgcolor="#E6E6E6" height="18" sdnum="1033;" sdval="1" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">1</span></td>
<td bgcolor="#E6E6E6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Title</span></td>
<td bgcolor="#E6E6E6" sdnum="1033;" sdval="2" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">2</span></td>
</tr>
<tr>
<td height="18" sdnum="1033;" sdval="2" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">2</span></td>
<td style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Link Popularity</span></td>
<td sdnum="1033;" sdval="2" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">2</span></td>
</tr>
<tr>
<td bgcolor="#E6E6E6" height="18" sdnum="1033;" sdval="3" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">3</span></td>
<td bgcolor="#E6E6E6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">The Main Body Text</span></td>
<td bgcolor="#E6E6E6" sdnum="1033;" sdval="1.5" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">1.5</span></td>
</tr>
<tr>
<td height="18" sdnum="1033;" sdval="4" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">4</span></td>
<td style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Domain Name</span></td>
<td sdnum="1033;" sdval="1" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">1</span></td>
</tr>
<tr>
<td bgcolor="#E6E6E6" height="18" sdnum="1033;" sdval="5" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">5</span></td>
<td bgcolor="#E6E6E6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Keyword Prominence</span></td>
<td bgcolor="#E6E6E6" sdnum="1033;" sdval="1" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">1</span></td>
</tr>
<tr>
<td height="18" sdnum="1033;" sdval="6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">6</span></td>
<td style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Heading Tags</span></td>
<td sdnum="1033;" sdval="0.5" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.5</span></td>
</tr>
<tr>
<td bgcolor="#E6E6E6" height="18" sdnum="1033;" sdval="7" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">7</span></td>
<td bgcolor="#E6E6E6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Proximity Of Words</span></td>
<td bgcolor="#E6E6E6" sdnum="1033;" sdval="0.5" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.5</span></td>
</tr>
<tr>
<td height="18" sdnum="1033;" sdval="8" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">8</span></td>
<td style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Bold or Italics</span></td>
<td sdnum="1033;" sdval="0.4" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.4</span></td>
</tr>
<tr>
<td bgcolor="#E6E6E6" height="18" sdnum="1033;" sdval="9" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">9</span></td>
<td bgcolor="#E6E6E6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Folder or File name</span></td>
<td bgcolor="#E6E6E6" sdnum="1033;" sdval="0.4" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.4</span></td>
</tr>
<tr>
<td height="18" sdnum="1033;" sdval="10" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">10</span></td>
<td style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Meta Description</span></td>
<td sdnum="1033;" sdval="0.3" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.3</span></td>
</tr>
<tr>
<td bgcolor="#E6E6E6" height="18" sdnum="1033;" sdval="11" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">11</span></td>
<td bgcolor="#E6E6E6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Alt Tag</span></td>
<td bgcolor="#E6E6E6" sdnum="1033;" sdval="0.2" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.2</span></td>
</tr>
<tr>
<td height="18" sdnum="1033;" sdval="12" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">12</span></td>
<td style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Title Attribute</span></td>
<td sdnum="1033;" sdval="0.1" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.1</span></td>
</tr>
<tr>
<td bgcolor="#E6E6E6" height="18" sdnum="1033;" sdval="13" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">13</span></td>
<td bgcolor="#E6E6E6" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Meta Keywords</span></td>
<td bgcolor="#E6E6E6" sdnum="1033;" sdval="0.1" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">0.1</span></td>
</tr>
<tr>
<td height="18" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;"><br /></span></td>
<td style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">Total - </span></td>
<td sdnum="1033;" sdval="10" style="text-align: justify;"><span style="font-family: Verdana, sans-serif;">10</span></td>
</tr>
</tbody>
</table>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px; text-align: justify;"><b><br /></b></span>
<span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px; text-align: justify;"><b>Title Tag: Highest score on SEO chart(</b></span><span style="color: #333333; font-family: Verdana, sans-serif;"><span style="line-height: 18.99305534362793px;"><b>Aim for title tags containing fewer than 70 characters.</b></span></span><b style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px; text-align: justify;">)</b></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<code><br /></code>
<code>
<head><br />
<title>Example Title</title><br />
</head> </code><br />
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333; line-height: 18.99305534362793px; text-align: justify;"><br /></span></span>
<code></code><span style="font-family: Verdana, sans-serif;"><span style="color: #333333; line-height: 18.99305534362793px; text-align: justify;">Title of the page is important since it tells both user and search engines what is the topic of </span><span style="color: #333333;"><span style="line-height: 18.99305534362793px;">particular page is. Following points should be taken care while adding Title to the page.</span></span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333;"><span style="line-height: 18.99305534362793px;"><br /></span></span></span>
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333;"><span style="line-height: 18.99305534362793px;"><br /></span></span></span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<ul style="text-align: left;">
<li><span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">It should always appear immediately after the opening <head> tag. </span></li>
<li><span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px; text-align: justify;">It should be specific keywords and phrases. </span></li>
<li><span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px; text-align: justify;">Use only keywords and phrases that are in the body text on your page. </span></li>
<li><span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px; text-align: justify;">May use the same keyword twice to attain reasonable keyword density, but be sure that you don't put the same words right next to each other or more than twice </span></li>
<li><span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px; text-align: justify;">6 - 12 words ( less than 60 characters ) is a good length for a title tag.</span></li>
<li><span style="text-align: justify;"><span style="color: #333333; font-family: Verdana, sans-serif;"></span></span></li>
<li style="line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Try to place your primary keywords at the starting of the tag. </span></li>
<li style="line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Keep the words in title case ( e.g. Professional Marketing Tips ) </span></li>
<li style="line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Make sure to avoid using search engine stop words or words like Home, Default, Internet or Index. </span></li>
<li style="line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Avoid using superlatives in your title (e.g. the best, fastest, cheapest, leader ) </span></li>
<li style="line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Try to minimize the use of commas in this tag. </span></li>
<li style="line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Strive for a keyword density of 25-35% for each keyword. </span></li>
<li style="line-height: 18.99305534362793px;"><span style="color: #333333; font-family: Verdana, sans-serif;">Always remember to close this tag (e.g. </title>) </span></li>
<li></li>
<li><span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">Consider using both singular and plural forms of the keywords. </span></span></li>
<li><span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">It should be read like a phrase that makes some grammatical and logical sense, not collection of keywords.</span></span></li>
<li><span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">All pages MUST have a unique and descriptive keyword phrase in the title. </span></span></li>
<li><span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">(One page on your site might be seen as more relevant for a particular keyword when compared to another) </span></span></li>
<li><span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">Try to keep title tags as unique as possible in each pages in your website. </span></span></li>
<li><span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">Do not change the title tag regularly.</span></span></li>
</ul>
<b style="color: #333333; line-height: 18.99305534362793px; text-align: justify;"><span style="font-family: Verdana, sans-serif;">Main Body Text:</span></b></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="color: #333333;"><span style="font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">The second highest ranked in SEO chart is Main body text where major of the content </span></span></div>
<div style="text-align: justify;">
<ul><span style="color: #333333; font-family: Verdana, sans-serif;">
<li style="line-height: 18.99305534362793px;">Keyword prominence: Make sure to put the most important keywords into a carefully crafted paragraph at the beginning of your HTML page. Prominence is how close to the start of the area that the keyword appears. In general, a keyword that appears closer to the top of the page or area will be more relevant. </li>
<li style="line-height: 18.99305534362793px;">Keyword Density: If the page contains less than 500 words, keeping 1%-3% of those words is better. If the page contains more than 500 words, keep 3%-5% of the overall content. </li>
<li style="line-height: 18.99305534362793px;">Try to provide a minimum word count of 250 and a maximum of 750 words on each page. </li>
<li style="line-height: 18.99305534362793px;">Use CSS instead of <font> tags. </li>
<li></li>
<li><span style="line-height: 18.99305534362793px;">Get rid of the java script in the code and put it in an external file. </span></li>
<li><span style="line-height: 18.99305534362793px;">Avoid image buttons, Javascript links and keep it as pure text links. </span></li>
<li><span style="line-height: 18.99305534362793px;">Repeat the page <TITLE> in a heading at the top of the page if possible.</span></li>
<li><span style="line-height: 18.99305534362793px;">Use heading tags. (<h1>, <h2>....., <h6>)</span></li>
</span></ul>
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333;">
</span><span style="color: #333333; line-height: 18.99305534362793px;"><i><b>Note</b> that placing more than 75 characters in these tags are not a good idea!!.</i></span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px;"><i><br /></i></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px;"><b>Keyword proximity</b></span><span style="font-family: Verdana, sans-serif;"><span style="color: #333333;"></span></span>
<br />
<ul><span style="color: #333333; font-family: Verdana, sans-serif;">
<li style="line-height: 18.99305534362793px;">Keyword proximity: It refers to the closeness between two or more keywords. Always try to group words together that might be searched on as a single phrase by a user. (eg: Use "home loans" instead of "home mortgage loans" assuming that a user searching only for the phrase "home loans".) </li>
<li style="line-height: 18.99305534362793px;">Place some important keywords in Bold or Italic. </li>
<li style="line-height: 18.99305534362793px;">Use 'Alt' tag to describe the image.</li>
<li style="line-height: 18.99305534362793px;">ALT tag defines the text to display for a image if the user has graphics turned off, or if they put the cursor over it in Internet Explorer. Some search engines including google will look for keywords in the ALT tags. </li>
<li></li>
<li><span style="line-height: 18.99305534362793px;">Insert comments tag in your page, it is hidden and not visible to the user. A couple of search engines will read this text, so you may wish to include keywords in these tags.</span></li>
<li><span style="line-height: 18.99305534362793px;">Make sure the code of home page is not bigger than 32K </span></li>
<li><span style="line-height: 18.99305534362793px;">Try to keep font size to a minimum of size 11px or 12px (2 or 3 in Dreamweaver) </span></li>
<li><span style="line-height: 18.99305534362793px;">Try to avoid using nested loops in <table> structure. </span></li>
<li><span style="line-height: 18.99305534362793px;">Use W3C technologies and guidelines. </span></li>
<li><span style="line-height: 18.99305534362793px;">Try to target two or three main keywords for a website. </span></li>
<li><span style="line-height: 18.99305534362793px;">Avoid listing the same word multiple times in a row. </span></li>
<li><span style="line-height: 18.99305534362793px;">Update your body text at regular intervals. </span></li>
</span></ul>
<span style="color: #333333; font-family: Verdana, sans-serif;">
<span style="line-height: 18.99305534362793px;"><br /></span></span></div>
<div style="text-align: justify;">
<b style="color: #333333; line-height: 18.99305534362793px;"><span style="font-family: Verdana, sans-serif;">Meta Tags:</span></b></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Verdana, sans-serif; line-height: 18.99305534362793px;">Meta tags are tags, which are embedded in the HTML code of a page, You should insert the META tag element at the top of your document, just after the <TITLE> element.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333;"></span><br /></span>
<br />
<div style="line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;">The basic syntax for Meta Tags is:</span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"><br /></span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"><HEAD></span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"><TITLE>Your Page Title Goes Here</TITLE></span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"><META name=”description” content=”type your description here”></span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"><META name=”keywords” content=”type, your, keywords, keyword phrase here”></span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"></HEAD> </span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"><br /></span></div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span>
<br />
<div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><span style="line-height: 18.99305534362793px;"><b><META name="Description" content="Your descriptive sentence goes here."></b></span></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><span style="line-height: 18.99305534362793px;">Write it in sentence structure. </span></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><span style="line-height: 18.99305534362793px;">Should be relevant to the similar 25-30 word (under 150 characters) description of the first text within the visible page. </span></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><span style="line-height: 18.99305534362793px;">Do not repeat your keywords more than 3 times in description tag. If you need, make alternatives (e.g. 'prescription' and 'prescriptions' can be used 3 times each). </span></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><span style="line-height: 18.99305534362793px;">Minimize the use of "stop words" such as "and, the, of". </span></span></div>
<div>
<ul><span style="color: #333333; font-family: Verdana, sans-serif;">
<li style="line-height: 18.99305534362793px;">Keyword phrases that appear earliest in the Meta description will generally receive higher ranking value. </li>
<li style="line-height: 18.99305534362793px;">Try to include this tag in all pages by describing the content and it should be unique. </li>
<li style="line-height: 18.99305534362793px;">Don't load your Meta description with only keywords. </li>
<li style="line-height: 18.99305534362793px;">Strive for 6%-20% keyword density. </li>
<li style="line-height: 18.99305534362793px;">Use different Meta description tag for each pages. </li>
</span></ul>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><b>Meta Keyword:</b></span></div>
</div>
<div>
<div>
<ul><span style="color: #333333; font-family: Verdana, sans-serif;">
<li>Keep 100 to 250 characters to get better results. </li>
<li>Start with the most important and then proceed to less important. </li>
<li>Use keywords/Phrases </li>
<li>Do not repeat any word more than 3 times. </li>
<li>Do not place repeated keywords close together. </li>
<li>If your site has content of interest to a specific geographic location be sure to include the actual location in your keyword Meta. </li>
<li></li>
<li>Use keywords that are actually on the page and reflect the essence of your content. </li>
<li>Try to use keywords in your Meta keywords tag with comma, not by space. </li>
<li>Try to use small case in keyword/phrases </li>
<li>(eg: replace the keyword phrase - "Website Design" with "website design") </li>
<li>Strive for 4%-10% keyword density. </li>
</span></ul>
</div>
</div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><b>Spider Friendly Navigation:</b></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><b>Bad practice:</b></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><a href="hotel001.html">click here</a></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><a href="kochihotels.html">Hotels</a> </span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><b>Good practice:</b></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><a href="new-york-hotels.htm">List of hotels in New York</a></span></div>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><a href="kochi-hotels.html">Hotels in Kochi</a></span></div>
</div>
<div>
<ul><span style="color: #333333; font-family: Verdana, sans-serif;">
<li>Use keyword/phrase that best describes the target page. </li>
<li>Always use your primary keywords in the link text least one or more on the page. </li>
<li>Try to place your primary keywords at the starting of a link text if possible. </li>
<li>Try to use Title Attribute in the text links. </li>
<li>eg: <a href="yourpage.html" title="Describe this page.">The link label goes here</a> </li>
<li>Avoid using image maps, if needed make it sure to add text links at the bottom of all pages </li>
<li></li>
<li>Do not use long text; limit 40-50 characters in a link text. </li>
<li>Avoid using JavaScript links </li>
<li>Create text links and use a common navigational menu for all the pages. </li>
<li>Make sure the pages on your site to be linked to one another, especially the home page. </li>
<li>Try to include a Site map if you have more than 30 pages. </li>
<li>Submit an XML site map to Google. (Visit: Google Sitemaps) </li>
<li></li>
<li>Limit the number of links per page to less than 20 for better results. </li>
<li>If your Website using Flash, make it sure to add text links at the bottom of the page as a supplement to the Flash navigation. (Google now takes links from Flash) </li>
<li>Try to use keyword phrases in the HTML and image file names </li>
<li>Keep your file names hyphenated (eg: http://www.hotels-kochi.htm) </li>
</span></ul>
<div>
<span style="color: #333333; font-family: Verdana, sans-serif;"><b>Link Popularity:</b></span></div>
</div>
<div>
<ul><span style="color: #333333; font-family: Verdana, sans-serif;">
<li><div style="display: inline !important;">
Try to get reciprocal links between your site and others in the same industry. </div>
</li>
<li><div style="display: inline !important;">
Incoming links should use your keyword phrase. </div>
</li>
<li><div style="display: inline !important;">
Link to others with higher Page Rank (Install Google Tool Bar to get PageRank information.) </div>
</li>
<li><div style="display: inline !important;">
Include your reciprocal page link from the main page of your Website.</div>
</li>
<li><div style="display: inline !important;">
</div>
</li>
<li>Avoid using the link text such as "links", "link exchange" use "Resources" instead. </li>
<li>Try to build link category that best match to your site content. </li>
<li>Do not provide more than 20 links per page, if needed try to split it into additional page. </li>
<li>Try to use brief text along with links describing the content of the outbound link page. </li>
<li><br /></li>
</span></ul>
</div>
<span style="color: #333333; font-family: Verdana, sans-serif;">Subscribe to my blog to keep updated. Know more about me<a href="http://www.nithinchandrasr.com/" target="_blank"> www.nithinchandrasr.com</a></span><br />
<ul></ul>
<span style="color: #333333; font-family: Verdana, sans-serif;"><br /></span>
<br />
<ul><span style="color: #333333; font-family: Verdana, sans-serif;">
<li><div style="display: inline !important;">
</div>
</li>
<li><br /></li>
</span></ul>
</div>
<span style="color: #333333; font-family: Verdana, sans-serif;">
</span></div>
<div style="font-weight: bold; line-height: 18.99305534362793px;">
<span style="color: #333333; font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<div style="text-align: justify;">
<b style="color: #333333; line-height: 18.99305534362793px;"><span style="font-family: Verdana, sans-serif;"><br /></span></b></div>
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333;"><span style="line-height: 18.99305534362793px;"><br /></span></span>
</span><br />
<div style="text-align: justify;">
<span style="color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: x-small;"><span style="line-height: 18.99305534362793px;"><br /></span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-16307130164360880972013-12-27T03:31:00.003-08:002013-12-27T03:32:28.499-08:00Display DNN(DotNetNuke 7.x ) Module on Host pages only - Tutorial<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">This blog tutorial focuses on displaying a Module on Host pages only. OK Let us consider a situation where this is blog post will come handy. </span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Issue Description</b>: You are creating a website on DNN 7.x where some modules need to displayed on all the pages of your website except admin pages and if edited on one page should be replicated on all the Host pages.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></span></span><br />
<a name='more'></a></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><b style="font-size: 12px; line-height: 20px;">Example</b><span style="font-size: 12px; line-height: 20px;">: You have a address on your website which contains a detailed address of your business ,Phone number and email address. And you have a 20 page website if you need to change address of your business you don't have to go to all pages and keep changing. This can be done in more easier way. This blog gives you step by step tutorial to overcome this issue.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">I have created a Blank website for this tutorial:</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step1: Hover on Module in DNN control panel and select add new module</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span id="goog_1931517064"></span><span id="goog_1931517065"></span><br /></span></span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVCaAlFb1Vel_pR0sxZdegBrcOPSf8IBkaJZ1YW4mRDeA48SfMbDdj3aPVD7kN0n5kp5gRFW9qfaxSBdcvkrQer9nByMC_j5AACEIZ9hgEjod0VAaE3jU3lo9IgzqQdoTmWubWT-G_g1g/s1600/add-module.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVCaAlFb1Vel_pR0sxZdegBrcOPSf8IBkaJZ1YW4mRDeA48SfMbDdj3aPVD7kN0n5kp5gRFW9qfaxSBdcvkrQer9nByMC_j5AACEIZ9hgEjod0VAaE3jU3lo9IgzqQdoTmWubWT-G_g1g/s640/add-module.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step2: Select Common from the dropdown and select Common</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBopAvFJuau63BIXQy3GPocOQgsIN9kyXDZzey8EtKy20ULHZ0w-3LSZlG1_MSFs_qWjtFvbk8GZ-dJ1-yyLTcKvfQdYpNcxJ8w2-i8C7GyFtGPKM9AMsC-oONep5sD-1mPRdoNbSXChY/s1600/add-module-common.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBopAvFJuau63BIXQy3GPocOQgsIN9kyXDZzey8EtKy20ULHZ0w-3LSZlG1_MSFs_qWjtFvbk8GZ-dJ1-yyLTcKvfQdYpNcxJ8w2-i8C7GyFtGPKM9AMsC-oONep5sD-1mPRdoNbSXChY/s640/add-module-common.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step3: Drag and drop the HTML module on to the content pane or respective pane required.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sfRJYnN75-kAE5FmcqpAxD1Gf2wLCh6fduFKryqeMPUkA6YU8ALtYlEcRmSb7XBa2xghbWSiuWWEgzdhNvqhupyULbmWEu8JpSlZiyzUbsDYYAUxAZ0qOhSM0kNjw8RVbLKnY1rSxGE/s1600/add-module-html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sfRJYnN75-kAE5FmcqpAxD1Gf2wLCh6fduFKryqeMPUkA6YU8ALtYlEcRmSb7XBa2xghbWSiuWWEgzdhNvqhupyULbmWEu8JpSlZiyzUbsDYYAUxAZ0qOhSM0kNjw8RVbLKnY1rSxGE/s640/add-module-html.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step4: Edit the Module</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdR90KootNgSJAhjd2CfcHjeSI1Y2H4EEBTm7XUcfhiSqpJRW6emRS4mcva_ZwaYdU49dbwK3fTg0VnRbMNlZpCzDt_x3iiGtPj4wR7t93e25kpco0wgmatFMv3RTkIVEtEqgjrSSm9U/s1600/module-edit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdR90KootNgSJAhjd2CfcHjeSI1Y2H4EEBTm7XUcfhiSqpJRW6emRS4mcva_ZwaYdU49dbwK3fTg0VnRbMNlZpCzDt_x3iiGtPj4wR7t93e25kpco0wgmatFMv3RTkIVEtEqgjrSSm9U/s640/module-edit.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step5: Select HTML format and add the content required</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5CdDA9V97BxuR15-Y1HrIjM6tZp-26hwZlGkQnxxZJflscmYWon6vUr01uUeQCClHyY0GXrY8tXtvDfuPX7RuzKmXBHcXycwYzwL6nLVaHLlCkUNAOhXyQzdVyvoIlbz0XW7YcjdntTk/s1600/module-add-content.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5CdDA9V97BxuR15-Y1HrIjM6tZp-26hwZlGkQnxxZJflscmYWon6vUr01uUeQCClHyY0GXrY8tXtvDfuPX7RuzKmXBHcXycwYzwL6nLVaHLlCkUNAOhXyQzdVyvoIlbz0XW7YcjdntTk/s640/module-add-content.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Step6: Save the content</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcF39eD7Y3oRUqN5mIcgrAjtdVGK6JDLVN3QzFKOHuFdaQhsDrCLbhAi2QuhngGNoBUAweoMzi6UB70GxfSo4w1EuN34TXqQweqHhT-wy03QFTiCQo1p4fJ2cUNI6cLhEjNSsOVBNme0/s1600/module-add-content-save.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcF39eD7Y3oRUqN5mIcgrAjtdVGK6JDLVN3QzFKOHuFdaQhsDrCLbhAi2QuhngGNoBUAweoMzi6UB70GxfSo4w1EuN34TXqQweqHhT-wy03QFTiCQo1p4fJ2cUNI6cLhEjNSsOVBNme0/s640/module-add-content-save.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Step7: Select the Settings option for the Module</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwudgqDp3jA8ha1IuPbEiqLNMjXGXkHpvyzYXxtxTeXetZ5VOkcIAirFvytrNREt98bfbBbVI4n_fTPKzPtpX65cZQhQftuIZXG2QGLyyfa3CXkTPH5BXShwg_BqpZD9ULHfLP3H7jQs/s1600/module-settings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwudgqDp3jA8ha1IuPbEiqLNMjXGXkHpvyzYXxtxTeXetZ5VOkcIAirFvytrNREt98bfbBbVI4n_fTPKzPtpX65cZQhQftuIZXG2QGLyyfa3CXkTPH5BXShwg_BqpZD9ULHfLP3H7jQs/s640/module-settings.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Step7: Change the Module Title from Tex/HTML to Required title and save</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxGLpRvsJ7M3ZNHsPP6QJ0a5N8FsMKUguG33MM3Xsoit9vn7qnuXyhxiBGvi3WyyHiQI0WPNWuf849M_tD2shgtgoHwtTbstKN5C2w3lBGcv7nLPKfw8yXjNyBM5uJZPQaf30jwu-9ArE/s1600/module-title.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="430" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxGLpRvsJ7M3ZNHsPP6QJ0a5N8FsMKUguG33MM3Xsoit9vn7qnuXyhxiBGvi3WyyHiQI0WPNWuf849M_tD2shgtgoHwtTbstKN5C2w3lBGcv7nLPKfw8yXjNyBM5uJZPQaf30jwu-9ArE/s640/module-title.PNG" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo45Z-2ApPA0AEnJ6NbFHHhFMq4SruoryTCBluf5saYxw2TCidlQ7IcZpKUP9bWPyviu9NlqjwpUXb2O_35rc8ZPFkuz84DpGM_2BzRGKfKhg_kAhIYlvTCqHrPb60StJs5UEeSRdS0-g/s1600/module-title-change.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo45Z-2ApPA0AEnJ6NbFHHhFMq4SruoryTCBluf5saYxw2TCidlQ7IcZpKUP9bWPyviu9NlqjwpUXb2O_35rc8ZPFkuz84DpGM_2BzRGKfKhg_kAhIYlvTCqHrPb60StJs5UEeSRdS0-g/s640/module-title-change.PNG" width="640" /></a></div>
<br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Step8: And go to different page where you want the same module to appear. And Hover on Module and select Add existing Module and select the page where you have already placed the module.In my case i have placed the module in Home Page so i will select Home.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpm95cMMCuc_EXVcb-e2JGn-5CQAmas0Q8L1IYB5Ahq5592m76Auc5dnm__j0eowXmk2cMGUQfSx-4nOPWn-6NMrmlNf0wJOiVMf-W6ZMzfr37asFe42hXit5Vl6XbQr02InzA11OgDlg/s1600/existing-module.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpm95cMMCuc_EXVcb-e2JGn-5CQAmas0Q8L1IYB5Ahq5592m76Auc5dnm__j0eowXmk2cMGUQfSx-4nOPWn-6NMrmlNf0wJOiVMf-W6ZMzfr37asFe42hXit5Vl6XbQr02InzA11OgDlg/s640/existing-module.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKRClt89wLMK3lIfL_hlaY5T8OE37FxTga7qrBc6jlJSUT8N8Jb6lXOZ-29Q-Fnc0UwIdKh7_97tk1-Fch6GRMJOTWEejgiWEXVVFKC59lYMdPSaiIz076I-W8YevjIFa8zCHZfUQzW-s/s1600/existing-home.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKRClt89wLMK3lIfL_hlaY5T8OE37FxTga7qrBc6jlJSUT8N8Jb6lXOZ-29Q-Fnc0UwIdKh7_97tk1-Fch6GRMJOTWEejgiWEXVVFKC59lYMdPSaiIz076I-W8YevjIFa8zCHZfUQzW-s/s640/existing-home.png" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Step9: Select the Module existing and drag and drop it where ever required.</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMt9mG_Tx1MoMCQ0G4Vy0c-89uFr-bnvdc__Ns4cZ0q4XNvoZDtYhI3FZfG19U6dWPpz5xpJ1DaIaBHm1RdFobUAvo6tXTqebOXdpUu8VGHrQkmiRyBNzJUXWULP_PzixTbYdRG8mra6s/s1600/add-module-about.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMt9mG_Tx1MoMCQ0G4Vy0c-89uFr-bnvdc__Ns4cZ0q4XNvoZDtYhI3FZfG19U6dWPpz5xpJ1DaIaBHm1RdFobUAvo6tXTqebOXdpUu8VGHrQkmiRyBNzJUXWULP_PzixTbYdRG8mra6s/s640/add-module-about.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3IZuuBinWPmwMt57fXhC-QfzxTvm9rXQuAwLBdWPCbjDsaONa6gvEiEROnEep2yaQqhY5EF2RJz5ZHvIeYJ_3r7Yzej_ftAZsyd1YJRkUKtOeG2N5HxyBYp5UgJ1ecmBiQalie4l7Rg/s1600/contact-content-module.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3IZuuBinWPmwMt57fXhC-QfzxTvm9rXQuAwLBdWPCbjDsaONa6gvEiEROnEep2yaQqhY5EF2RJz5ZHvIeYJ_3r7Yzej_ftAZsyd1YJRkUKtOeG2N5HxyBYp5UgJ1ecmBiQalie4l7Rg/s640/contact-content-module.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;">Staep10: </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">Close the edit option:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNd_YXl3UPcM4vZ8f-3_XGytQpeQ8h-o5FC7Vz6HBCEcsUtKieHcYrnDfbTPFpWqOASwbSMUd3YXb-96kwI3fqb-IPToQG6USPdGP4j8aBKil-dPprExlRpaSTonuAvg1Y0WzikSgoGuk/s1600/close-edit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNd_YXl3UPcM4vZ8f-3_XGytQpeQ8h-o5FC7Vz6HBCEcsUtKieHcYrnDfbTPFpWqOASwbSMUd3YXb-96kwI3fqb-IPToQG6USPdGP4j8aBKil-dPprExlRpaSTonuAvg1Y0WzikSgoGuk/s640/close-edit.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;">That's it you can repeat</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px;"> this to multiple modules in multiple pages. So advantage of this is if you change content of one module in one page it gets replicated to all pages. No need to write same content. This will come handy when you are adding a contact information or disclaimer or similar to that.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12.222222328186035px; line-height: 20px;"><br /></span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-9515318863246329412013-11-19T04:10:00.001-08:002013-11-19T04:10:16.576-08:00How to create thumbnail preview images for a skin in DNN 7.x(DotnetNuke) ?<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">I was struggling with this issue so I thought i would share this solution with you guys.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"></span><br />
<a name='more'></a><br /><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><b>Problem:</b> </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">How to create thumbnail preview images for a skin in DNN 7.x(DotnetNuke) ?</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">You have to create a jpg with the same name as the HTML or ASCX file</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">For Example: Your Home page had name called index.aspx</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Take a screenshot of your Home page and save the image in JPEG format with index as name and place the file in your skin folder.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">To see the thumbnail is applied or not Navigate to Admin -> Site Wizard from control bar.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Hope this is clear and solved your problem.Let me know if you have any questions . TO know more about me you can visit my portfolio: <a href="http://www.nithinchandrasr.com/" target="_blank">www.nithinchandrasr.com</a></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-64492893886536859862013-11-19T03:13:00.001-08:002013-11-19T03:14:22.014-08:00How to install skin in DNN ?<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Many of them are new to DNN so people are facing trouble in installing skin on DNN7.0 . Following few steps below will resolve your problem of installing Skin on DNN.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"></span><br />
<a name='more'></a><br />
<br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step1: Login into your DNN using admin credentials</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqlVoLGa0J2HaJZGqX_z3vTsg0deyF-C89k7fHiqz0yrUKvVnd4GkP3gk_q-v-b4z8epB3y4__pZXVroVH52rfinKN0BXX6ITRV2YFVBzkZmQ65i5Eg1PbUsS8fInXY6QbsZpnaFaXhFc/s1600/step1-login.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="592" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqlVoLGa0J2HaJZGqX_z3vTsg0deyF-C89k7fHiqz0yrUKvVnd4GkP3gk_q-v-b4z8epB3y4__pZXVroVH52rfinKN0BXX6ITRV2YFVBzkZmQ65i5Eg1PbUsS8fInXY6QbsZpnaFaXhFc/s640/step1-login.PNG" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step2: In Control bar mouse-over on Host-> </span></span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Extensions</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfV9oqZVyg77twqKn39A-6PX87r5DNvL4fboHM0QSzX0YZk6c5_VRrLX0R1smFOsVEmPJY3x8poUjAPEelejurLWQSe7e9-RYVdIC0C_2BUbG3SwCQpJSzaqaT9JpixzUdsxOHnxhvnFE/s1600/step1-admin-extensions.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfV9oqZVyg77twqKn39A-6PX87r5DNvL4fboHM0QSzX0YZk6c5_VRrLX0R1smFOsVEmPJY3x8poUjAPEelejurLWQSe7e9-RYVdIC0C_2BUbG3SwCQpJSzaqaT9JpixzUdsxOHnxhvnFE/s640/step1-admin-extensions.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step3: Press Install Extension Wizard button</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gY4ckEgh5EIEJC5ZrIiP4w0MXqD-mzZlt32KYYe1qYYc9LSDUObtmKugFTww07C2d9WFh-SH0GSgObj6DOhto1FOF7rERhv4SWV7NT5uV3l2tH1uvUtsgGGOxQEVD3ZYovQQxNjQ4ag/s1600/step3-install-extension.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="566" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gY4ckEgh5EIEJC5ZrIiP4w0MXqD-mzZlt32KYYe1qYYc9LSDUObtmKugFTww07C2d9WFh-SH0GSgObj6DOhto1FOF7rERhv4SWV7NT5uV3l2tH1uvUtsgGGOxQEVD3ZYovQQxNjQ4ag/s640/step3-install-extension.PNG" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step4: Choose packaged skin file from your computer </span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQQZUZST8iGoQyECglQlLt2wBv14Y-ETY6XmBIDMJWH3sgru8Ptk6J6-6ppod9raNy03lhiGt_jeeR1DC31pCY4CXVUg3z2rusMUsS9vPoX_hOW9931fbmfLJmMUTzdXrpfvyeemRinms/s1600/step4-install-extension1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="428" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQQZUZST8iGoQyECglQlLt2wBv14Y-ETY6XmBIDMJWH3sgru8Ptk6J6-6ppod9raNy03lhiGt_jeeR1DC31pCY4CXVUg3z2rusMUsS9vPoX_hOW9931fbmfLJmMUTzdXrpfvyeemRinms/s640/step4-install-extension1.PNG" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step6: Click Next</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXESk3GneYlBaiboOYHPK8DvzZHWw6m7A05M2_c4RhdPUx6zQXEzVesjsRNFbhs_ozg8tNnvIiVzP7C695q7xIr_iZg00ZmUxaziTRCX8g_3rfdejh3mVkmwtjDdCNLpyA31ocMs-B5YE/s1600/step5-install-extension1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXESk3GneYlBaiboOYHPK8DvzZHWw6m7A05M2_c4RhdPUx6zQXEzVesjsRNFbhs_ozg8tNnvIiVzP7C695q7xIr_iZg00ZmUxaziTRCX8g_3rfdejh3mVkmwtjDdCNLpyA31ocMs-B5YE/s640/step5-install-extension1.PNG" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step6: Screen1 gives package information like Skin name,version,owners and organization etc</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGj3_oT20Re1WI_6tUrpIJInV-y7aqZxG8QWrIlYtqpS7_C4COXY0yORLEfjJYhrdbVQrb0KwgMCQLwXVXjSjoErYlg8NoQCGhDcl6dI2sQIn_9ASPcwOOhFQFUKifH4V3187gJfIyVak/s1600/step6-install-extension1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGj3_oT20Re1WI_6tUrpIJInV-y7aqZxG8QWrIlYtqpS7_C4COXY0yORLEfjJYhrdbVQrb0KwgMCQLwXVXjSjoErYlg8NoQCGhDcl6dI2sQIn_9ASPcwOOhFQFUKifH4V3187gJfIyVak/s640/step6-install-extension1.PNG" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step7: Screen2 gives Release Notes for the skin</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPScn4KrxDP-5fNaVxzQNBUvx9DkbCi-j0z9J33uGh8Ie_zZNNvSMqXq3h5aJ2HAphzgFm0XJvnrNu_adSryTFudMTe2QK-DLR83Di9nu5fCSCVxcxdSlsXEw3GtVLvRbQ8qbzKRjNGOk/s1600/step7-install-extension1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPScn4KrxDP-5fNaVxzQNBUvx9DkbCi-j0z9J33uGh8Ie_zZNNvSMqXq3h5aJ2HAphzgFm0XJvnrNu_adSryTFudMTe2QK-DLR83Di9nu5fCSCVxcxdSlsXEw3GtVLvRbQ8qbzKRjNGOk/s640/step7-install-extension1.PNG" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step8: Screen3 gives License information - read the license and check Accept License checkbox</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg26aQKLBw0AmsAQvuh3TwWVm59TqFYtXuPmS74yfkjc-PaTlafvjrOBn5C-u9l3el0xircIBRoO5QZhAMkT9_cUmDmsItdjBqCD6DyvD-S06avjviMjqJM0K10ocovCdopQPJS2bZTebA/s1600/step8-install-extension1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="422" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg26aQKLBw0AmsAQvuh3TwWVm59TqFYtXuPmS74yfkjc-PaTlafvjrOBn5C-u9l3el0xircIBRoO5QZhAMkT9_cUmDmsItdjBqCD6DyvD-S06avjviMjqJM0K10ocovCdopQPJS2bZTebA/s640/step8-install-extension1.PNG" width="640" /></a></div>
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step8: Files will be unpacked and skin will be installed</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUEVmAU_6OLbPjXqM_ZZ3D_PMZLxF4Mu3sFu0BaUW7JY6OSnYZhFOKA9bhdIzJluYVwPUkW_036TunCUI3KE5qWHn5kRZ0uCD0WPlU8HFxwMRO7hNh0Q0jU9GbgrSJIDLxpezK8t7yjwc/s1600/step9-install-extension.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="422" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUEVmAU_6OLbPjXqM_ZZ3D_PMZLxF4Mu3sFu0BaUW7JY6OSnYZhFOKA9bhdIzJluYVwPUkW_036TunCUI3KE5qWHn5kRZ0uCD0WPlU8HFxwMRO7hNh0Q0jU9GbgrSJIDLxpezK8t7yjwc/s640/step9-install-extension.PNG" width="640" /></a></div>
<br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step9: To confirm successful installation scroll-down to last and check you dont have any errors.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNuZ_mT1Fqqi4IETEG4p1HyPkRq96EnEdWa1wS9WAEK5AMun1OKIKvzlT75Ma7EIimfEbRaTsMC1M4m_UFrQsVlcNEjJV57qviEX9vAsj4HFJpYK0vknUz4qYQ4V5jyzMC8CANDV02ABM/s1600/step10-install-extension.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNuZ_mT1Fqqi4IETEG4p1HyPkRq96EnEdWa1wS9WAEK5AMun1OKIKvzlT75Ma7EIimfEbRaTsMC1M4m_UFrQsVlcNEjJV57qviEX9vAsj4HFJpYK0vknUz4qYQ4V5jyzMC8CANDV02ABM/s640/step10-install-extension.PNG" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Press Return button.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">You can find skin installed on Extensions page -> Skin section</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZo4jX9KY4gJsgcK4HpLBullc0dKocCsmovcBMJFg4o6t0DiHIkQdM8MiW_q2Dl9buRvnQdCb74nGXDwE0wgcRPN3d-6AJGkcwDIuyPttlTsGtyXMBAyxsOb0h6sL8WYa2FQj2Mvoe1U/s1600/successfull-skin-installation.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="504" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZo4jX9KY4gJsgcK4HpLBullc0dKocCsmovcBMJFg4o6t0DiHIkQdM8MiW_q2Dl9buRvnQdCb74nGXDwE0wgcRPN3d-6AJGkcwDIuyPttlTsGtyXMBAyxsOb0h6sL8WYa2FQj2Mvoe1U/s640/successfull-skin-installation.PNG" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
If you have any doubts on DNN comment the question. and subscribe to my blog to keep updated</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-89146502109316228862013-10-22T04:56:00.000-07:002014-01-22T02:43:27.178-08:00How to add canonical tags in Dotnetnuke 7.x (DNN) dynamically.<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">I was working on Dotnetnuke 7.x where I wanted to add canonical tag for all the pages dynamically.I stumbled upon some forums and blogs where it was only talking about 4.x and 5.x versions that is by adding manually to all the pages later i found out a option on DNN7.1 where we can dynamically add canonical tag to all pages. This tutorial mainly focuses adding canonical tag to all pages dynamically in DNN 7.x.</span></span></span><br />
<br />
<a name='more'></a><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;">Here is the video to add canonical tags in DNN dynamically</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/-zhq5-3EIuc" width="560"></iframe>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step 1: Hover your mouse on Admin and select Site Settings.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step2: Click on Site Settings</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step3: Click on Advanced settings.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step4: Click on Site aliases section in the accordion provided.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step 5: Click on Add New Alias button.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step6: Paste your URL in the text box provided and check the checkbox beside and save the link.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6sMt62J4t1dIQPqpGMKbscub32pOaaTHYDIAA_JWiYwCXBnq8fhwjzjP-5PgkGOWKonX1ORiwTB-qR3SrHuf0k5GsFIQZt2TC8sniA4nsCw0VG-MEvAgwyz7bBeU2y4STtE_7NyBSBWQ/s1600/canonical.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6sMt62J4t1dIQPqpGMKbscub32pOaaTHYDIAA_JWiYwCXBnq8fhwjzjP-5PgkGOWKonX1ORiwTB-qR3SrHuf0k5GsFIQZt2TC8sniA4nsCw0VG-MEvAgwyz7bBeU2y4STtE_7NyBSBWQ/s640/canonical.PNG" height="185" width="640" /></a></div>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">You are all done. Canonical tags will be added to all the pages accordingly.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Let me know if you have questions. Know more about me <a href="http://www.nithinchandrasr.com%20/" target="_blank">www.nithinchandrasr.com </a></span></span></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-81228634837989554952013-10-12T00:56:00.000-07:002013-10-12T00:56:02.542-07:00 DotNetNuke Community edition 7.x Installation using Webmatrix Tutorial <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">This tutorial mainly focuses on installing DotNetNuke Community edition 7.x on your local machine using WebMatrix3.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">First: What is DotNetNuke?</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Many of them wouldnt have heard about this CMS(Content Management system).DotNetNuke is a web content management system based on Microsoft .NET. The Community Edition is open source.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">DotNetNuke was written in VB.NET, though the developer has shifted to C# since version 6.0. It is distributed under both a Community Edition MIT license and commercial proprietary licenses as the Professional and Enterprise Editions.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></span></span><br />
<a name='more'></a><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">What is WebMatrix?</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft WebMatrix is a free, lightweight, cloud-connected web development application for Windows. WebMatrix enables developers to build websites using built-in templates or popular open-source applications, with full support for ASP.NET, PHP, Node.js and HTML 5. Microsoft developed WebMatrix for the purpose of providing web developers with coding, customization, and publishing capabilities all in one place.</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Installation of DNN(DotNetNuke) has 2 steps:</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">1. Installation of Webmatrix </span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">2. Installation of DNN</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">In order to setup a DotNetNuke website you need to have the following requirements met:</span><br />
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">DotNetNuke 7.0+</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Supported Operating Systems</b></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Windows Vista </span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Windows 7 </span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Windows 8 </span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Windows 2008</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Windows 2008 R2</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Windows 2012</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Web Server</b></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft IIS 7.0, 7.5, 8.0</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Database Server</b></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft SQL Server 2008</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft SQL Server 2008 Express</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft SQL Server 2008 R2</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft SQL Server 2008 Express R2</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft SQL Server 2012</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft SQL Server 2012 Express</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Microsoft SQL Server Azure</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>.NET Framework </b></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">4.0</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">4.5</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Recommended Environment</b></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Windows Server 2012</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">IIS 8.0</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">SQL Server 2012</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: 12px; line-height: 20px; text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.NET Framework 4.5</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
</div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Let us start the installation process:</span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step1: Download the <b>Standard Process of Installation</b> package from DNN Website:</span></span></div>
<div style="text-align: justify;">
<a href="http://www.dnnsoftware.com/Community/Download">http://www.dnnsoftware.com/Community/Download</a><br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen1: Click on Download DNN Platform</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22vPK4Jb_CHwW1yQwuMDAq_fF-3ofuSA7fh4Tn3xmsRa0sJXnobKQle8FPV5LAcCNPbuMRs_75YiHqaRtC7LPhhFwPlgGfikixDqt92Q8Fsj63QXwBTSbrDXYNjjL-FwAuTchE3RsoXE/s1600/1.1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22vPK4Jb_CHwW1yQwuMDAq_fF-3ofuSA7fh4Tn3xmsRa0sJXnobKQle8FPV5LAcCNPbuMRs_75YiHqaRtC7LPhhFwPlgGfikixDqt92Q8Fsj63QXwBTSbrDXYNjjL-FwAuTchE3RsoXE/s640/1.1.png" width="640" /></a></div>
<br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen2: Click <b>INSTALL NOW</b> button</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2V18fNhMLeKfSIhD_YgOmYA_3hUgYCfaXMJ-VBc1hz5CkQUOfglp0L-4AcjMWzQWc0vlyYox7FYSRyKKUdzQ7UEyiPNkR6ugTSWVA_eP17oJf5QBwoyGxKbQ7yqG6Wq2n2oSzcEOb2vI/s1600/1.1.1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="510" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2V18fNhMLeKfSIhD_YgOmYA_3hUgYCfaXMJ-VBc1hz5CkQUOfglp0L-4AcjMWzQWc0vlyYox7FYSRyKKUdzQ7UEyiPNkR6ugTSWVA_eP17oJf5QBwoyGxKbQ7yqG6Wq2n2oSzcEOb2vI/s640/1.1.1.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Screen3: </span></span><b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">dotnetnuke_iss.exe</b><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"> will be downloaded to your system.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOKloQ51yuZ9QRD3GY61mMLbUdvIJkmryHaQk_kRy-cVwMBQcnEM0aK4CnBgq6LcS08b1Egy_NMHeUiwN21_xczEoetcm9CUzOIVDtQIAbyVNXRhD31uPg3jUXwCP1C4aspOkIgC21G4/s1600/1.1.2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="510" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOKloQ51yuZ9QRD3GY61mMLbUdvIJkmryHaQk_kRy-cVwMBQcnEM0aK4CnBgq6LcS08b1Egy_NMHeUiwN21_xczEoetcm9CUzOIVDtQIAbyVNXRhD31uPg3jUXwCP1C4aspOkIgC21G4/s640/1.1.2.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen3: Prerequisites which were mentioned above will be downloaded from internet and if SQL Server is not installed it would ask you to provide password for sql.Provide the password and installation of dotnetnuke will begin.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen4: </span><b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">dotnetnuke_iss.exe</b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> will be donloaded to your system.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6KnFiuw8CEgS-Axjk9wgOb5ASSZ2_ODRCljZQrih9jOJX3sZCKSLT8b4ZzRh_cxr5bfmuruPYyc_FyGCpknqvqL294he_opbX-yBMnSdS9ERsHbOChnqUlz23XszZI2ygUqKLE4EgVFs/s1600/1.2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6KnFiuw8CEgS-Axjk9wgOb5ASSZ2_ODRCljZQrih9jOJX3sZCKSLT8b4ZzRh_cxr5bfmuruPYyc_FyGCpknqvqL294he_opbX-yBMnSdS9ERsHbOChnqUlz23XszZI2ygUqKLE4EgVFs/s640/1.2.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen5: </span><b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">dotnetnuke_iss.exe</b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> will be donloaded to your system.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKY6KSbLw8lu8viTY_wmcTAuGHclj5CAIi2K_fVBQvzKzbutlqI59HChf23Wdt-8-a6sh-j06t6jcaz71D75qboWmz0wkpfqtSEzkH571O5gPjwLk_JcomYp33TnwEKVjRYjmz9PVoAc/s1600/1.3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKY6KSbLw8lu8viTY_wmcTAuGHclj5CAIi2K_fVBQvzKzbutlqI59HChf23Wdt-8-a6sh-j06t6jcaz71D75qboWmz0wkpfqtSEzkH571O5gPjwLk_JcomYp33TnwEKVjRYjmz9PVoAc/s640/1.3.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen6</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">: Open <b>WEBMatrix3 </b>from start and select see all my sites</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhic7uXT_-8FySahkQnv64aSyMypPV58Lw1bRW5XKnG56Q2jcf4Jg2ifMiROphawAZwyGlRLdTfMPjef5RjCNjtmvvo4XF-H21QdN_Lfw74E58Ngbw9bmIv0Pbgi90SRx_OeP_9zX4oaJc/s1600/1.4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhic7uXT_-8FySahkQnv64aSyMypPV58Lw1bRW5XKnG56Q2jcf4Jg2ifMiROphawAZwyGlRLdTfMPjef5RjCNjtmvvo4XF-H21QdN_Lfw74E58Ngbw9bmIv0Pbgi90SRx_OeP_9zX4oaJc/s640/1.4.png" width="640" /></a></div>
<br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen7</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">: Select Website1 from your Choose a site section</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFOHkoBf-mqvaK-PeGFstnLtupNbgMCoVf_h4HUpusP1RxYcbPqH2H2YkHS66YGzdXtu8MA6tkrIirGauUB9i6KSnb5miRvOJG-lc43APuwAZgKhqVVqi5xkJN0MDNMGbLtIIayyiXKg/s1600/1.5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFOHkoBf-mqvaK-PeGFstnLtupNbgMCoVf_h4HUpusP1RxYcbPqH2H2YkHS66YGzdXtu8MA6tkrIirGauUB9i6KSnb5miRvOJG-lc43APuwAZgKhqVVqi5xkJN0MDNMGbLtIIayyiXKg/s640/1.5.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen8</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">: Following screen will show once you open your site</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5cl5H4bcfNuJd5dzx_RbOCdWX9ufKEnL6uW0ah0L79qTYyp4SS0JtA3H0eaFZTZfPcJkk-OfOO9iO2gWw9X8u9mNTaJrgXFSAmUVlvxVmQ-YMHWezOYMUjPLOi6plMhnZbc8Ic80iTKQ/s1600/1.6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5cl5H4bcfNuJd5dzx_RbOCdWX9ufKEnL6uW0ah0L79qTYyp4SS0JtA3H0eaFZTZfPcJkk-OfOO9iO2gWw9X8u9mNTaJrgXFSAmUVlvxVmQ-YMHWezOYMUjPLOi6plMhnZbc8Ic80iTKQ/s640/1.6.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen9</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">: Select Site in lower left corner </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBs7AQclS4SHb5XqM2lG3hw-EoeltX38I60lsJnOWVL29P71khsXkZ9NRoSWYZAXT8PsEB1wuw_Tz3bLwVi_HIcACnGgWFN4wxGvcQqFm_twKT0tTZQjRjbgdE3I4F4RPr8mpn4ismTOE/s1600/1.7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBs7AQclS4SHb5XqM2lG3hw-EoeltX38I60lsJnOWVL29P71khsXkZ9NRoSWYZAXT8PsEB1wuw_Tz3bLwVi_HIcACnGgWFN4wxGvcQqFm_twKT0tTZQjRjbgdE3I4F4RPr8mpn4ismTOE/s640/1.7.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen10</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">: Click on the localhost URL provided as shown in figure below</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzfQC83rvioWjJMqiAQy5vObgMcOOF-HBU2DextHgOnzOLPJ7AzwsOmeSIDFytlDSV8A0YpakYJ1aasBcyArY3d-JSE3cXwXxBsCqoEoCDSLs0PYmNHSy6IhfMYpkzi8bUTEHGterD54o/s1600/1.8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzfQC83rvioWjJMqiAQy5vObgMcOOF-HBU2DextHgOnzOLPJ7AzwsOmeSIDFytlDSV8A0YpakYJ1aasBcyArY3d-JSE3cXwXxBsCqoEoCDSLs0PYmNHSy6IhfMYpkzi8bUTEHGterD54o/s640/1.8.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Screen11</span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">: Your default browser will be opened with localhost URL</span></span><br />
<div class="separator" style="clear: both; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigl50xVvvg19yztoCmKsWa25bmiOEjGtFNGfGwJduaarox0N-JBLO-xq-HVaI1xqDOkHfJL7ZVV-Z-vTp757Q7pRbMKEzA3IEvMjnY9H93aagvz6KzpYsRb6nn7Dnw2mg9ZCWEGqHRThM/s1600/1.9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigl50xVvvg19yztoCmKsWa25bmiOEjGtFNGfGwJduaarox0N-JBLO-xq-HVaI1xqDOkHfJL7ZVV-Z-vTp757Q7pRbMKEzA3IEvMjnY9H93aagvz6KzpYsRb6nn7Dnw2mg9ZCWEGqHRThM/s640/1.9.png" width="640" /></a></div>
<div class="separator" style="clear: both; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Screen12</span><span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">: DNN Installation process :</span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step12.1: Enter your account information as shown below. Enter required username and password for your convenience to remember and click continue</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKcB0y_8I2j6DZsbGxbiS_61ZyKlTbeoVtQga5Js-SuHptDdjguVD1jyXXREICe5MOZmin96UsqwyZmrTiLnIViF6hj8PW-hoASMA_vaV4di448lzf0VWKAUBP8AVvz8_zBYe687eCLI/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKcB0y_8I2j6DZsbGxbiS_61ZyKlTbeoVtQga5Js-SuHptDdjguVD1jyXXREICe5MOZmin96UsqwyZmrTiLnIViF6hj8PW-hoASMA_vaV4di448lzf0VWKAUBP8AVvz8_zBYe687eCLI/s640/2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step12.2: DNN Installation starts </span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb0hh4mk5z8h04j_Wwfr58gtVwFuQZRIR1uT-cfSKPLXP1onXgMIzrOF13yiw5cKyJ1FD11R3K8WrwVjk9tLn93GvJA4Z0PAYQYu5O4Jw1SmWx0d2Mr2KDFVMDvwi0P5PYlCOK8P7sjfs/s1600/2.1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb0hh4mk5z8h04j_Wwfr58gtVwFuQZRIR1uT-cfSKPLXP1onXgMIzrOF13yiw5cKyJ1FD11R3K8WrwVjk9tLn93GvJA4Z0PAYQYu5O4Jw1SmWx0d2Mr2KDFVMDvwi0P5PYlCOK8P7sjfs/s640/2.1.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Step12.3:Wait until all the five elements of DNN are installed as shown below</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-g4U_0TbK6JXV8UHWP0Rab9x1bXXbHAHsE2eWYomCyUPPxHZQ83AGW9O3mdsjO464CXn7RxaNT51rB7VtNoms4hEuWeHf6lZ5zkz7vUPyYIEfOLqxE9wxZ_VfFQ4p0_5vD4Qhd91LqU/s1600/2.2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-g4U_0TbK6JXV8UHWP0Rab9x1bXXbHAHsE2eWYomCyUPPxHZQ83AGW9O3mdsjO464CXn7RxaNT51rB7VtNoms4hEuWeHf6lZ5zkz7vUPyYIEfOLqxE9wxZ_VfFQ4p0_5vD4Qhd91LqU/s640/2.2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step12.4: Once all the steps are installed click on visit website button</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAJqWTilhR3BSDHcQD3TuRqAZfX_Mf2rvD0px98G9JVpxH6JyCmo56ND1GhITatUo17SfmGzik3SPLjf3-jaYayJvich0kXSgI99PQWODB2pEloi6ts7hnDUaNuenLPvZurZwpOSSQVs/s1600/2.3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAJqWTilhR3BSDHcQD3TuRqAZfX_Mf2rvD0px98G9JVpxH6JyCmo56ND1GhITatUo17SfmGzik3SPLjf3-jaYayJvich0kXSgI99PQWODB2pEloi6ts7hnDUaNuenLPvZurZwpOSSQVs/s640/2.3.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="text-align: justify;"><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;">Step12.5: Once you press visit website it will create a brand new website with default skin giving successful installation of DNN and links to new features in 7.0 and learn basics of working with DNN. If needed go through the links else ou can just simply close the modal window and start working on DNN default site. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTNxYrFUqGJ2wezRIJyregjbaArL_9pMObU6VFroswn8hCPTn3lBGtgCBK0KnjFvD9ZslxvvSVm5RmxvHhK3VwmiVtb6Nr0ymlOgTi4m3FWlNYhYdxw6kkx-dW8dx29t-owrj4GgVNKKU/s1600/2.4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTNxYrFUqGJ2wezRIJyregjbaArL_9pMObU6VFroswn8hCPTn3lBGtgCBK0KnjFvD9ZslxvvSVm5RmxvHhK3VwmiVtb6Nr0ymlOgTi4m3FWlNYhYdxw6kkx-dW8dx29t-owrj4GgVNKKU/s640/2.4.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px; text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Yes you are all set. Your new DotNetNuke is installed. And will be posting How to do version upgrade in DotNetNuke in my next blog.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 16px; line-height: 22px;"><span style="font-size: 12px; line-height: 20px;">If you have any questions Comment below or you can directly contact me through my website:</span></span><br style="background-color: white; color: #333333; font-family: 'Open Sans'; font-size: 16px; line-height: 22px;" /><a href="http://nithinchandrasr.com/" style="background-color: white; color: #7d181e; font-family: 'Open Sans'; font-size: 16px; line-height: 22px; text-decoration: none;">http://www.nithinchandrasr.com/</a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-21088070073425715272013-08-29T10:19:00.001-07:002013-08-29T10:19:46.385-07:00Human Computer Interaction - HCI<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Human Computer Interaction is basically designing, planning and implementation of interaction between people and computer. First and foremost is the human, the person that’s using the system </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> the other people that they work and communicate with. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Then you got the computer, that’s the machine and the networked-up machines that run the system. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">And then you got the interface that represents the system to the user. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">HCI is the design, implementation and evaluation of user interfaces.</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"></span></div>
<a name='more'></a><br />
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">At the onset of the design project, we often don’t know what the problem is </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Or what the space of possibilities might be, let alone what the solution should be. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Consequently, real-world design is often iterative, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">failed</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> fast so you can succeed sooner. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Often it benefits from trying and comparing options.</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Finally, it’s important to focus on the people who are going to use your system. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Good design brings people joy: it helps people do things that we care about, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> helps us connect people that we care about. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Good user interfaces can have a tremendous impact on both [the] individual’s ability to accomplish things, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> societies’. Graphical user interfaces help </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">with</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> computing a hundreds of millions of tasks, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">enabling</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> us to do things like </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">creating</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> documents, and share photo and connect with family</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">And find information. </span></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Bad design is frustrating and costs lives: medical devices, airplane accidents </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> nuclear disasters are just three domains where bad user interfaces and software errors </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">have</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> caused serious injury and many deaths. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">These are big ticket items that take a lot of time to produce. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">What really gets me is that many of these interface problems </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">could</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> have easily been avoided.</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Fixing these problems requires following just basic principles like consistency and feedback. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">If effective principles for interface design were widely known as some </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">of these disasters might have been avoided.</span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"> </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Bad design causes problems and degrades people</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="fc5ca8fd-d365-4c3f-b5be-90f1ee336279" ginger_sofatware_uiphraseguid="69866c4e-0bd1-4ab9-970a-d7c63cc13a52" grcontextid="[:0">[</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">’s] quality of life in many smaller ways too. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Think of all the time that you waste on your bank's website </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">or</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> trying to figure out why the wifi doesn't work, or trying to set something on your digital camera. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Let's say these frustrations take </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">10 minutes a day for the average American. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">With 300 million people in America alone, that’s 3 billion person-minutes a day. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="4928c093-89a0-4730-a459-f7670f5ae4e1" ginger_sofatware_uiphraseguid="2a96f5e9-c8be-4678-83b7-59f60b52e3b3" grcontextid="or:0">or</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> 18 billion person-hours a year. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">That's a lot of time that we could’ve spent making the world a better place. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Oftentimes, the best interfaces become invisible to us. </span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">When an interface becomes automatic by practice, by design and most often by a combination, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">our</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> attention shifts from manipulating an interface to accomplishing a task. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">It’s kind of like a blind person who has practiced working with a cane. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">After all those hours of practice, they no longer feel the cane.</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Their sensory perception is at the end of the cane, experiencing the world. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">That attentional shift is what happens when an interface becomes intuitive. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Designing great user interfaces requires enormous creativity and a lot of hard work. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">But designing pretty good user interface is pretty easy </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">if</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> you know some methods, techniques and principles.</span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Birth of HCI</b></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">How did the field of human-computer interaction get started?</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">One good place to begin our story is in July of 1945, when Vannevar Bush wrote </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">an</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> article for the Atlantic Monthly, later reprinted in Life, called “As We May Think”<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="ac3925ff-64b6-4d69-bc4c-b69e3e5fddd4" ginger_sofatware_uiphraseguid="84ea9293-da6e-4df3-95fa-84c1ff976652" grcontextid=".:0">.</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Today, technology has mostly augmented people’s physical abilities; </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Bush outlined a vision for information technologies that augmented people’s intellectual abilities. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Who is this guy? What’s his deal? And what led to his pressing vision?</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Bush was vice-president and dean of engineering at MIT in the 1930’s, </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">where</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">, incidentally, he was </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="bd78d827-eba8-4657-8fd1-36495893ef3a" ginger_sofatware_uiphraseguid="4dd40af9-244a-471e-a49a-1c12189a6ef9" grcontextid="Fred Terman’s advisor:0">Fred Terman’s advisor</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e1711737-c1c8-4a52-ad7a-b82dca1f08a4" ginger_sofatware_uiphraseguid="2bfc4991-38ec-4f21-9c71-87e172147f85" grcontextid="Terman:0">Terman</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> went on to become dean of engineering at Stanford </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> in the eyes of many the father of Silicon Valley. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">In 1939, Vannevar Bush moved to Washington. </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">He’s a leading scientific policy maker </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">He directs a lot of the government funding, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> indeed creates and is instrumental in setting up large-scale university research. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">This administrative effort eventually leads to the creation of the National Science Foundation and ARPA, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">institutionalizing</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> government-funded scientific research.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">The goal of this article, written in the final months of World War II, is to ask </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">“What can government-funded scientists do to create a better world in peace time?” </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> his vision was a </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="7bae8a92-ba52-4fa6-86e1-935762a3a132" ginger_sofatware_uiphraseguid="bad8c0ce-375c-4925-b88c-443ee42c1c82" grcontextid="strongly:0">strongly</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> human-</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="d50e9cdf-59d7-4314-b26b-1b36714901b1" ginger_sofatware_uiphraseguid="bad8c0ce-375c-4925-b88c-443ee42c1c82" grcontextid="centred:1">centred</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> one. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Bush wrote of a future interactive desk; he calls the system “</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="7148a0d6-64e3-4ca3-a863-5b3f43feae5e" ginger_sofatware_uiphraseguid="11b5458a-84f8-4526-b1c8-3ba34b4c7564" grcontextid="memex:0">memex</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">.” </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The idea is that all of the world’s information would be available on the knowledge worker’s desktop. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Key to the </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="ba16815d-1c59-4ffb-b103-825bdf44b766" ginger_sofatware_uiphraseguid="7b0dcc52-e662-4402-93d8-8ffd8f797074" grcontextid="memex:0">memex</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> idea was effective user interfaces for information storage and retrieval.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Remember, this is 1945, so there aren’t yet practical digital computers — </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">the</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> first room-scale digital computers were just being built — </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> the idea was to use microfiche — high density film — to store everything! </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Even more impressive, Bush’s </span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="05ff7d81-b0eb-46e7-9295-5b46d99f433a" ginger_sofatware_uiphraseguid="03f7a81b-9060-42e7-bd18-b8fa732dcd2c" grcontextid="memex:0" style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">memex</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> vision invents hypertext: </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">he</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> has this idea that people could author trails through this information store, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">save</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> them for later use, and share them with others.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">But you’re not always at your desk, right? You want technology to come with you. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">And knowledge workers need to produce content as well as consume it. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">And the world isn’t just textual; it’s also visual.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">So Bush imagined that, in the future, you’d wear a camera, </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">right</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> in the </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="b03b8bdd-58dd-482f-b2cd-8d51ce930552" ginger_sofatware_uiphraseguid="26beae87-a7a1-46df-b7d3-2deffab18642" grcontextid="centre:0">centre</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> of your head, like a third eye, and use it to capture stuff. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">And he worked out a design that made it as easy as possible to take pictures, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">so</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> there’re no dials or settings to fiddle with. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">As with the </span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="f66212aa-5570-429b-91f1-61093b760862" ginger_sofatware_uiphraseguid="cdac5c12-f9a6-4f5f-8877-db9816293964" grcontextid="memex:0" style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">memex</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> desk, the details turned out differently; but the core vision was right on target. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Today, for example, there are more than a billion camera phones that people carry with them. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The programmable digital computers that soon follow, like the ENIACS on here, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">were</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> a huge technological lead-forward. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">But, as you can see from the wires, the user interface left a lot to be desired.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">The idea of providing a more effective interface to computers has a long and storied history, </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">beginning</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> with Grace Hopper’s invention in the early 1950’s of the first compiler. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">What’s inspirational for me is that she conceptualized </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">how</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> improved tools could provide a much wider audience with access to computation. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">In the intervening years, good programming environments for the desktop and Web </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">enabled</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> legions of developers to create the content that helped put a PC on every desk.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">It’s a long path from Grace Hopper’s visionary work on the compiler to the graphical user interface. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">There are three key highlights I’d like to share with you along the way. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The seeds of direct manipulation were sown at MIT at Lincoln Labs by Ivan Sutherland. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The key innovation of the graphical user interface is that the user’s input </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">is</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> performed directly on top of the system’s output.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">This input-on-output directness makes the interface much easier to understand and much more intuitive. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">This input-on-output directness makes the system much easier to understand and feel more intuitive. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">In the case of Sutherland’s Sketchpad, the input was a light pen and the output was an oscilloscope.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>HCI Design Principles and Methodologies:</b></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Needfinding: </b>is observing people to discover their needs, goals, and values. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">One effective starting point for designing new technology is to clearly identify an existing problem or need. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">And that’s because finding a big problem and need </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">often</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> yield</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="9df2125c-f3dc-4299-a093-0b2f8283de40" ginger_sofatware_uiphraseguid="99479652-77bb-4a54-a32e-3c7b1e438c54" grcontextid="[:0">[</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">s] important untapped opportunities for design.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Rapid Prototyping:</b> Rapid prototyping techniques are probably the most valuable weapon you’ll have</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">In a human-centered design process. Three techniques for rapidly producing prototypes - storyboarding, paper prototypes, and from digital mock-ups.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Heuristic Evaluation:</b> there’s lots of different ways to evaluate software. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">One that you might be most familiar with is empirical methods, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">where</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">of</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> some level of formality, you have actual people trying out your software. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">It’s also possible to have formal methods, where you’re building a model </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">of</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> how people behave in a particular situation, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> that enables you to predict how different user interfaces will work.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Or, if you can’t build a closed-form formal model, </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">you</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> can also try out your interface with </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="d0e7bfc4-20b7-408b-a3b8-b704fa3ff10d" ginger_sofatware_uiphraseguid="99e0d2fb-4f37-479c-aa44-9e53c23f9fd6" grcontextid="simulation:0">simulation</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> and have automated tests — </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">that</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> can detect usability bugs and effective designs.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Visual Design and Information Design: </b>This is to introduce you to graphic design </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> a set of strategies for helping you communicate more effectively visually. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Visual Design and Information Design can be more expressed with Typography<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e9ae8742-f57d-442c-b730-4fd240757a60" ginger_sofatware_uiphraseguid="5935260c-d100-4d1b-8eb8-24c88f9213f0" grcontextid=",:0">,</span>Grids and alignments and Reading and navigating.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Typography: </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Using typographic variation and size contrast to give some sense of individual hierarchy </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">and</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> as Edward Tufte describes it, information consists of differences that make a difference.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">I think there are three major goals of a lot of visual design. </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The first goal is to guide people to convey the structure, the relative importance and relationships. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The second one is to set up the </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="8bca2239-6f1f-42f8-9d28-a234f83de221" ginger_sofatware_uiphraseguid="de2db57e-7dab-4076-b9e8-686886086076" grcontextid="pase:0">pase</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> of the interaction to draw people in, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">help orient</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> and provide hooks to dive deep. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">And the third is to use the visual design to express the message of the information — </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">to</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> give it some meaning and style and breathe life into the content.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Running Web Experiments:</b> The web has </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">offered</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> tremendous power in terms of being </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">able</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> to do experimental work, roll out </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">different</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> versions of a user interface, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">get</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> feedback, and iterate quickly. You may </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">have</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> heard of this under a bunch of </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">different</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> names. Sometimes this is called </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">AB Test or randomized experiments online </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">or</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> controlled experiments or split </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">testing</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">. In all cases, the basic idea is</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="c1dfa4a8-012f-46de-b551-d962c85c1f9d" ginger_sofatware_uiphraseguid="203974a9-521f-4abc-9e59-8e2652d90b15" grcontextid="the:0">the</span> same. What you're going to do is </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">you</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">'re going to randomly split the traffic </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">that</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> comes to your website between two or </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">more</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> versions. So, when we talk about it </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">is</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> AB Testing, you've got your A version </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">which</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> is the current live version, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">usually</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">, and you've got your B version </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">which</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> is usually something new that you're </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">trying</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">. And what you're </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">gonna</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> do is </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">collect</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> metrics about how the two versions </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">perform</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> in terms of conversions or </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">click</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">-</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">throughs</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> or other things that you </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">can</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> measure and then analyze that </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">afterwards</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> to decide which of your designs </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">is</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> more effective. </span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Comparing rates:</b> </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">After you've collected all your data, what </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">do</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> you do with it? The main technique </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">you</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">'ll learn in this video is how to </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">compare rates. Rate comparison is my pick </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">as</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> a first statistical test to learn in </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">HCI because it's easy to do and relevant </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">to</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">many real world</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> activities like </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">comparing</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> click through rates on websites.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">To know more about HCI Subscribe to my mailing list or just contact me on my website - www.nithinchandrasr.com</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-64548588323700491752013-08-29T00:35:00.001-07:002013-08-29T00:35:07.241-07:00What is X-UA-Compatible meta tag and its use ?<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">The</span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"> X-UA-Compatible meta tag allows web authors to choose what version of Internet Explorer the page should be rendered as.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></span></span><br />
<a name='more'></a><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Here are your options:</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=edge"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=10"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=EmulateIE10"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=9"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=EmulateIE9</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=8"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=EmulateIE8"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=7"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=EmulateIE7"</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"IE=5"</span></span><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 16px; line-height: 22px;"><span style="font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="8aeda23f-ee23-4976-a084-2db88fa59790" ginger_sofatware_uiphraseguid="eba56897-e715-4386-a296-2d3912c31c9d" grcontextid="es:0">es</span> </span></span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 16px; line-height: 22px;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<b><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 16px; line-height: 22px;"><span style="font-size: 12px; line-height: 20px;">Detailed explanation about </span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">X-UA-Compatible meta tag options:</span></b><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 16px; line-height: 22px;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Internet Explorer supports a number of document compatibility modes that enable different features and can affect the way content is displayed:</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">IE10 mode provides the highest support available for established and emerging industry standards, including the HTML5, CSS3 and others.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">IE9 mode provides the highest support available for established and emerging industry standards, including the HTML5 (Working Draft), W3C Cascading Style Sheets Level 3 Specification (Working Draft), Scalable Vector Graphics (SVG) 1.0 Specification, and others. [Editor Note: IE 9 does not support CSS3 animations].</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">IE8 mode supports many established standards, including the W3C Cascading Style Sheets Level 2.1 Specification and the W3C Selectors API; it also provides limited support for the W3C Cascading Style Sheets Level 3 Specification (Working Draft) and other emerging standards.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">IE7 mode renders content as if it were displayed in standards mode by Internet Explorer 7, whether or not the page contains a directive.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Emulate IE9 mode tells Internet Explorer to use the directive to determine how to render content. Standards mode directives are displayed in IE9 mode and quirks mode directives are displayed in IE5 mode. Unlike IE9 mode, Emulate IE9 mode respects the directive.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Emulate IE8 mode tells Internet Explorer to use the directive to determine how to render content. Standards mode directives are displayed in IE8 mode and quirks mode directives are displayed in IE5 mode. Unlike IE8 mode, Emulate IE8 mode respects the directive.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Emulate IE7 mode tells Internet Explorer to use the directive to determine how to render content. Standards mode directives are displayed in Internet Explorer 7 standards mode and quirks mode directives are displayed in IE5 mode. Unlike IE7 mode, Emulate IE7 mode respects the directive. For many web sites, this is the preferred compatibility mode.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">IE5 mode renders content as if it were displayed in quirks mode <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="1f0d8ce1-f619-406d-8be2-1501a1badd94" ginger_sofatware_uiphraseguid="6371313f-63eb-4ead-b0b2-5e9b4c95479a" grcontextid="by:0">by</span> Internet Explorer 7, which is very similar to the way content was displayed in Microsoft Internet Explorer 5.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12px; line-height: 20px;"></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Edge <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="8b1d9a7e-d5a7-4519-a13a-6d2f80d32ab7" ginger_sofatware_uiphraseguid="a8f0f7f0-a9e5-43e0-9068-b10b3f45e4ad" grcontextid="mode:0">mode</span> tells Internet Explorer to display content in the highest mode available. With Internet Explorer 9, this is equivalent to IE9 mode. If a future release of Internet Explorer supported a higher compatibility mode, pages set to edge mode would appear in the highest mode supported by that version. Those same pages would still appear in IE9 mode when viewed with Internet Explorer 9.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Footnote:</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">When using the tag <meta http-equiv="X-UA-Compatible" content="IE=Edge"> you will not be able to validate the page successfully. I would say to ignore this but if you must have page validation change the > <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="a4d98b56-4bcc-4bcc-bd14-5d5fbbe4a7e4" ginger_sofatware_uiphraseguid="943b2abf-622d-44f8-9a16-942b511ca99d" grcontextid="to:0">to</span> /> and it will validate without issue and still work.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>If I don't have "X-UA-Compatible" in headers, what would happen?</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Basically what happens is when you have the X-UA-Compatible it tells IE how to behave in regards to the value you set (IE=edge etc.) if it is not there IE will show the site how it thinks best it should be shown. That could be compatibility mode or that could be the latest version of IE. Whatever Microsoft/IE thinks is best. Make sense? </span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<br />
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-62309117829336400182013-08-28T01:35:00.003-07:002013-08-28T01:35:44.873-07:00Local Wordpress Installation using WAMP server - Tutorial<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Wordpress - Word's Most widely used Open Source Content management System (CMS). </span></span><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">WordPress is web software you can use to create a beautiful website or blog. </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">WordPress</span></span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"> is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less than five minutes to complete.</span></span><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> This blog addresses step by step installation of Wordpress.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"></span><br />
<a name='more'></a><span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif;"><b><span style="font-size: 12px; line-height: 20px;">What is WordPress?</span></b></span><br />
<span style="background-color: white;"><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">WordPress is web software you can use to create a beautiful website or blog. WordPress is an open source blogging tool and Content management system (CMS) based on PHP and mysql. Know more about </span><a href="http://wordpress.org/" rel="nofollow" style="font-size: 12px; line-height: 20px;">Wordpress</a><span style="font-size: 12px; line-height: 20px;">.</span></span></span><br />
<span style="background-color: white; font-size: 12px; line-height: 20px;"><span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></span>
<span style="background-color: white; font-size: 12px; line-height: 20px;"><span style="color: #404040; font-family: Verdana, sans-serif;"><b>Features:</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Themes</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">WordPress users may install and switch between themes. Themes allow users to change the look and functionality of a WordPress website or installation without altering the information content or structure of the site.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Plugins</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">One very popular feature of WordPress is its rich plugin architecture which allows users and developers to extend its abilities beyond the core installation. </span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Widgets</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Widgets are small modules that offer users drag-and-drop sidebar content placement through the implementation of plugins' extended abilities. </span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>To run WordPress your host just needs a couple of things:</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">PHP version 5.2.4 or greater</span></span><br />
<span style="font-size: 12px; line-height: 20px;"><span style="color: #404040; font-family: Verdana, sans-serif;"></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">MySQL version 5.0 or greater</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">The above requirements are fulfilled by installing WAMP Server which stands for Windows<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="dd37c38c-ece2-4756-83c5-37ee82869e12" ginger_sofatware_uiphraseguid="0414ba64-8d67-4563-8caa-6a7a8ebaa999" grcontextid=",:0">,</span>Apache<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="d7f7bc2f-2e0e-4cf1-b02a-76c4c45944c9" ginger_sofatware_uiphraseguid="0414ba64-8d67-4563-8caa-6a7a8ebaa999" grcontextid=",:1">,</span>Mysql and PHP. To install a WAMP server on your windows machine, follow this link.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Once you finish installing WAMP Server. You can continue installing Wordpress on it.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Step1: </b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Download latest Wordpress files from Wordpress website: </span></span><a href="http://wordpress.org/" rel="nofollow">http://wordpress.org/</a><br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Step2:</b> </span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Copy downloaded files (</span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="7f5b5b3e-47ea-4e55-8389-3a6c940d3ded" ginger_sofatware_uiphraseguid="85315af0-c0a1-4ef6-b0ba-72b9dfc85efa" grcontextid="wordpress:0">wordpress</span>-3.6<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="86dc4f20-c921-47a6-954b-49f79b6a2c05" ginger_sofatware_uiphraseguid="85315af0-c0a1-4ef6-b0ba-72b9dfc85efa" grcontextid=".:1">.</span>zip)</span></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> to your following location:</span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>C:\wamp\www</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b><br /></b></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Step3:</b> </span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Extract zip files to that folder. Once extraction is completed, turn on your wampserver in the tray. Once wampserver is online it turns green as shown in the figure below.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77C1jR4g_tm6OS4G0i3KZVAjdzb92mpj4wTvR-Et4EWcwJ_ATh5rkV5Z1g4IkOpQjaC3QgtOV6fgMugxl16n4HOPZzCeRp7-ZnexVFDPyQtqlCjdEPsd5Fex25OjunVeqf1FnNzBvhLk/s1600/wamp.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77C1jR4g_tm6OS4G0i3KZVAjdzb92mpj4wTvR-Et4EWcwJ_ATh5rkV5Z1g4IkOpQjaC3QgtOV6fgMugxl16n4HOPZzCeRp7-ZnexVFDPyQtqlCjdEPsd5Fex25OjunVeqf1FnNzBvhLk/s1600/wamp.PNG" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b><br /></b></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Step4: </b>Click on the Wamp server icon and click Localhost. Localhost URL will open in default browser as shown in the figure below. And you would see the Wordpress folder which you have extracted under <b>Your Projects section</b></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlGbcKGK-AkFl7bJfpw0Zy47WubWEzJtLqPMzKGdj-E7WUdeu9o6YPA8WmZKw03uaRKJNDYTd2bpoo0DDHnl8mMDWD3KInH3dV9qwnO-NlDHDacThILJA8fN5shnmFUouITq5QjdfNiCE/s1600/WAMPSERVER+Homepage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlGbcKGK-AkFl7bJfpw0Zy47WubWEzJtLqPMzKGdj-E7WUdeu9o6YPA8WmZKw03uaRKJNDYTd2bpoo0DDHnl8mMDWD3KInH3dV9qwnO-NlDHDacThILJA8fN5shnmFUouITq5QjdfNiCE/s640/WAMPSERVER+Homepage.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Step5:</b> Click on Wordpress folder and follow the screens to install Wordpress.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Step5.1: </b>Click on Create Configuration File</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz6csfz7LetisWVld3OPju1vA5xy8Ouwykhp7NK8pMMi3GuvSzuxjz8EjFDGS0pQmW0AEMfJFWToVHSBNNlTnth5Usr-BYHmBRL9-6ayEVHoaAKP-H-iLBylVxI2PBYqRWfkWYAXyxx5Y/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz6csfz7LetisWVld3OPju1vA5xy8Ouwykhp7NK8pMMi3GuvSzuxjz8EjFDGS0pQmW0AEMfJFWToVHSBNNlTnth5Usr-BYHmBRL9-6ayEVHoaAKP-H-iLBylVxI2PBYqRWfkWYAXyxx5Y/s640/1.PNG" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Step5.2: </b>Click <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="209cce33-ec0d-4985-967a-32021f5053e6" ginger_sofatware_uiphraseguid="f6a4b0b7-4a2a-4fa9-a373-e00902208011" grcontextid="on:0">on</span> let go button</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIvPDZNjRMXP-3v-28gtm4yb-vbIe_1VVAc5Tqp8PQWXYQAFVTfgtJmCMiYAFkeICemCgraM-f5PxhNG1_dLA1EMtIeiaiHzlzfXBrqTYZ4MSltKA8_vjYAzrUPznLTxNS7Un7NNQJvc/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIvPDZNjRMXP-3v-28gtm4yb-vbIe_1VVAc5Tqp8PQWXYQAFVTfgtJmCMiYAFkeICemCgraM-f5PxhNG1_dLA1EMtIeiaiHzlzfXBrqTYZ4MSltKA8_vjYAzrUPznLTxNS7Un7NNQJvc/s640/2.PNG" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b><br /></b></span>
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step5.3: </b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Enter<b> Username: root and keep the password field blank</b>. And keep other fields as default</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMayKghZIk8WEHcOpyCXpFTa5WXtK6BRhuKu9PFlZRMbjMGUZBjjzFvHs6eyctZBNz0XNdhVDQzWzKJbEShjYyHO0moGLc4UKCB55wMccULNLTSboHGORm68unTi4lWzooCz4O_bs0qHI/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMayKghZIk8WEHcOpyCXpFTa5WXtK6BRhuKu9PFlZRMbjMGUZBjjzFvHs6eyctZBNz0XNdhVDQzWzKJbEShjYyHO0moGLc4UKCB55wMccULNLTSboHGORm68unTi4lWzooCz4O_bs0qHI/s640/3.PNG" width="640" /></a></div>
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></b>
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step5.4:</b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> Click on Run the Install button</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCEIl15C0JnC41nxwYokpYd6G8kyFcZiU6fCiwTjdzyWNCNJj27wPYXPzPSlJ15p5gqjJxcg6rPYvFnfiJbc7zjpCgVSG6SOn-0QAki8q0zxgY-NL66z4AinUg9lh7_EEcvbMbNtJ_Rw/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGCEIl15C0JnC41nxwYokpYd6G8kyFcZiU6fCiwTjdzyWNCNJj27wPYXPzPSlJ15p5gqjJxcg6rPYvFnfiJbc7zjpCgVSG6SOn-0QAki8q0zxgY-NL66z4AinUg9lh7_EEcvbMbNtJ_Rw/s640/4.PNG" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 12px; line-height: 20px;"></span></span><br />
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Step5.5:</b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> Before installation you need to provide minimum site details to Wordpress.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Site Title: </b> For now it you can just add <b>TEST</b> later you can modify it.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Username and Password: This is login credentials for your Wordpress site</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Username: <b>admin </b></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Password: <b><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="529da601-704a-4766-b130-692806fb6d0f" ginger_sofatware_uiphraseguid="f4c56e7c-94fc-4f75-a118-22bb39a43f91" grcontextid="Your:0">Your</span> wish (Remember this password)</b></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Give your email id incase if you forget your password or username you can retrieve it back.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Since you are installing Wordpress on local server <b>uncheck</b> All search engines to index this site.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Once completed click <b>Install.</b></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1ZaX7zHwvFMmlHRYOW2Ve0f9ezWC9NruqequLh2AmwW7ej3U8Q5fN4zwX6sZb8uBY9ST6RkJvXH_XKjXoC_UkJLjvI4OxWQiIDC6eCYj2sGFsZfFriK2xJoLYsIk-BJFPv8Z3lPNnw0/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1ZaX7zHwvFMmlHRYOW2Ve0f9ezWC9NruqequLh2AmwW7ej3U8Q5fN4zwX6sZb8uBY9ST6RkJvXH_XKjXoC_UkJLjvI4OxWQiIDC6eCYj2sGFsZfFriK2xJoLYsIk-BJFPv8Z3lPNnw0/s640/6.png" width="572" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b><br /></b></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Once finished filling this form you will be acknowledged with confirmation of installation and your password with a login button<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="33fdf56d-7c2b-41b9-9c95-11093d118538" ginger_sofatware_uiphraseguid="b7830354-1aa6-4cf3-85fc-c0def2786781" grcontextid="::0">:</span>Press login button</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje6sYXdrSOiHMotrXsm3RW6DgyruwM33IHR2ahjz04zaZJ3itpe22vFRkwRSKz8LZJM4hMl1jJvbr9O1-qREm7nssbaP2hH3jxFJEG3lK9T-UPEvoDFUc5f2lESz6jf-yHBvAMGzccT-o/s1600/WordPress+%E2%80%BA+Installation2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje6sYXdrSOiHMotrXsm3RW6DgyruwM33IHR2ahjz04zaZJ3itpe22vFRkwRSKz8LZJM4hMl1jJvbr9O1-qREm7nssbaP2hH3jxFJEG3lK9T-UPEvoDFUc5f2lESz6jf-yHBvAMGzccT-o/s640/WordPress+%E2%80%BA+Installation2.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Step5.6:</b> You will redirected to the Wordpress login page where you can enter your username and password which you registered with in step5. 5.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVeyrzaBPYJSNb2HODBLO6ZQb9i9r4NenBZ4QBOQTSZa7pEMnk3Yvqe7270yIJ7WQ0bjkMFO0srt1wRhriEiwTAmDp9gWKr1rL0bJZ-QNfK0cI9eZZQ7c07VglpSEYGABCo-jTKdIEYU/s1600/login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVeyrzaBPYJSNb2HODBLO6ZQb9i9r4NenBZ4QBOQTSZa7pEMnk3Yvqe7270yIJ7WQ0bjkMFO0srt1wRhriEiwTAmDp9gWKr1rL0bJZ-QNfK0cI9eZZQ7c07VglpSEYGABCo-jTKdIEYU/s640/login.png" width="640" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Enter your Username and Password and click Login. You will be redirected to Wordpress Dashboard.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhujUnRF6BGqUQnLE98OJrNQM96nl1FscXn5v1bfS2Y8dXuGTe4JZyP6dtJdwI0Yvl5M370zzEtyeAHJ_5ao9F1xIs7uapxIXdt9mcMmFmWwMy6G6rnjyiZPmQhznabCFDBRixeuAP_pak/s1600/Dashboard+%E2%80%B9+Test+%E2%80%94+WordPress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhujUnRF6BGqUQnLE98OJrNQM96nl1FscXn5v1bfS2Y8dXuGTe4JZyP6dtJdwI0Yvl5M370zzEtyeAHJ_5ao9F1xIs7uapxIXdt9mcMmFmWwMy6G6rnjyiZPmQhznabCFDBRixeuAP_pak/s640/Dashboard+%E2%80%B9+Test+%E2%80%94+WordPress.png" width="586" /></a></div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Yes you are all set. Your new WordPress application is installed. You can use the Login In button to access your administrative backend and start posting on your new site.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Next time when you want to login to Wordpress you can follow these steps:</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">1. Start your WAMP Server.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">2. Launch this URL on your Browser: </span></span><a href="http://localhost:8181/wordpress/wp-login.php" rel="nofollow">http://localhost:8181/wordpress/wp-login.php</a><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">If you have any questions Comment below or you can directly contact me through my website:</span></span><br />
<a href="http://nithinchandrasr.com/">http://www.nithinchandrasr.com/</a><br />
<br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Subscribe to my mailing list to know more technology stuff and freebies.</span></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-15559570205795502922013-08-27T02:51:00.003-07:002013-08-27T02:51:17.962-07:00Aestan Tray Menu Error in WAMP server<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The majority of the times WAMP server installation goes fine but in some cases due to port blocks WAMP server will enable to start services and Throws Aestan tray menu error. This is post <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e1ebd16e-bdc3-49b7-a17e-b0517ea74932" ginger_sofatware_uiphraseguid="5cc5bcff-4836-4799-bf39-1224268ac074" grcontextid="i:0">i</span> would like to give you solution to tackle this problem and make WAMP server start its services.</span><div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><a name='more'></a><br /></span></span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">If you are having Aestan tray error you would be seeing this screenshot below and your WAMP server will be showing server offline.</span></span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnb8mB7f51mrvzZKDd5Bl7ob-FnIO6frsAB4i5Nr1PGTVz5nmdcDaWY_2anl42PIwYsNRLcR0LZpQqfli8WBL3mJ2SPa80llwOFjf17_nWTPn5PnE4kM7D0m6XMBlIvxRrPo7zeboKLK8/s1600/aestan-tray.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnb8mB7f51mrvzZKDd5Bl7ob-FnIO6frsAB4i5Nr1PGTVz5nmdcDaWY_2anl42PIwYsNRLcR0LZpQqfli8WBL3mJ2SPa80llwOFjf17_nWTPn5PnE4kM7D0m6XMBlIvxRrPo7zeboKLK8/s400/aestan-tray.PNG" width="400" /></a></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Ok how to resolve this problem:</span></span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">1. Open file <span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="5d76e655-47e8-47c4-894d-66b23baf709d" ginger_sofatware_uiphraseguid="3cc56015-a46a-4a5c-aee6-c5ec9fefeade" grcontextid="httpd:0">httpd</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="451eb430-7028-4878-91af-96a1f14c54c0" ginger_sofatware_uiphraseguid="3cc56015-a46a-4a5c-aee6-c5ec9fefeade" grcontextid=".:1">.</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="ddca897c-0f40-43c2-ae03-45f163de7df9" ginger_sofatware_uiphraseguid="3cc56015-a46a-4a5c-aee6-c5ec9fefeade" grcontextid="conf:2">conf</span> through Wamp tray icon and find: <b>listen 80</b></span></span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><div>
2. Replace with: <b>listen 8181</b></div>
<div>
3. Once this <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e8f279d8-5421-4338-ad58-11b41da03b6d" ginger_sofatware_uiphraseguid="3a8e468f-6c18-44b8-ac65-a2604c61e631" grcontextid="changes:0">changes</span> <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="83f371ea-b014-4479-886b-780dcc3ae788" ginger_sofatware_uiphraseguid="3a8e468f-6c18-44b8-ac65-a2604c61e631" grcontextid="are done save:1">are done save</span> the file and restart your WAMP Server</div>
<div>
4. The Wamp server icon will change from orange to green and shows Server online</div>
<div>
5. In browser, use '<b>http://localhost:8181</b>'</div>
<div>
<br /></div>
<div>
And your WAMP server will work normally.</div>
<div>
Subscribe to my newsletter or contact me at <a href="http://www.nithinchandrasr.com/">www.nithinchandrasr.com</a></div>
</span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-84612394604524550892013-08-26T00:23:00.002-07:002013-08-27T00:23:40.910-07:00Types of Web traffic and How to get traffic to your website<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">How to get traffic to my website????!!!!! Every company/business has this question to get an online presence and get good amount of traffic to a website. In this blog I will explain what is online traffic and its types and how to get traffic to your site.</span><br />
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"></span><br />
<a name='more'></a><b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Before that what is Online traffic?</b><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Online traffic is the visitors you get to your website from different sources. There are 3 different types of traffic - Direct traffic, Referral traffic and Search traffic.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Search Engine traffic:</b> </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Search engine traffic refers to the visitors who arrive at a website by clicking search results leading to that particular website.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">How to get search traffic to your website?</b><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="9d060b8c-10a1-416b-a72b-68251fdf2d0d" ginger_sofatware_uiphraseguid="c3df24ee-509d-4d5d-8b54-7eb6556fdd7d" grcontextid="Search:0">Search</span> traffic can be </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">achieved by developing </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">a website coded to the latest standards using W3C standards and SEO standards. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Which requires lots of analysis on your website</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">, </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Location and targeting people.</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> Adding SEO tags like meta keywords and meta description to your pages. Connecting to Google products like analytics and webmaster to evaluate your traffic and health of your website. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">And</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> Placing your business in Google places and many more. Requires creating and submitting your website Sitemaps to search engines like bing<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="90fde0b6-8a82-4f25-aa09-939fb99cec40" ginger_sofatware_uiphraseguid="a5b88e2c-78fa-45ce-bdb9-461cda6b2560" grcontextid=",:0">,</span>google to crawl your website. </span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Need a Professional Website Designer and Developer: </span></span><a href="http://nithinchandrasr.com/">http://www.nithinchandrasr.com/</a><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Direct Traffic:</b> Traffic you directly get like one who knows your website URL will directly hit your website using a URL which is called direct traffic visitor. Direct traffic is people typing in the domain name or people who have the site bookmarked and access the site using the bookmark on their browser.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Referral Traffic: </b>Referral traffic is traffic, which you get from social networks, email campaigns, Ad campaigns, Blogs, And other website links. Where people refer your website to their friends or end users in their blogs and website saying you got a very good content which is useful to others. What is the importance of referral traffic? Referral traffic Referral traffic increases the "page rank" of your website/ blog, which boosts its in Google search results.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>How to get referral traffic to your website?</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b><br /></b></span></span>
<b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Awesome </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"></span></b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b></b></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>content: </b></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">The</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"></span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> first best thing to get referral traffic is to have good awesome content on your website which is useful</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">. </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Offer free, original, and quality content on your site. This is the most effective means for increasing traffic to a website; offering people something that they cannot obtain elsewhere, or at least, not to the level of quality that you are offering it. Ways in which to ensure that your content is of higher quality than competitors. Get a professional writer to get your content written.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Want your website to be written by professional follow this link </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> : </span><a href="http://www.writeraccess.com/" rel="nofollow">http://www.writeraccess.com/</a><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Access to thousands of professional writers in an award winning platform.</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></span>
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>Social media marketing: </b>Market your website or business on your social media pages like Facebook , Twitter, YouTube, Linkedin, Google plus, Pingtrest. Create official pages in all the social websites and keep posting updates and useful content regarding your business on social pages like this you will be able to have your customer interaction a and can get referral traffics fro this<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="07a6a05b-8f99-4cee-9b55-35258004eeff" ginger_sofatware_uiphraseguid="84c34a0c-78ae-4dee-b27f-651e16f8d7f6" grcontextid=".:0">.</span>Use Blogs like blogger to express more about your company and products. Use forums like Yahoo answers, Google groups, Quora to discuss about the latest interests and get feedbacks from your potential customers</span><br />
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b><br /></b></span>
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Email marketing:</b><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"> Have a product to sell or keep your customer updated on your company and its offers use email marketing - powerful way to target your potential customer </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">because it moves the conversation about your business to a more personal environment — the in-box. Good email content deepens your relationship with your audience through effective subject line writing (getting your messages opened), your distinctive voice (getting those messages read), and delivering quality, niche specific content your prospect needs and shares with others (inspiring referrals and word-of-mouth). Be careful in creating an email campaign, get your emails designed from a professional email marketing agency or developer. The improper email campaign may result in getting your domain and company spammed which may cause you hefty loss. Will be writing about email marketing and its advantages and soon will be writing about developing and designing email templates sign up for my emails to know more<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e2429676-be08-404d-b6b4-5d7d203d5e4f" ginger_sofatware_uiphraseguid="754eefc7-3ec0-4839-8c4d-c8a9d7d0e5cc" grcontextid=".:0">.</span>Get your email templates designed contact me </span></span><a href="http://nithinchandrasr.com/">http://www.nithinchandrasr.com/</a>.<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-79004269184720477582013-08-23T00:08:00.000-07:002013-08-26T00:29:15.951-07:00US B1(Business) Visa Application and Documents<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Generally, a citizen of a foreign country who wishes to enter the United States must first obtain a visa, either a nonimmigrant visa for temporary stay, or an immigrant visa for permanent residence. </span><span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">B visa category is reserved for foreign nationals who wish to enter the U.S. Temporarily for business (B1) and for Tourism or medical treatment (B2). In this blog I am going to share you some important information regarding B1 Visa Application and Documents required.</span></span></div>
<div dir="ltr">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div dir="ltr">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></span></span></div>
<a name='more'></a><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>What is B1 Visa and Whom its issued?</b></span><br />
<div dir="ltr">
<h2 style="text-align: left;">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span style="font-weight: normal;">The B-1 visitor visa is for people traveling to the United States temporarily for business (B-1).</span> </span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 20px;">A B-1 visa</span><span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span style="font-weight: normal;"> is for travelers consulting with</span> </span><b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">business associates, attending scientific, educational, professional or business conventions/conferences, settling an estate or negotiating contracts.</b></h2>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"></span><br />
<div>
<h2 style="color: black; font-family: 'Times New Roman'; font-size: 12px; font-weight: bold; line-height: normal;">
<span style="color: #404040; font-family: Verdana, sans-serif;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Application items:</span></span></span></h2>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>If you apply for a business visa, you must submit the following:</b></span></span></div>
</div>
<span style="color: #404040; font-family: Verdana, sans-serif;">
</span>
<br />
<div style="font-size: 12px; line-height: 20px;">
<span style="color: #404040; font-family: Verdana, sans-serif;">A Nonimmigrant Visa Electronic Application (DS-160) Form. Visit the <a href="http://www.ustraveldocs.com/in/in-niv-ds160info.asp" rel="nofollow"><b>DS-160</b></a> webpage for more information about the DS-160.</span></div>
<span style="color: #404040; font-family: Verdana, sans-serif;">
</span>
<div style="font-size: 12px; line-height: 20px;">
<span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></div>
<span style="color: #404040; font-family: Verdana, sans-serif;">
<div style="font-size: 12px; line-height: 20px;">
A passport valid for travel to the United States with a validity date at least six months beyond your intended period of stay in the United States (unless country-specific agreements provide exemptions). If more than one person is included in your passport, each person desiring a visa must submit an application.</div>
<div style="font-size: 12px; line-height: 20px;">
<br /></div>
<div style="font-size: 12px; line-height: 20px;">
A receipt showing payment of your <b>US$160 non-refundable</b> nonimmigrant visa application processing fee, paid in local currency. This <a href="http://www.ustraveldocs.com/in/in-niv-visafeeinfo.asp" rel="nofollow">web page</a> has more information about paying this fee. If a visa is issued, there may be an additional visa issuance reciprocity fee, depending on your nationality. The Department of State's website can help you find out if you must pay a visa issuance reciprocity fee and what the fee amount is.</div>
<div style="font-size: 12px; line-height: 20px;">
<br /></div>
<div style="font-size: 12px; line-height: 20px;">
<b>How to Apply?</b></div>
<div style="font-size: 12px; line-height: 20px;">
I recommend you to sign in to <a href="https://cgifederal.secure.force.com/?language=English&country=India" rel="nofollow">this</a> website first and sign up with proper minimum requirements like Passport details<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="2af345b3-26d9-4ecf-ba4a-a6204705cf0e" ginger_sofatware_uiphraseguid="34b44a0e-87c4-46f7-af58-3d2ba0e38917" grcontextid=",:0">,</span>First name<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="fbb93eb6-d860-4725-b9ee-c51a5c13547e" ginger_sofatware_uiphraseguid="34b44a0e-87c4-46f7-af58-3d2ba0e38917" grcontextid=",:1">,</span>last name<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="1ff8336a-0c04-4ffe-b4de-7b703d802340" ginger_sofatware_uiphraseguid="34b44a0e-87c4-46f7-af58-3d2ba0e38917" grcontextid=",:2">,</span>email id<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="6f219ea2-e746-4b04-b8ca-8f982fc03f64" ginger_sofatware_uiphraseguid="34b44a0e-87c4-46f7-af58-3d2ba0e38917" grcontextid=",:3">,</span>DOB<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="059ff593-752a-4c2c-88d7-5cb1080b6f12" ginger_sofatware_uiphraseguid="34b44a0e-87c4-46f7-af58-3d2ba0e38917" grcontextid=".:4">.</span>Be careful while entering Passport number and your First name and Last name<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="2974260f-10ad-49d6-93a6-17bae37c4e9a" ginger_sofatware_uiphraseguid="34b44a0e-87c4-46f7-af58-3d2ba0e38917" grcontextid=",:5">,</span>once entered cannot be changed. And all data should be entered as of your Passport Details any mistake will cause problems in VISA interview. </div>
<div style="font-size: 12px; line-height: 20px;">
<b><br /></b></div>
<div style="font-size: 12px; line-height: 20px;">
<b>Step 1</b></div>
<div>
<div>
<span style="font-size: 12px; line-height: 20px;">Pay the <a href="http://www.ustraveldocs.com/in/in-niv-visafeeinfo.asp" rel="nofollow">visa application fee</a>.</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"><br /></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"><b>Step 2</b></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">Complete the<a href="http://www.ustraveldocs.com/in/in-niv-ds160info.asp" rel="nofollow"> Nonimmigrant Visa Electronic Application (DS-160) form</a>.</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"><br /></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"><b>Step 3</b></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">Schedule your appointment on <a href="https://cgifederal.secure.force.com/?language=English&country=India" rel="nofollow">this</a> web page. You will need three pieces of information in order to schedule your appointment:</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"><br /></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">Your passport number</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">The date you paid your fee</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">The ten (10) digit barcode number from your DS-160 confirmation page</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"><br /></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"><b>Step 4</b></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">Visit the U.S. Embassy or Consulate at the date and time of your visa interview. You must bring a printed copy of your appointment letter, your DS-160 confirmation page, one photograph taken within the last six months, your current and all old passports, an</span></div>
</div>
<div style="font-size: 12px; line-height: 20px;">
<br /></div>
<div style="font-size: 12px; line-height: 20px;">
<b>Minimum Documents To carry for 2 days B1 Visa Interview Process</b></div>
<div>
<div>
<span style="font-size: 12px; line-height: 20px;"><b>OFC required (Minimum) documents :</b></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">1. Passport</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">2. Visa application fee<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="25ad7e42-9d0f-4b37-935e-68225633aaa0" ginger_sofatware_uiphraseguid="36463f18-36dc-40f8-8824-b0ead72ff3ad" grcontextid="(:0">(</span>MVR fee) Receipt.</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">3. DS-160 confirmation page.</span></div>
<div>
<span style="font-size: 12px; line-height: 20px;">4. Visa appointment confirmation page.</span></div>
</div>
<div>
<span style="font-size: 12px; line-height: 20px;"><br /></span></div>
<div>
<span style="font-size: 12px; line-height: 20px;"></span><br />
<div>
<span style="font-size: 12px; line-height: 20px;"><b>Visa Interview necessary documents :</b></span></div>
<span style="font-size: 12px; line-height: 20px;">
</span>
<br />
<div>
<span style="font-size: 12px; line-height: 20px;">1. Above mentioned documents</span></div>
<span style="font-size: 12px; line-height: 20px;">
</span>
<div>
<span style="font-size: 12px; line-height: 20px;">2. Company ID card</span></div>
<span style="font-size: 12px; line-height: 20px;">
<div>
3. Academic certificate</div>
<div>
4. Salary slips & Joining letter if you have [As proof <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="424d676d-8274-4a76-b7c7-7a5cd8c40573" ginger_sofatware_uiphraseguid="a3a88893-9b23-4273-951d-f828ff43cf75" grcontextid="for:0">for</span> designation and experience]</div>
<div>
5. IT statement [Tax paper If you have]</div>
<div>
6. Bank statement [also passbook If you have]</div>
<div>
7. Address proof</div>
<div>
8. ID proof [ DL , PAN card etc..]</div>
<div>
9. Invitation letter</div>
<div>
10. About employer</div>
<div>
11. Travel itinerary [Which include stay length as proof ]</div>
<div>
<br /></div>
<div>
Useful Links:</div>
<div>
B1 Visa Full length Information: <a href="http://www.ustraveldocs.com/in/in-niv-typeb1b2.asp" rel="nofollow">http://www.ustraveldocs.com/in/in-niv-typeb1b2.asp</a></div>
<div>
<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="0d1c12b7-f2dd-426f-bcd8-31e9bb2d8544" ginger_sofatware_uiphraseguid="28114e15-737e-46e3-84d9-f304e7acfcfe" grcontextid="Signup:0">Signup</span> Link: <a href="https://cgifederal.secure.force.com/?language=English&country=India" rel="nofollow">https://cgifederal.secure.force.com/?language=English&country=India</a></div>
</span><br />
<div style="font-size: 12px; line-height: 20px;">
DS-160 Form: <a href="http://www.ustraveldocs.com/in/in-niv-ds160info.asp" rel="nofollow">http://www.ustraveldocs.com/in/in-niv-ds160info.asp </a></div>
<div style="font-size: 12px; line-height: 20px;">
<br /></div>
<div style="font-size: 12px; line-height: 20px;">
Will be blogging more about interview questions and my experience in VISA Interview office </div>
</div>
<div style="font-size: 12px; line-height: 20px;">
Sign up to my mailing list to keep yourself updated<a href="http://eepurl.com/DZAlz"> http://eepurl.com/DZAlz</a> or you can sign up on the side bar by just entering your email address. I don't spam and Monthly 1 newsletter.</div>
</span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">If any questions contact me <a href="http://www.nithinchandrasr.com/">www.nithinchandrasr.com</a></span></span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="color: #404040; font-family: Verdana, sans-serif;"><br /></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0tag:blogger.com,1999:blog-3523928219629688093.post-67277648594308587762013-08-20T01:44:00.000-07:002014-01-26T03:30:42.741-08:00Integrating DotLess CSS with DotNetNuke(DNN)<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">As front-end developers and designers, we’re constantly in search more techniques to make the web more optimized. In this article I would like to share you some CSS optimization frameworks and integration of DotLess with Dot Net Nuke (DNN).</span><br />
<span style="background-color: white; color: #333333; font-family: 'Skolar Regular', Palatino, Cambria, 'Droid Serif', Georgia, 'Times New Roman', Times, serif; font-size: 20px; line-height: 27px;"></span><br />
<a name='more'></a><b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></b>
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><br /></b>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/S2OmWyfx1Io" width="560"></iframe><br />
<br />
<b style="color: #404040; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;">Dot Net Nuke (DNN):</b><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">The leading open source ASP.NET CMS, content management system and .NET web application development framework.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Learn more about <a href="http://www.dnnsoftware.com/" rel="nofollow">DNN</a></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>What is LESS CSS ?</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">I have been hearing one of the CSS frameworks called LSScss framework. LESS - The dynamic stylesheet language. LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the server-side or client-side. Which is awesome.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Learn more about <a href="http://lesscss.org/" rel="nofollow">LESS</a> Css .</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>Dot-LESS - Dynamic CSS for .NET</b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="da7c2798-ea81-419b-baa5-48bbec8a9f61" ginger_sofatware_uiphraseguid="22b53ad4-6d93-42da-9590-c84ca0976071" grcontextid=".:0">.</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="98ede6fd-d8df-4479-89e3-4b91b48b3caf" ginger_sofatware_uiphraseguid="22b53ad4-6d93-42da-9590-c84ca0976071" grcontextid="less:1">less</span> (pronounced dot-less) is a .NET port of the funky LESS JavaScript <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="5132c4d2-858f-4a39-9ac7-f70611ce2286" ginger_sofatware_uiphraseguid="22b53ad4-6d93-42da-9590-c84ca0976071" grcontextid="libary:2">libary</span></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">How to Integrate Dot-LESS <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="3da1c5a8-eb6c-4bc1-a5d9-694aa5f31044" ginger_sofatware_uiphraseguid="2636ae5f-3d4a-4321-a9f6-eab9ce2c36b8" grcontextid="css:0">css</span> with Dot Net Nuke (DNN) ?</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">These are the steps to integrate .<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="361d176d-cb4f-42e9-84fc-e4c5493177a3" ginger_sofatware_uiphraseguid="2ca6315a-f29c-46af-be99-363f35827cc2" grcontextid="less:0">less</span> with DNN:</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">1. Download latest .<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="7a5c9f48-1b9c-4bb5-bf78-a727c7d64770" ginger_sofatware_uiphraseguid="66e09fdd-a11b-4dc6-92da-179ca759df95" grcontextid="less:0">less</span> files from <a href="http://www.dotlesscss.org/" rel="nofollow">http://www.dotlesscss.org/</a></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">2. Unzip Downloaded Files.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">3. Copy "<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="22f54be0-8fbc-46ad-8d25-ba1cf39f272f" ginger_sofatware_uiphraseguid="cb44b077-fc9b-4e5d-87ed-7d6c02e72866" grcontextid="dotless:0">dotless</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="f329a6bf-bd28-4448-b072-9d6628be0359" ginger_sofatware_uiphraseguid="cb44b077-fc9b-4e5d-87ed-7d6c02e72866" grcontextid=".:1">.</span>Core<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="1dd966bf-d0c4-421f-85ad-1e05feb07088" ginger_sofatware_uiphraseguid="cb44b077-fc9b-4e5d-87ed-7d6c02e72866" grcontextid=".:2">.</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="15979f0e-e5c1-4291-aed7-083f75f3360d" ginger_sofatware_uiphraseguid="cb44b077-fc9b-4e5d-87ed-7d6c02e72866" grcontextid="dll:3">dll</span>" from unzipped files and paste in "\bin" folder of DNN.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Location: C:\Users\Web\Documents\My Web Sites\dotnetnuke\bin</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">4. Find web<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="5ef4f3e2-0684-4970-8457-f6e3d07f0b55" ginger_sofatware_uiphraseguid="c2347968-7764-4320-b2fa-5765beacfae6" grcontextid=".:0">.</span>config file in your dotnetnuke folder and add following </span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>In <<span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e22dd912-9547-400c-a696-aeacf81e9887" ginger_sofatware_uiphraseguid="5402369b-d7bf-4923-b6da-16789d41dffa" grcontextid="configSections:0">configSections</span>></b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="a585e86b-1192-40e1-9eda-259e208212f8" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid="section:0">section</span> name="<span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="f779e253-9b30-4999-ab29-04fad6dc7d0c" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid="dotless:1">dotless</span>" type="<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="f55452dc-74cd-40db-b638-691a16ca0a52" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid="dotless:2">dotless</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="c308d428-ddfb-441d-bdbb-ec1a274a4029" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid=".:3">.</span>Core<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="50629c33-bbe9-44c5-aa48-2c9e8ac1b3ed" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid=".:4">.</span>configuration<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="7beec85f-5e62-4e88-b99e-99c927d93245" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid=".:5">.</span>DotlessConfigurationSectionHandler<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="a04fa451-34e9-4cc3-9715-5579dd92dc8c" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid=",:6">,</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="703fcf27-d0f9-4080-ab2a-364d217a1b16" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid="dotless:7">dotless</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="466c6b08-035c-499c-b34a-b7fa708799c0" ginger_sofatware_uiphraseguid="f21aba18-55fb-413a-9035-cfa02daf7db6" grcontextid=".:8">.</span>Core" /> </span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><b>In <handlers></b></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="b2018683-52f8-42fc-aa7a-10cee7dd13b0" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid="add:0">add</span> name="<span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="b122d7b8-75f4-4b41-bf5a-a280d9a88aaa" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid="dotless:1">dotless</span>" type="<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="2bc7ee3f-cca2-4fd2-8774-fdbe7ec1f853" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid="dotless:2">dotless</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="40f15eb4-7dd6-4aca-9962-bc7d958d863a" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid=".:3">.</span>Core<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="3efd4d38-5280-44ca-8fe8-7b23a8b6506d" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid=".:4">.</span>LessCssHttpHandler<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="c9be73ee-b5a5-4de1-85f8-747fd18784c1" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid=",:5">,</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="6cf10a01-1813-44b7-a0df-39ec8d867485" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid="dotless:6">dotless</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="ec4d99f7-b4d6-4f46-b7e9-111353034304" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid=".:7">.</span>Core" path="*<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="762519d3-036b-414b-9f47-c0d5425ac680" ginger_sofatware_uiphraseguid="cfe38267-a5a7-4c2a-8cbb-e1ea47e44cb5" grcontextid=".:8">.</span>LESS" verb="*" /></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">5. Download Less Javascript file from <a href="http://lesscss.org/" rel="nofollow">http://lesscss.org/</a></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Add the javascript to your skin <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e40c9da4-5132-4e06-a271-da9717ebaffc" ginger_sofatware_uiphraseguid="004a9c21-4020-442e-8944-04131ef7af1c" grcontextid="js:0">js</span> <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="e8f573d1-5a2b-4475-8688-1683a4a8fc58" ginger_sofatware_uiphraseguid="004a9c21-4020-442e-8944-04131ef7af1c" grcontextid="folder:1">folder</span> and call the javascript in AddScripts<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="33ff3a75-7f92-4362-b91b-d263cbdb77d9" ginger_sofatware_uiphraseguid="004a9c21-4020-442e-8944-04131ef7af1c" grcontextid=".:2">.</span><span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="5582f3b1-6a1a-4e1f-a54d-cff4a58c21b8" ginger_sofatware_uiphraseguid="004a9c21-4020-442e-8944-04131ef7af1c" grcontextid="ascx:3">ascx</span> </span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="f56aea37-1e6d-489a-8ae8-cb19f1a873ef" ginger_sofatware_uiphraseguid="aad7a447-fdf7-4487-8315-004fd4da8ee0" grcontextid="script:0">script</span> src="<span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="8dcb4bda-ae26-4586-acc2-7af017d3846b" ginger_sofatware_uiphraseguid="aad7a447-fdf7-4487-8315-004fd4da8ee0" grcontextid="js:1">js</span>/less<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="bb6b2f01-5bd0-4460-af95-a70f85586df0" ginger_sofatware_uiphraseguid="aad7a447-fdf7-4487-8315-004fd4da8ee0" grcontextid=".:2">.</span><span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="47d5d805-1e37-447f-961e-7941d0897fb8" ginger_sofatware_uiphraseguid="aad7a447-fdf7-4487-8315-004fd4da8ee0" grcontextid="js:3">js</span>" type="text/javascript"></script></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">6. Linking LESS <span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="b8c62b35-ba6f-43c9-af29-5e0321c30194" ginger_sofatware_uiphraseguid="7611288d-db84-4179-abed-5ad42237c03e" grcontextid="css:0">css</span> file to Dot Net Nuke</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Create a .<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="fbae6106-5e37-4195-a661-b947773643b3" ginger_sofatware_uiphraseguid="3b48590e-6478-4ee0-8ef2-6d9d0f5e0737" grcontextid="less:0">less</span> file by just changing <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="7c023f35-99de-4ca0-833a-b3eec535be82" ginger_sofatware_uiphraseguid="3b48590e-6478-4ee0-8ef2-6d9d0f5e0737" grcontextid="your:1">your</span> .<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="2d3f803d-2810-4d38-ae1d-8f2532bbdf8b" ginger_sofatware_uiphraseguid="3b48590e-6478-4ee0-8ef2-6d9d0f5e0737" grcontextid="css:2">css</span> file to .<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="00c4d4df-44a8-4ab8-ad2f-29d6a1270ad5" ginger_sofatware_uiphraseguid="3b48590e-6478-4ee0-8ef2-6d9d0f5e0737" grcontextid="less:3">less</span> file: styles<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="7ff5f54d-87a6-4349-afa0-03f68ad54f59" ginger_sofatware_uiphraseguid="3b48590e-6478-4ee0-8ef2-6d9d0f5e0737" grcontextid=".:4">.</span>less</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Link your .<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="b608a955-6f71-4f04-970b-361bd64d9da0" ginger_sofatware_uiphraseguid="0815c910-ced1-4718-b98e-67ba42b6f74f" grcontextid="less:0">less</span> <span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct" ginger_sofatware_markguid="0b88898c-aa32-4559-8c95-3ed3f0d0cce7" ginger_sofatware_uiphraseguid="0815c910-ced1-4718-b98e-67ba42b6f74f" grcontextid="stylesheets:1">stylesheets</span> with the <span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="a85aee3f-9d6d-44c9-9cd8-0402c0b709d4" ginger_sofatware_uiphraseguid="0815c910-ced1-4718-b98e-67ba42b6f74f" grcontextid="rel:2">rel</span> set to “stylesheet/less”:</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="1847282d-86cc-4220-a120-07fcc21d1dc4" ginger_sofatware_uiphraseguid="ee167ad1-0e53-426a-8492-c53b1b3e46cc" grcontextid="link:0">link</span> rel="stylesheet/less" type="text/css" href="styles<span class="GINGER_SOFATWARE_correct" ginger_sofatware_markguid="f6bfdd4b-cf3b-420b-ae56-fa03b905c7ba" ginger_sofatware_uiphraseguid="ee167ad1-0e53-426a-8492-c53b1b3e46cc" grcontextid=".:1">.</span>less" /></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">That's it you are all set with integration of dot-less with dotnetnuke.</span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">If you have any questions mail me at <a href="mailto:info@nithinchandrasr.com" rel="nofollow">info@nithinchandrasr.com</a></span></span><br />
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span>
<span style="color: #404040; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Know me more : <a href="http://www.nithinchandrasr.com/">www.nithinchandrasr.com</a></span></span><br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/17240582892254933164noreply@blogger.com0