Free Video Computer Tutorials in Urdu

Earn Money Online in Pakistan With NeoBux

<div id="content" role="main" style="background-color: white; border-right: 1px dashed rgb(234, 234, 234); color: #494949; float: left; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 22px; margin: 0px 30px; padding: 30px 30px 0px 0px; width: 602px;">
<div class="post-box" style="float: left; width: 602px;">
<div class="block loop-single" style="float: left; width: 602px;">
<article class="post-57 page type-page status-publish hentry" id="post-57" style="border-top: none; overflow: hidden; padding: 0px 0px 30px;"><header class="post-header" style="margin: 0px; padding: 0px;"><div class="breadcrumbs" style="border-bottom: 1px dashed rgb(221, 221, 221); line-height: 21px !important; margin: 0px 0px 10px; padding: 0px 0px 5px;" xmlns:v="http://rdf.data-vocabulary.org/#">
<br /></div>
<h1 class="post-title entry-title" style="color: #444444; font-family: "Patua One", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 40px; margin: 0px 0px 8px;">
<span style="font-size: small;">Earn Money Online in Pakistan,</span></h1>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigS1po3NElNHSd1sy8cdIsY-YX2jIUnzPz-fzOKap7OftfT1Eu6HqxWEs2mEpaJub86rWuT9eUoA4wMtpPAtAo_BmF3TLxjjcvDsU5RLAlNqHVnChAu2C0tZcCw8zsU2OBr1pFEefonDf2/s1600/neobux+make+money.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigS1po3NElNHSd1sy8cdIsY-YX2jIUnzPz-fzOKap7OftfT1Eu6HqxWEs2mEpaJub86rWuT9eUoA4wMtpPAtAo_BmF3TLxjjcvDsU5RLAlNqHVnChAu2C0tZcCw8zsU2OBr1pFEefonDf2/s320/neobux+make+money.png" width="320" /></a></div>
<div class="meta-info clearfix" style="color: #aaaaaa; font-style: italic; margin: 3px 0px 17px; padding: 0px 0px 5px; zoom: 1;">
<br /></div>
</header><div class="post-content-single">
<div style="margin-bottom: 20px;">
Now with the help of <strong>neobux urdu tutorial,</strong> you can <strong>earn money online in Pakistan,</strong> with or without investment. It’s totally up to you whether you want to make more dollars or support your current job. One thing you all should remember that internet is not a place where you can generate income without any effort. People in India and Pakistan think that internet is like an ATM machine where they can withdraw money easily without any work. Please treat internet like an ordinary business where you have to give your time and effort to make living of it. You can’t even compete with local manufacturers or dealers if you are not god in marketing.<br /><span id="more-57"></span></div>
<h3 style="font-family: "Patua One", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 32px; margin: 0px 0px 15px;">
<span style="font-size: small;">How to Join Neobux in Pakistan,</span></h3>
<div style="margin-bottom: 20px;">
Please remember that there is no fee for this program and you are not forced to invest money in it. Please join the program via the link mentioned below and click you ads on daily basis.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiFrt80QLhGBzDSUYe2IEBVCSGgk3Lh65sXaWS1MBXQqyBCshVk2FWmWiwDnBaDjPomEtHrSBXgdqoHPlXDj6iLTvofNZRqodCjU9Vu7h0FUGVrDwda_sntpiibOuIlDxVN1pmmlhxYBZ9/s1600/arrow.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiFrt80QLhGBzDSUYe2IEBVCSGgk3Lh65sXaWS1MBXQqyBCshVk2FWmWiwDnBaDjPomEtHrSBXgdqoHPlXDj6iLTvofNZRqodCjU9Vu7h0FUGVrDwda_sntpiibOuIlDxVN1pmmlhxYBZ9/s1600/arrow.gif" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<h3 style="font-family: "Patua One", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 32px; margin: 0px 0px 15px; text-align: center;">
<a href="https://www.neobux.com/?rh=6D6673627770" style="color: #41b7d8; transition: color 0.1s linear;" target="_blank"><span style="font-size: large;">Join Neobux Now</span></a></h3>
<div style="margin-bottom: 20px;">
<img alt="" class="aligncenter" height="60" src="http://images.neobux.com/imagens/banner9/?uh=626C6F676C6561726E6572&u3=3316718" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; clear: both; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: bottom;" title="" width="468" /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg884NOapJPkwUq9Er2dQD0gxjd4aXQ7bCsSaPlkuaH22ikzowpkLNepFBSJeJm4Nuwjf0iQ4Bdr8HziHg322NdVu2_utjUrArJP9dqodZ5EkuJmKT3I5wM0po3yl76JMHe8OBfQpOdC4br/s1600/earn+money+with+neobux2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg884NOapJPkwUq9Er2dQD0gxjd4aXQ7bCsSaPlkuaH22ikzowpkLNepFBSJeJm4Nuwjf0iQ4Bdr8HziHg322NdVu2_utjUrArJP9dqodZ5EkuJmKT3I5wM0po3yl76JMHe8OBfQpOdC4br/s400/earn+money+with+neobux2.png" width="362" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqADGC4tC3qDEXkjKubXeLc36vIU-zK5CVnKRs1LqC-WNYDmGFZUE6IP0bM0CA_nG6kCLbxl2hd9rOLxUD3gT98VVvthgvW0UQWjI8jNlmy4GpoJUHAZsP64jyNZ4eWpQ-GWl5SfZewzk/s1600/earn+money+neobux2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRqADGC4tC3qDEXkjKubXeLc36vIU-zK5CVnKRs1LqC-WNYDmGFZUE6IP0bM0CA_nG6kCLbxl2hd9rOLxUD3gT98VVvthgvW0UQWjI8jNlmy4GpoJUHAZsP64jyNZ4eWpQ-GWl5SfZewzk/s400/earn+money+neobux2.png" width="400" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Kh3VF1l8B5vD9FIpHC3ZJSkcvaZIjxFU4NXPHK1D11zgtftOz6eCi2un9AoUuF3SDT6FYD40rlZ2uUN-zrMcPHUqC2EWfTNHo5zvB2kiItnE4CryzmKbzLsb9QY5AwP_3XrbHZMWVfC4/s1600/earn+money+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Kh3VF1l8B5vD9FIpHC3ZJSkcvaZIjxFU4NXPHK1D11zgtftOz6eCi2un9AoUuF3SDT6FYD40rlZ2uUN-zrMcPHUqC2EWfTNHo5zvB2kiItnE4CryzmKbzLsb9QY5AwP_3XrbHZMWVfC4/s400/earn+money+3.png" width="400" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp73mPQEleq3JB7-LvZy4BcRhxEev68EqcOzMYZ2dCue69bwnINn0junf8IVT77N0gOw4DyT-4g9EGgmNzRzm5JiUDWagGbaZQlKcMxmqWexOc1tdX_pJsrWC_WBSn8vSbYxtGWj3v_HCw/s1600/earn+money4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp73mPQEleq3JB7-LvZy4BcRhxEev68EqcOzMYZ2dCue69bwnINn0junf8IVT77N0gOw4DyT-4g9EGgmNzRzm5JiUDWagGbaZQlKcMxmqWexOc1tdX_pJsrWC_WBSn8vSbYxtGWj3v_HCw/s400/earn+money4.png" width="350" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMe5ooFwVhXMfZ4ig2BiHHSZC8cfuHGm61lsr4sYbWlixW64_3BLifqQIVmoWRcgPgzzpPTJtjZ5YssG2KXO0GWYpn5Hi5LVWMO83HUoI2gFUmvD9K23uyQNbX9kSg3yPVIN0ufSHOr-L/s1600/earn+money5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMe5ooFwVhXMfZ4ig2BiHHSZC8cfuHGm61lsr4sYbWlixW64_3BLifqQIVmoWRcgPgzzpPTJtjZ5YssG2KXO0GWYpn5Hi5LVWMO83HUoI2gFUmvD9K23uyQNbX9kSg3yPVIN0ufSHOr-L/s400/earn+money5.png" width="367" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBwS37ICeyki8buaq9pJ9AYnQDSv31V6cBKQE2bzNPwy11brXnrP1itLQQP-2yASmOr_R0pHX2mWtAlGyL-dwC4-7Tc7cpQhZr5OTY6UQg8WTNXcFyZPBpsv4szAovj0CGtzDqwZ5lEru/s1600/earn+money6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBwS37ICeyki8buaq9pJ9AYnQDSv31V6cBKQE2bzNPwy11brXnrP1itLQQP-2yASmOr_R0pHX2mWtAlGyL-dwC4-7Tc7cpQhZr5OTY6UQg8WTNXcFyZPBpsv4szAovj0CGtzDqwZ5lEru/s400/earn+money6.png" width="400" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hWBAmj_yfvpO40f7_S1uugRsjSD-ghwbcVRUORkktuSl56jhQ6C6PrkPmzTAxFlg5vPINERCX4AiIlYOQkWPYwcevrdlrHZ9bWHd1THl1mlAJdxpLCqnvgfEkH5fDYSeSBFV4wsBtj-t/s1600/earn+moeny7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hWBAmj_yfvpO40f7_S1uugRsjSD-ghwbcVRUORkktuSl56jhQ6C6PrkPmzTAxFlg5vPINERCX4AiIlYOQkWPYwcevrdlrHZ9bWHd1THl1mlAJdxpLCqnvgfEkH5fDYSeSBFV4wsBtj-t/s400/earn+moeny7.png" width="335" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqMTeeP0xhY4XJiLpqhrZL4-k6CYKoO-nSKXc0cDVPsQyozJHtZ-X9V7TL6-566fO4L1RZOKNJg4xk7iBu_sVrGzqFZzRGzKwnO1dXyYXQcGjnnCeMp2Hn4zB8sUABJ19tW0luahgD-dFa/s1600/Screenshot_42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqMTeeP0xhY4XJiLpqhrZL4-k6CYKoO-nSKXc0cDVPsQyozJHtZ-X9V7TL6-566fO4L1RZOKNJg4xk7iBu_sVrGzqFZzRGzKwnO1dXyYXQcGjnnCeMp2Hn4zB8sUABJ19tW0luahgD-dFa/s400/Screenshot_42.png" width="400" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3pYnNjQCPDPBcHS7B9QG-ikBD7ygj0ufEIBtQVK6HxP5By1Gkubdrdo_6YyuA20cew2b2OM2owjSd50tIiYO1RcGrAUGr6FcPOhkq4aNP-dveYHpAkj0qbIhyphenhyphenP5yV1V7MgDGJRmUAR2B/s1600/arrow.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3pYnNjQCPDPBcHS7B9QG-ikBD7ygj0ufEIBtQVK6HxP5By1Gkubdrdo_6YyuA20cew2b2OM2owjSd50tIiYO1RcGrAUGr6FcPOhkq4aNP-dveYHpAkj0qbIhyphenhyphenP5yV1V7MgDGJRmUAR2B/s1600/arrow.gif" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
<h2 style="font-family: "Patua One", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 32px; margin: 0px 0px 15px; text-align: center;">
<a href="https://www.neobux.com/?rh=6D6673627770" style="color: #41b7d8; transition: color 0.1s linear;" target="_blank"><span style="font-size: large;">Join Neobux Now</span></a></h2>
<div style="margin-bottom: 20px;">
<a href="http://makemoneywithmohsin.com/Neobux" style="color: #41b7d8; transition: color 0.1s linear;" target="_blank"><img alt="" class="aligncenter" height="60" src="http://images.neobux.com/imagens/banner9/?uh=626C6F676C6561726E6572&u3=3316718" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; clear: both; display: block; height: auto; margin: 10px auto; max-width: 100%; vertical-align: bottom;" title="" width="468" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDHBxqx0h9UiCyUuSWt6p4n7LfLsxEKt3lyV0O5T-GljdJegj7W8zDq4mHHirXfutb9I0QhWkru7N3i9W-e82-ij4OS03rnzwVy_zen-RR6E1v30GPNtU5812bqScvUybDy4dtl7gsaQc/s1600/Screenshot_43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDHBxqx0h9UiCyUuSWt6p4n7LfLsxEKt3lyV0O5T-GljdJegj7W8zDq4mHHirXfutb9I0QhWkru7N3i9W-e82-ij4OS03rnzwVy_zen-RR6E1v30GPNtU5812bqScvUybDy4dtl7gsaQc/s400/Screenshot_43.png" width="400" /></a></div>
<div style="margin-bottom: 20px;">
<br /></div>
</div>
</article></div>
</div>
</div>
<aside class="masonry" id="sidebar" style="background-color: white; color: #494949; float: left; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px; height: 1921px; line-height: 21px; margin: 30px 30px 30px 0px; padding: 0px; position: relative; width: 300px;"><div class="row widget widget_text masonry-brick" id="text-2" style="left: 0px; margin: 0px 0px 20px; overflow: hidden; padding: 0px; position: absolute; top: 0px; width: 300px;">
<div class="widget-section clearfix" style="overflow: hidden; zoom: 1;">
</div>
</div>
</aside>

Earn Money Online in Pakistan With NeoBux

M FAROOQ 0 Make Money Online 22:13:00

Earn Money Online in Pakistan, Now with the help of neobux urdu tutorial, you can earn money online in Pakistan, with or without investment. It’s totally up to you whether you want to make more dollars or support your current job. One thing you all … Read More »

13Aug2016

Wordpress SEO

M FAROOQ 0 Web Designing, Wordpress 04:00:00

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAH9bgbHsNeS4rbI96gHpYOwip7bxux1arBqMS7E-Jm79qgk6QpHaGbkWSvx630MjNdpp5GHq0pYQOXEi3-DhzHVGWrGkOSdDk2aJGHFTjNr5f-Ee5AeWaW9UPmsk6Xvi5jBVxYQfqcTMt/s1600/WORDPRESS+SEO%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAH9bgbHsNeS4rbI96gHpYOwip7bxux1arBqMS7E-Jm79qgk6QpHaGbkWSvx630MjNdpp5GHq0pYQOXEi3-DhzHVGWrGkOSdDk2aJGHFTjNr5f-Ee5AeWaW9UPmsk6Xvi5jBVxYQfqcTMt/s320/WORDPRESS+SEO%25281%2529.jpg" width="320" /></a></div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
This tutorial will show you how to improve the SEO of your WordPress blog. You can check our Search Engine Marketing tutorial for more information about SEO.</div>
<h2 class="heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
How to SEO WordPress</h2>
<ul style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; list-style: none; margin: 20px 20px 30px 0px; padding: 0px;">
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Permalinks - WordPress' tool for customizing your blog links;</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Meta descriptions - set a correct meta description for each page/post you make to improve your ranking in the search results;</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Optimize your images - allow search engines to correctly index your images;</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Use Headings - the proper structure of your articles will rank your content higher;<a href="http://www.siteground.com/tutorials/wordpress/wordpress_meta_tags.htm" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;"></a></li>
</ul>
<h2 class="heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
<a href="https://www.blogger.com/null" name="permalinks" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; height: 20px; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a>How to use Permalinks to optimize your WordPress website</h2>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
WordPress gives you the freedom to set your links the way you want them to look like. In the administrative area of WordPress go to Settings -> Permalinks. On this page you can choose from several predefined options or use a custom structure for your links.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJWM2QoMbQEuTVfheRvDaQWMS08iMi9oJMQLlrZUM0moFKtzNPcZe0JY0HrRaXdtWe5iv8PhYcZQX8p4cDGB-pLToO_4i-YAdPrh1qVr1hyfnqkC_77uqjK11Df0d2hIZ0Qk_P8ohTvr2/s1600/wrdp_seo1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJWM2QoMbQEuTVfheRvDaQWMS08iMi9oJMQLlrZUM0moFKtzNPcZe0JY0HrRaXdtWe5iv8PhYcZQX8p4cDGB-pLToO_4i-YAdPrh1qVr1hyfnqkC_77uqjK11Df0d2hIZ0Qk_P8ohTvr2/s640/wrdp_seo1.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<br /></div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You can choose the Custom Structure option and enter /%postname%/ for example. This will make your links look like http://yourdomain.com/the-name-of-your-post/. Or you can enter /%category%/%postname%/ if you want to include the name of your category in the URL. You can also add custom text or other WordPress variables. The full list of available variables that you can use in your permalinks can be found at the <a href="http://codex.wordpress.org/Using_Permalinks" rel="nofollow" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank">WordPress official website</a>.</div>
<h2 class="heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
<a href="https://www.blogger.com/null" name="description" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; height: 20px; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a>How to optimize your meta descriptions</h2>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You should enter the meta description for each one of your pages. Use simple but informative sentences. The search engines will check how relevant your description is to the actual content of your page so  make sure that you describe only the current page and avoid adding irrelevant information in this description.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
It is a good practice to categorize your posts in articles. Once you go to the Posts -> Categories page in your admin area, note the description field available for each category. WordPress will take what you enter in this field and insert it as meta description for the category.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLWnaVysJISQrf-88u6Er2fHfgMSfVyy7UcPos7BOgOYaexBYDTDr2oiE08eQ_hy0WgbfQjrb2bCyG3OK3FXd_WM1ByoUAVi7LGX9n9xFrfg7-5KP6_3qUDTSYqQZOfdivQwV1ZOmiytE/s1600/wrdp_seo3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLWnaVysJISQrf-88u6Er2fHfgMSfVyy7UcPos7BOgOYaexBYDTDr2oiE08eQ_hy0WgbfQjrb2bCyG3OK3FXd_WM1ByoUAVi7LGX9n9xFrfg7-5KP6_3qUDTSYqQZOfdivQwV1ZOmiytE/s640/wrdp_seo3.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<br /></div>
<h2 class="heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
<a href="https://www.blogger.com/null" name="images" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; height: 20px; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a>How to optimize your images</h2>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
It is essential to have the "title" and "alt" tags specified for each one of the images you use in your posts. The search engines will then know what this image is supposed to represent. Typing the title and alt tags for each image you use, however, can be a time-consuming task. Instead, you can use the handy <a href="http://www.prelovac.com/vladimir/wordpress-plugins/seo-friendly-images" rel="nofollow" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank">SEO Friendly Images</a> plugin. For more information on how to install this plugin, you can check our tutorial on How to install WordPress plugins.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Once you install the plugin, go to Settings -> SEO Friendly Images in your WordPress admin area. On this page you can specify the ALT and TITLE tags for your images. The plugin gives you the option to use internal variables such as %title, %name and %category. With them you can set the ALT and TITLE tags of your images to the title of your post for example. The plugin does the rest. This saves you a lot of time  and keeps your images SEO-friendly .</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtsyDwEwB_KK2Vgk1jaaepzZXfwxbuRRZ0zjJTSwPbZett3-FOji0-4EkhcJgy4ZhLbHVKRqctPap1iMuOgdBpKoxG-OsLyRp9tzfcJoIfJTS0t1utItkhmvKGyXeJCVFaNi9RUAtpe5JB/s1600/wrdp_seo2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtsyDwEwB_KK2Vgk1jaaepzZXfwxbuRRZ0zjJTSwPbZett3-FOji0-4EkhcJgy4ZhLbHVKRqctPap1iMuOgdBpKoxG-OsLyRp9tzfcJoIfJTS0t1utItkhmvKGyXeJCVFaNi9RUAtpe5JB/s640/wrdp_seo2.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<br /></div>
<h2 class="heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
<a href="https://www.blogger.com/null" name="headings" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; height: 20px; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a>How to use Headings to optimize your WordPress blog</h2>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You should make sure that you use the <h1> tag only for the titles of your posts.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You should use a few <h2> tags and as many <h3> tags as you need for the other headings in your posts. Doing this will allow the search engines to index the important information from your website better. A good document has headings and subheadings, because headings make it easier to determine the subject of the page.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
For blog websites the best SEO practice is to set the title of your post in a heading1 tag. Most of the good WordPress templates do that. If not, you should modify the theme in order to achieve a correct output of your pages.</div>

Wordpress SEO

M FAROOQ 0 Web Designing, Wordpress 04:00:00

This tutorial will show you how to improve the SEO of your WordPress blog. You can check our Search Engine Marketing tutorial for more information about SEO. How to SEO WordPress Permalinks - WordPress' tool for customizing your blog links; Meta des… Read More »

12Aug2016

How to create a WordPress theme?

M FAROOQ 0 Web Designing, Wordpress 00:44:00

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsaq81bDpigCVuWUpKoMBzmfdhvS67L0O8jWHPpZKpXl8n2FGmAl6iP6MurfsXRGz5AhXI_CqJJjxqEjcmDOl_KRs2G6OOU7mHvsohLdFJj67AeYufk1ZgxpzWuYPcxETqppq2CfNYD5Z/s1600/download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsaq81bDpigCVuWUpKoMBzmfdhvS67L0O8jWHPpZKpXl8n2FGmAl6iP6MurfsXRGz5AhXI_CqJJjxqEjcmDOl_KRs2G6OOU7mHvsohLdFJj67AeYufk1ZgxpzWuYPcxETqppq2CfNYD5Z/s1600/download.jpg" /></a></div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
This tutorial will show you how to create a simple WordPress theme. When building your own theme, you can use our Free WordPress themes for reference.</div>
<h2 class="heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
How to create a basic WordPress theme?</h2>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
To start building your theme, first create a sub-folder in the wp-content/themes directory in your WordPress folder. For the purpose of this tutorial, we will call the folder "tutorial_theme". The name of the folder should correspond to the name of the theme you want to create. To do this you can use either your favorite FTP client or the File Manager tool in your cPanel.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Before you start creating the theme, you should decide how the layout of your website will look like. In this tutorial we will build a WordPress theme that consist of a header, sidebar, content area and a footer ,as shown below:</div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><img alt="" src="https://www.siteground.com/img/knox/tutorials/uploaded_images/images/wordpress/wrdp-theme1(1).jpg" style="border: 0px; box-sizing: border-box; display: block; height: 346.065px; margin: 0px auto; max-height: 100%; max-width: 100%; width: 645.994px;" /></figure><div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
To do this we will have to create the following files into the tutorial_theme directory:</div>
<ul style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; list-style: none; margin: 20px 20px 30px 0px; padding: 0px;">
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">header.php - This file will contain the code for the header section of the theme;</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">index.php - This is the main file for the theme. It will contain the code for the Main Area and will specify where the other files will be included;</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">sidebar.php - This file will contain the information about the sidebar;</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">footer.php - This file will handle your footer;</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">style.css - This file will handle the styling of your new theme;</li>
</ul>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You can either create those files locally with a simple text editor(like notepad for example) and upload them via FTP or you can use the File Manager tool in your cPanel to create the files directly on your hosting account.</div>
<div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
Now let's take a closer look at each file and what it should contain:</div>
<h2 class="mt20 heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
The header.php file</h2>
<div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
In this file you should add the following code:</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><html>
<head>
<title>Tutorial theme</title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>HEADER</h1>
</div></pre>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
Basically, this is simple HTML code with a single line containing a php code and a standard WordPress function. In this file you can specify your meta tags such as the title of your website, meta description and the keywords for your page.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Right after the title the line we add</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"></pre>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
tells WordPress to load the style.css file. It will handle the styling of your website.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
The</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><?php bloginfo('stylesheet_url'); ?></pre>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
part of the line is a WordPress function that actually loads the stylesheet file.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Next, we have added the beginning of a "div" with class wrapper which will be the main container of the website. We have set class for it so we can modify it via the style.css file.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
After that we have added a simple label HEADER wrapped in a "div" with class "header" which will be later specified in the stylesheet file.</div>
<h2 class="mt20 heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
The index.php file</h2>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><?php get_header(); ?>
<div id="main">
<div id="content">
<h1>Main Area</h1>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><?php the_title(); ?></h1>
<h4>Posted on <?php the_time('F jS, Y') ?></h4>
<p><?php the_content(__('(more...)')); ?></p>
<hr> <?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
</div>
<?php get_sidebar(); ?>
</div>
<div id="delimiter">
</div>
<?php get_footer(); ?></pre>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
The code in this file begins with</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><?php get_header(); ?></pre>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
which will include the header.php file and the code in it in the main page. It uses an internal WordPress function to do this. We will explain this in details later in this tutorial. Then we have placed a Main Area text to indicate which section of your theme is displayed in this area.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
The next few lines consist of a PHP code and standard WordPress functions. This code checks whether you have posts in your blog created through the WordPress administrative area and displays them.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Next, we include the sidebar.php file with this line</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><?php get_sidebar(); ?></pre>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
In this file you can display your post categories, archives etc.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
After this line, we insert an empty "div" that will separate the Main Area and the Sidebar from the footer.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Finally, we add one last line</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><?php get_footer(); ?></pre>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
which will include the footer.php file in your page.</div>
<h2 class="mt20 heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
The sidebar.php file</h2>
<div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
In the sidebar.php we will add the following code:</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><div id="sidebar">
<h2 ><?php _e('Categories'); ?></h2>
<ul >
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
<h2 ><?php _e('Archives'); ?></h2>
<ul >
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div></pre>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
In this file we use internal WordPress functions to display the Categories and Archives of posts. The WordPress function returns them as list items, therefore we have wrapped the actual functions in unsorted lists (the <ul> tags).</div>
<h2 class="mt20 heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
The footer.php file</h2>
<div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
You should add these lines to the footer.php file:</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<div id="footer"><br style="box-sizing: border-box;" /><h1>FOOTER</h1><br style="box-sizing: border-box;" /></div><br style="box-sizing: border-box;" /></div><br style="box-sizing: border-box;" /></body><br style="box-sizing: border-box;" /></html></div>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
With this code we add a simple FOOTER lable. Instead of this code you can add links, additional text, the copyright information for your theme and additional objects.</div>
<h2 class="mt20 heading h2" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
The style.css file</h2>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Add the following lines to the style.css file:</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;">body { text-align: center; }
#wrapper { display: block; border: 1px #a2a2a2 solid; width:90%; margin:0px auto; }
#header { border: 2px #a2a2a2 solid; }
#content { width: 75%; border: 2px #a2a2a2 solid; float: left; }
#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; }
#delimiter { clear: both; }
#footer { border: 2px #a2a2a2 solid; }
.title { font-size: 11pt; font-family: verdana; font-weight: bold; }</pre>
<div class="mt10" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 10px !important;">
This simple css file sets the basic looks of your theme. Those lines set the background of your page and surround the main parts of your site with borders for convenience.</div>
<div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
At this point your website should look like this:</div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><img alt="" src="https://www.siteground.com/img/knox/tutorials/uploaded_images/images/wordpress/wrdp-theme2.jpg" style="border: 0px; box-sizing: border-box; display: block; height: 346.065px; margin: 0px auto; max-height: 100%; max-width: 100%; width: 645.994px;" /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
As we have previously mentioned, internal WordPress functions are often used in the code of the theme. You can take a look at the complete <a href="http://codex.wordpress.org/Function_Reference" rel="nofollow" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank">Function Reference</a> at the official website of WordPress for more information about each function.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
From now on you can modify the CSS file, add images, animations and other content to your theme in order to achieve the looks you want for your blog!</div>

How to create a WordPress theme?

M FAROOQ 0 Web Designing, Wordpress 00:44:00

This tutorial will show you how to create a simple WordPress theme. When building your own theme, you can use our Free WordPress themes for reference. How to create a basic WordPress theme? To start building your theme, first create a sub-folder in … Read More »

12Aug2016

How To Change Your WordPress Username

M FAROOQ 0 Web Designing, Wordpress 00:21:00

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguRCwU61c4gdlJvtWY9MDvT3aLd9Zs1RPF3s1iPm5Cgvlzp4yPqkjFBugRgIm7V3qkmLgTs9Qv32LZ-CG_GlKf_VmJnq9hWW0dzIVRd72vrAiJO2sbU3-EUnhOzGZf_dkOWUSlTMjr5SJe/s1600/wordpress-change-admin-username.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguRCwU61c4gdlJvtWY9MDvT3aLd9Zs1RPF3s1iPm5Cgvlzp4yPqkjFBugRgIm7V3qkmLgTs9Qv32LZ-CG_GlKf_VmJnq9hWW0dzIVRd72vrAiJO2sbU3-EUnhOzGZf_dkOWUSlTMjr5SJe/s320/wordpress-change-admin-username.jpg" width="320" /></a></div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
If you have an existing WordPress site and you want to change your username(to something different than "admin" for security reasons, for example), you can do this quite easily.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
First, go to your cPanel and click on the phpMyAdmin icon in the Database section.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis_PKs27W7H8CMYWMT8iELcqmbZEojvb-svnbotEHgDyujUceJsHDEhvHj3NHw0T-1FrgFceCMK9oVb6-kFFTW7_sgm1yfwCdBXLluACbH0tJAAhpSCtuLOWqHjrcsJ8ftgePjqoFUzaXV/s1600/nu1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis_PKs27W7H8CMYWMT8iELcqmbZEojvb-svnbotEHgDyujUceJsHDEhvHj3NHw0T-1FrgFceCMK9oVb6-kFFTW7_sgm1yfwCdBXLluACbH0tJAAhpSCtuLOWqHjrcsJ8ftgePjqoFUzaXV/s640/nu1.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Next, locate your WordPress database from the list on the left.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLHumfX0FDr0wwXEoa2UMrDr7wxag7c2hWA3Q9XDM0ThE19tsTW5HdzpeFINDS3o0RqtgR8Xp9okVMbvNGSvnf3VnYchHKQhWJNv7wEHF2BMA3LiIflKmOv7cVK_Z8nGtktXdlWDnpLX5/s1600/nu2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLHumfX0FDr0wwXEoa2UMrDr7wxag7c2hWA3Q9XDM0ThE19tsTW5HdzpeFINDS3o0RqtgR8Xp9okVMbvNGSvnf3VnYchHKQhWJNv7wEHF2BMA3LiIflKmOv7cVK_Z8nGtktXdlWDnpLX5/s640/nu2.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
If you're not sure which one it is, you can check the <strong style="box-sizing: border-box;">wp-config.php</strong> file in the root folder of your WordPress installation and in particular the line below:</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;">define('DB_NAME', 'user_wp448');</pre>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Once you select your WordPress database, you will see a lit of its tables. Choose the <strong style="box-sizing: border-box;">_users </strong>table from the left menu.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVcjRF75CL4Yj59t59RoXT4JjHk2c63NYHR5vjqOGQMudSsmlfjRR4w0aI_uvd0WCg7tvVYXpref10OIrRFf9LQLcu6u9KthE_7zKtA4lqdKGW91Q4QcmhryHnzZZ7RumikbX2v3ieNQvV/s1600/nu3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVcjRF75CL4Yj59t59RoXT4JjHk2c63NYHR5vjqOGQMudSsmlfjRR4w0aI_uvd0WCg7tvVYXpref10OIrRFf9LQLcu6u9KthE_7zKtA4lqdKGW91Q4QcmhryHnzZZ7RumikbX2v3ieNQvV/s640/nu3.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You will see a list of all the registered users in your site. Locate the admin username and click on the<strong style="box-sizing: border-box;">Edit</strong> button on that line.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cFCTc0cTnYjp7HBN75oSGCTipcpW-ZC0yVI6ovi_97RQgZHo3KZMsIUiLMW3TxCrV6SyDyaeRXGvG1mCH6sRwAAL-ycvz9mWVLypX-q_O6kfDSQqXjj3tqZ5ZjLT29gfwBoE9tdQWiL9/s1600/nu4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6cFCTc0cTnYjp7HBN75oSGCTipcpW-ZC0yVI6ovi_97RQgZHo3KZMsIUiLMW3TxCrV6SyDyaeRXGvG1mCH6sRwAAL-ycvz9mWVLypX-q_O6kfDSQqXjj3tqZ5ZjLT29gfwBoE9tdQWiL9/s640/nu4.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Now, you will see all the fields for this username. Locate the <strong style="box-sizing: border-box;">user_login</strong> field and replace its value from admin to your new preferred WordPress login name and hit the <strong style="box-sizing: border-box;">Go</strong> button at the bottom of the page.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjySoQuzC5tD5vw2b17QjmtOWwOufXa4_VvpZSErgRcQgUHZ91t3JQVs_yjFpxrOWyMqbeyn6DH-XQ5arMIUxsbDKkKQsF6YCxg9WkvwdZKuUo1K6S3bl4Nu3C5jU5sWmTm7eU1O3yqfcLO/s1600/nu5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjySoQuzC5tD5vw2b17QjmtOWwOufXa4_VvpZSErgRcQgUHZ91t3JQVs_yjFpxrOWyMqbeyn6DH-XQ5arMIUxsbDKkKQsF6YCxg9WkvwdZKuUo1K6S3bl4Nu3C5jU5sWmTm7eU1O3yqfcLO/s640/nu5.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
That's it, you can now login with your newly selected WordPress username!</div>

How To Change Your WordPress Username

M FAROOQ 0 Web Designing, Wordpress 00:21:00

If you have an existing WordPress site and you want to change your username(to something different than "admin" for security reasons, for example), you can do this quite easily. First, go to your cPanel and click on the phpMyAdmin icon in the Databa… Read More »

12Aug2016

WordPress Spam Protection

M FAROOQ 0 Web Designing, Wordpress 00:05:00

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RCsY345goWdr9mQtNVQhnYh4qndpqOc0dP5fYrOFU0ZX2Whnplv5XSGgUJ5Bho3Neaqp6qwR-z_EnrPkY6-NBX8bQ59VOSTcC6GGiRkStZb-zx9CaEgxTTliSwo-2wqFetHy1pJJTLnL/s1600/How-to-Protect-Your-WordPress-Websites-from-Spam-Comment-616x275.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RCsY345goWdr9mQtNVQhnYh4qndpqOc0dP5fYrOFU0ZX2Whnplv5XSGgUJ5Bho3Neaqp6qwR-z_EnrPkY6-NBX8bQ59VOSTcC6GGiRkStZb-zx9CaEgxTTliSwo-2wqFetHy1pJJTLnL/s320/How-to-Protect-Your-WordPress-Websites-from-Spam-Comment-616x275.jpg" width="320" /></a></div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
In this tutorial we will show you how to protect your WordPress blog from spam.</div>
<div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
There are several solutions which can be completed:</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
1. Make sure that your WordPress script is updated to the latest stable version. Detailed instructions regarding the WordPress update can be found on the corresponding tutorial page.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
2. Install a captcha plugin. A good choice is the <a href="http://wordpress.org/extend/plugins/wp-recaptcha/" rel="nofollow" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank" title="WordPress reCaptcha">WordPress ReCaptcha plugin</a>. Comprehensive instruction on how to install a WordPress plugin can be found <a href="https://www.siteground.com/tutorials/wordpress/wordpress_plugins.htm" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank" title="WordPress Plugins">here</a>. Once activated, the plugin will prompt for the public and the private API keys. The visualized link will take you to the corresponding Google web site where you can get the API keys for free. Paste them in the corresponding fields and activate your ReCaptcha plugin for comments and users registrations.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
3. WordPress comes with a preinstalled antispam solution - Akismet.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
In order to use Akismet, you should have a WordPress API key.To receive a WordPress API key, you should register at the <a href="http://wordpress.com/signup/" rel="nofollow" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;">official WordPress website</a>. The key will be included in your welcome mail.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
If you already have a registration at WordPress.org, you can see your API key by visiting the <a href="http://dashboard.wordpress.com/wp-admin/profile.php" rel="nofollow" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;">WP dashboard</a>.</div>
<div class="bold" style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700 !important; line-height: 22px; margin-bottom: 10px;">
To enable Akismet for your blog, follow the steps below:</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<span class="step" style="background: rgb(124, 156, 200); border-left: 4px solid rgb(77, 111, 158); box-sizing: border-box; color: white; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-stretch: normal; line-height: normal; margin: 0px 12px 0px 0px; padding: 5px 10px 4px; text-transform: uppercase; white-space: nowrap;">STEP 1</span>Go to your WordPress admin area > Plugins > Installed.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<span class="step" style="background: rgb(124, 156, 200); border-left: 4px solid rgb(77, 111, 158); box-sizing: border-box; color: white; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-stretch: normal; line-height: normal; margin: 0px 12px 0px 0px; padding: 5px 10px 4px; text-transform: uppercase; white-space: nowrap;">STEP 2</span>Click Activate.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQq01iIPWBU5-_kbjRAM8VklZ_taAJeP5K-1MXTYRcCXs1g_miIfvJHKxmRpKCJ85YnZ-Qda1Hg6F5TeMlFaCDqYX0vATZOUKLwZKwfOxNkHNRVe0ndYSXyHswq4TxmxyzOTmfaLat48t/s1600/wps.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQq01iIPWBU5-_kbjRAM8VklZ_taAJeP5K-1MXTYRcCXs1g_miIfvJHKxmRpKCJ85YnZ-Qda1Hg6F5TeMlFaCDqYX0vATZOUKLwZKwfOxNkHNRVe0ndYSXyHswq4TxmxyzOTmfaLat48t/s640/wps.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
The Akismet plugin will be activated.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj0IMbEJH8k508XsvVv6ls7fusLumwo1rgwAvSm-pZvc-SIZR6ag63ZqsDUsIe-ObW9kUURignlkCJTpLTZCrv2UylbcT_DMm1Q8VE9QiwfkjOIghuFXDlC7lgVBnaEoyibKg_T85ph9QL/s1600/wps1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj0IMbEJH8k508XsvVv6ls7fusLumwo1rgwAvSm-pZvc-SIZR6ag63ZqsDUsIe-ObW9kUURignlkCJTpLTZCrv2UylbcT_DMm1Q8VE9QiwfkjOIghuFXDlC7lgVBnaEoyibKg_T85ph9QL/s640/wps1.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<span class="step" style="background: rgb(124, 156, 200); border-left: 4px solid rgb(77, 111, 158); box-sizing: border-box; color: white; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-stretch: normal; line-height: normal; margin: 0px 12px 0px 0px; padding: 5px 10px 4px; text-transform: uppercase; white-space: nowrap;">STEP 3</span>Click "enter your WordPress.com API key" (you can also click Akismet Configuration in the Plugins section)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6GJOQgPA2OiRzyCm89iV-EKmISl4ChiqA7VRoBC3jrKD8rQEuZ3aVMqx1l883PLrL7Cy2YIYM4jqDAsY19X7uVcvKwKlCfTr7mfW_NcMBtxG1BtYLOqhVRGcOqtWGdSyc8-UUYQ_A2wG/s1600/wps2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6GJOQgPA2OiRzyCm89iV-EKmISl4ChiqA7VRoBC3jrKD8rQEuZ3aVMqx1l883PLrL7Cy2YIYM4jqDAsY19X7uVcvKwKlCfTr7mfW_NcMBtxG1BtYLOqhVRGcOqtWGdSyc8-UUYQ_A2wG/s320/wps2.jpg" width="320" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<span class="step" style="background: rgb(124, 156, 200); border-left: 4px solid rgb(77, 111, 158); box-sizing: border-box; color: white; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-stretch: normal; line-height: normal; margin: 0px 12px 0px 0px; padding: 5px 10px 4px; text-transform: uppercase; white-space: nowrap;">STEP 4</span>Enter your WordPress API key.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<span class="step" style="background: rgb(124, 156, 200); border-left: 4px solid rgb(77, 111, 158); box-sizing: border-box; color: white; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-stretch: normal; line-height: normal; margin: 0px 12px 0px 0px; padding: 5px 10px 4px; text-transform: uppercase; white-space: nowrap;">STEP 5</span>Click Update options>>.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
<span class="step" style="background: rgb(124, 156, 200); border-left: 4px solid rgb(77, 111, 158); box-sizing: border-box; color: white; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-stretch: normal; line-height: normal; margin: 0px 12px 0px 0px; padding: 5px 10px 4px; text-transform: uppercase; white-space: nowrap;">STEP 6</span>If you have entered a correct API key, it will be verified.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzg1GenigKSUNMHrKSITUzn6UDY14NHqDxHLEDLL_f9jW5t-foMd6rHFd7uBFtr6XY1zR-G9X-qrd3Ifb817KCiZeOHSARKSbNKrscjxOjMI3BYOflt5WsuXeXA3950QiQjzGIZYqWlIbe/s1600/wps3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzg1GenigKSUNMHrKSITUzn6UDY14NHqDxHLEDLL_f9jW5t-foMd6rHFd7uBFtr6XY1zR-G9X-qrd3Ifb817KCiZeOHSARKSbNKrscjxOjMI3BYOflt5WsuXeXA3950QiQjzGIZYqWlIbe/s640/wps3.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
From now on your blog will be protected from spam by Akismet. You will be able to check the comments in your blog for spam, as well as manually mark comments as spam from the blog admin area > Comments.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0BMMjjZ678K51uPf_j92EtNv41pV84EK6tVUPvnqiIkkPazDJCp8pYCiNZxjjBkJ7Iq1u-uKjq-9Phy9LzHOSYUEN8Lh1Mk0ZHR0J0IxNllXL7ouDKWZb3CXYaBCfliaqbSWLYJps_rod/s1600/wps4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0BMMjjZ678K51uPf_j92EtNv41pV84EK6tVUPvnqiIkkPazDJCp8pYCiNZxjjBkJ7Iq1u-uKjq-9Phy9LzHOSYUEN8Lh1Mk0ZHR0J0IxNllXL7ouDKWZb3CXYaBCfliaqbSWLYJps_rod/s640/wps4.jpg" width="640" /></a></div>
<figure class="media" style="background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px; padding: 9px; position: relative; text-align: center;"><br /></figure><div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You can also display on your blog's front page how many spam posts have been stopped by Akismet. To show this information, you should add the Akismet widget to your sidebar. More information how to do this can be found in our article on how to add a widget to the WordPress sidebar.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
4. Additionally, you can prevent the comments posted by visitors that come from suspicious and malicious IPs. This can be done using the WordPress Project Honey Pot plugin.</div>

WordPress Spam Protection

M FAROOQ 0 Web Designing, Wordpress 00:05:00

In this tutorial we will show you how to protect your WordPress blog from spam. There are several solutions which can be completed: 1. Make sure that your WordPress script is updated to the latest stable version. Detailed instructions regarding the … Read More »

12Aug2016

WordPress Security Tutorial

M FAROOQ 0 Web Designing, Wordpress 23:49:00

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikMW680_dIZa6jpvoY0Qs1NxGzhAFUpYfBdLQ8PRgdkkHcNiEKvT4xMTZPnzaGKt2JCxd6LMcmzfqkXi5i90bl9Ga5DtCVunOLcIvWG_jAd78Q9tVHFGJAk4RIMx3wOUAPPAyqOSkGxxNl/s1600/Best-WordPress-Security-Plugin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikMW680_dIZa6jpvoY0Qs1NxGzhAFUpYfBdLQ8PRgdkkHcNiEKvT4xMTZPnzaGKt2JCxd6LMcmzfqkXi5i90bl9Ga5DtCVunOLcIvWG_jAd78Q9tVHFGJAk4RIMx3wOUAPPAyqOSkGxxNl/s1600/Best-WordPress-Security-Plugin.png" /></a></div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
WordPress is the most popular blogging and CMS system on the Internet which makes it a favorite target for hackers. Having a WordPress site means that you have to take some extra efforts in order to protect your and your visitors data. Here is a summary of the best practices for securing a WordPress, that will help you do that. It is important to mention that these measures don't guarantee a 100% protection against hacking attempts, mostly because a 100% secure website doesn't exist, but they will protect you against the majority of attacks.</div>
<aside class="toc" style="background: rgb(255, 255, 255); border-radius: 5px; border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 15px; padding: 20px;"><strong style="border-bottom: 1px solid rgb(211, 211, 211); box-sizing: border-box; display: block; font-size: 16px; margin: 0px 0px 10px; padding: 0px 0px 8px;"><br /></strong></aside><div class="promofield box" style="background-attachment: initial; background-clip: initial; background-image: url("../img/tutorials/sghint_pattern-22197c9.png"); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 2px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 30px; position: relative;">
<div class="p19" style="box-sizing: border-box; padding: 19px !important;">
<div class="benefitsfromus" style="background-attachment: initial; background-clip: initial; background-image: url("../img/tutorials/sg_dude-22197c9.png"); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; bottom: 0px; box-sizing: border-box; height: 200px; position: absolute; right: 0px; width: 250px;">
<br /></div>
</div>
</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Keep your WordPress site and plugins up-to-date</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
It is really important to keep your core WordPress files and all of your plugins updated to their latest versions. Most of the new WordPress and plugin versions contain security patches. Even if those vulnerabilities cannot be easily exploited most of the times, it is important to have them fixed.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
For more information on that matter, check out our tutorials on how to update WordPress and how to use WordPress auto updates.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Protect your WordPress Admin Area</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
It is important to restrict the access to your WordPress admin area only to people that actually need access to it. If your site does not support registration or front-end content creation, your visitors should not be able to access your <strong style="box-sizing: border-box;">/wp-admin/</strong> folder or the <strong style="box-sizing: border-box;">wp-login.php</strong> file. The best you can do is to get our home IP address (you can use a site like <a href="http://www.whatismyip.com/" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank">whatismyip.com</a> for that) and add these lines to the<em style="box-sizing: border-box;">.htaccess</em> file in your WordPress admin folder replacing <em style="box-sizing: border-box;">xx.xxx.xxx.xxx</em> with your IP address.</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;"><Files wp-login.php>
order deny,allow
Deny from all
Allow from xx.xxx.xxx.xxx
</Files></pre>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
In case you want to allow access to multiple computers (like your office, home PC, laptop, etc.), simply add another <em style="box-sizing: border-box;">Allow from xx.xxx.xxx.xxx</em> statement on a new line.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
If you want to be able to access your admin area from any IP address (for example, if you often rely on free Wi-Fi networks) restricting your admin area to a single IP address or to few IPs can be inconvenient. In such cases we recommend that you limit the number of incorrect login attempt to your site. This way you will protect your WordPress site from brute-force attacks and people trying to guess your password. For such purposes, you can use a nice little plugin called Limit login attempts.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Don't use the "admin" username</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Most of the attackers will assume that your admin username is "admin". You can easily block a lot of brute-force and other attacks simply by naming your admin username differently. If you're installing a new WordPress site, you will be asked for username during the WordPress installation process. If you already have a WordPress site, you can follow the instructions in our tutorial on how to change your WordPress username.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Use strong passwords</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
You will be surprised to know that there are thousands of people that use phrases like "password" or "123456" for their admin login details. Needles to say, such passwords can be easily guessed and they are on the top of the list of any dictionary attack. A good tip is to use an entire sentence that makes sense to you and you can remember easily. Such passwords are much, much better than single phrase ones.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Consider two-factor authentication</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Enabling two-factor authentication for your WordPress website will significantly improve the security of your website. One of the easiest ways to do this is to use Clef to authenticate using your mobile phone. For all SiteGround users, Clef authors have created an ad-free version of their plugin. Check out our Clef tutorial for more information on that matter.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Make sure you're site is on a secured WordPress hosting</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Your WordPress site is as secured as your hosting account. If someone can exploit a vulnerability in an old PHP version for example or other service on your hosting platform it won't matter that you have the latest WordPress version. This is why it is important to be hosted with a company that has security as a priority. Some of the features that you should look for are:</div>
<ul style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; list-style: none; margin: 20px 20px 30px 0px; padding: 0px;">
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Support for the latest PHP and MySQL versions</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Account isolation</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Web Application Firewall</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Intrusion detecting system</li>
</ul>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Ensure your computer is free of viruses and malware</h3>
<a href="https://www.blogger.com/null" name="update" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="protect_admin" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="username" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="password" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="twofactor" style="box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: center; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;"></a><a href="https://www.blogger.com/null" name="hosting" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="computer" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><br />
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
If your computer is infected with virus or a malware software, a potential attacker can gain access yo your login details and make a valid login to your site bypassing all the measures you've taken before. This is why it is very important do have an up-to-date antivirus program and keep the overall security of all computers you use to access your WordPress site on a high level.</div>

WordPress Security Tutorial

M FAROOQ 0 Web Designing, Wordpress 23:49:00

WordPress is the most popular blogging and CMS system on the Internet which makes it a favorite target for hackers. Having a WordPress site means that you have to take some extra efforts in order to protect your and your visitors data. Here is a sum… Read More »

11Aug2016

How to Optimize WordPress for Better Performance

M FAROOQ 0 Web Designing, Wordpress 23:32:00

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzArGKpZgRbCiyQUJuO4JKr3MI1yj5kiIYbUH7CokBdSjNnvbQqnzN1DcEYelJR3wR7na1hIB8zOa2K6-EfzSBeOpLiz4U2A7dfO4i5Iur3ye_Sct-Id2pnoYvWz3BPYc4lwjp_76jBQAj/s1600/optimize-wordpress-plugins.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzArGKpZgRbCiyQUJuO4JKr3MI1yj5kiIYbUH7CokBdSjNnvbQqnzN1DcEYelJR3wR7na1hIB8zOa2K6-EfzSBeOpLiz4U2A7dfO4i5Iur3ye_Sct-Id2pnoYvWz3BPYc4lwjp_76jBQAj/s400/optimize-wordpress-plugins.jpg" width="400" /></a></div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
In this tutorial we will give you some tips on how to improve the speed of your WordPress website. Having a fast site is essential if you want to provide your visitors with great user experience and rank well in the search engines like Google and Bing which take the loading speed of your pages into consideration.</div>
<div class="promofield box" style="background-attachment: initial; background-clip: initial; background-image: url("../img/tutorials/sghint_pattern-22197c9.png"); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 2px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 30px; position: relative;">
<div class="p19" style="box-sizing: border-box; padding: 19px !important;">
<div class="benefitsfromus" style="background-attachment: initial; background-clip: initial; background-image: url("../img/tutorials/sg_dude-22197c9.png"); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; bottom: 0px; box-sizing: border-box; height: 200px; position: absolute; right: 0px; width: 250px;">
<br /></div>
</div>
</div>
<br />
<br />
<aside class="toc" style="background: rgb(255, 255, 255); border-radius: 5px; border: 1px solid rgb(211, 211, 211); box-shadow: rgba(0, 0, 0, 0.0784314) 0px 3px 3px; box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 15px; padding: 20px;"><strong style="border-bottom: 1px solid rgb(211, 211, 211); box-sizing: border-box; display: block; font-size: 16px; margin: 0px 0px 10px; padding: 0px 0px 8px;">This tutorial covers the following topics:</strong><nav style="box-sizing: border-box; margin: 0px;">Enable Dynamic Caching<br />Enable gZIP compression<br />Use a CDN<br />Optimize your Images<br />Minify your JavaScript and CSS files<br />Leverage browser caching<br />Optimize your WordPress Database</nav></aside><br />
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Enable Dynamic Caching</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Adding properly configured Dynamic caching to your WordPress site will have great effect on its speed. There are many services like Varnish and APC that can be used but all of them require a lot of server configuration and tweaking of your application to work correctly. This is why, we at SiteGround have created a tool called the SuperCacher. With it, all you need to do is install a small plugin and enable the Dynamic caching with a single click. For more information on how to use it, please check out our SuperCacher Tutorial.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Enable gZIP compression</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
To decrease the size of data that's being transferred between your server and your visitors, you can enable the gZIP compression for your images, CSS and JavaScript files. By doing this, the web server will compress (like creating a ZIP file for example) this content before it's transferred over the Internet to your browser. On the other side, your browser decompresses the content before rendering it. This significantly lowers the size of information that's being transferred lowering the loading times of your pages.</div>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
The easiest way to enable the gZIP compression for your images, CSS and JS files is to add these lines to your .htaccess file in the root WordPress folder:</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;">## ENABLE GZIP COMPRESSION ##
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
## ENABLE GZIP COMPRESSION ##</pre>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Use a CDN</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Content delivery networks (CDN) are server networks that clone your site on all of their location nodes. This means that when your visitors request your site, it will be served by the closest server location, rather than the main datacenter of your hosting provider. For more information on that matter, check out our CloudFlare CDN Tutorial.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Optimize your Images</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Images are essential part of every website. It is important to have them optimized. There are few things regarding our images that you should mind when making your WordPress site:</div>
<ul style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; list-style: none; margin: 20px 20px 30px 0px; padding: 0px;">
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Use images with the proper size. Do not upload big images and then scale them with HTML. Make sure that your photos and other images are not bigger than the size you're actually displaying them in.</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">Smush your images. Smushing them will remove all the additional data from your photos - creation date, camera used for the photo, gps coordinates, etc. There is a nice little plugin that does that for you called <a href="http://wordpress.org/plugins/wp-smushit/" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank">WP Smush.it</a>.</li>
<li style="box-sizing: border-box; margin: 2px 0px; padding: 0px 0px 0px 15px; position: relative; text-align: left;">If possible, use Sprites for your themes. Using sprites is a CSS technique that uses a single image to show multiple design elements on your pages. This way instead of loading dozens of small images (making http requests each time), your site will open a single one. Sprites, however, must be considered when the theme is designed. So always look for themes that utilise sprites.</li>
</ul>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Minify your JavaScript and CSS files</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Minifying your CSS and JavaScript files means that all the unnecessary data from them like double spaces, empty new lines, comments, etc. will be removed from the files lowering their size. There are many <a href="http://cssminifier.com/" style="box-sizing: border-box; color: #4290c5; text-decoration: none; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;" target="_blank">online tools</a> that you can use for free to minify your files. In addition, if you're using the W3 Total Cache plugin, it has an option to automatically minify your theme's CSS and JS files.</div>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Leverage browser caching</h3>
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
Leveraging the browser caching means that you can specify for how long your visitors' browsers should cache your images, CSS, JS and flash files. However, if any of those resources is set, your server will notify the visitors browser and the cached content will be replaced with the new one. You can add the lines below to your .htaccess file in order to enable this technique.</div>
<pre style="background: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #666666; font-size: 12px; line-height: 18px; margin-bottom: 10px; overflow: hidden; padding: 14px; white-space: normal; width: 665.795px; word-break: break-all;">## LEVERAGE BROWSER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## LEVERAGE BROWSER CACHING ##</pre>
<h3 class="heading h3" style="border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #444444; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 18px; margin: 25px 0px 10px; padding: 0px 0px 5px;">
Optimize your WordPress Database</h3>
<a href="https://www.blogger.com/null" name="dynamic_caching" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="gzip_compression" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="enable_cdn" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="optimize_images" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="minify_js" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="browser_caching" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><a href="https://www.blogger.com/null" name="optimize_database" style="background-repeat: no-repeat; box-sizing: border-box; color: #4290c5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 18px; text-align: center; text-indent: 20px; transition: background 0.15s linear, color 0.15s linear, border 0.15s linear; width: 20px;"></a><br />
<div style="box-sizing: border-box; color: #666666; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px;">
It's a good practice to optimize your WordPress database from time to time. You can think of this as running a Disk Defragmenter on your local hard disk. For more information on that matter, check out our article on How to Optimize a MySQL Database.</div>

How to Optimize WordPress for Better Performance

M FAROOQ 0 Web Designing, Wordpress 23:32:00

In this tutorial we will give you some tips on how to improve the speed of your WordPress website. Having a fast site is essential if you want to provide your visitors with great user experience and rank well in the search engines like Google and Bi… Read More »

11Aug2016

Free Video Computer Tutorials in Urdu

Earn Money Online in Pakistan With NeoBux

Wordpress SEO

How to create a WordPress theme?

How To Change Your WordPress Username

WordPress Spam Protection

WordPress Security Tutorial

How to Optimize WordPress for Better Performance

Popular Posts

Latest Posts

Categories