Website At 100: Plugin

ERROR: EXCEED MEMORY LIMIT IN NEXTGEN GALLERY WORDPRESS PLUGIN

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
I’m working on a site of my employee and has a memory upload limit when uploading large image(s) in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress </a>site using NextGEN gallery plugin and the error is</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52aff597a4701806542030" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
XHTML</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52aff597a4701806542030-1">
1</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52aff597a4701806542030-1">
Follow thumbnails could not created. sample.jpg (Error : Exceed Memory limit. Require : 80.65 MByte)</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
This issue can be resolved by increasing the memory upload limit of your server in php.ini file, but in NextGEN Gallery plugin don’t worry about it we just change a line of code.</div>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">In your website/wordpress directory open <em style="line-height: inherit;">/wp-content/plugins/nextgen-gallery/lib/gd.thumbnail.inc.php</em> with your favourite text editor (e.g. notepad++, Dreamweaver, etc.)</li>
<li style="list-style-position: outside; margin-bottom: 20px;">On line #164 under under <em style="line-height: inherit;">// increase memory-limit if possible, GD needs this for large images</em>, un-comment or remove the “//” before @ini_set(‘memory_limit’, ’128M’);</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Save changes</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Delete image/s that failed to upload then re-upload it using NextGen Gallery Plugin</li>
</ul>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Hope that helps, enjoy.</div>
</div>

ERROR: EXCEED MEMORY LIMIT IN NEXTGEN GALLERY WORDPRESS PLUGIN

I’m working on a site of my employee and has a memory upload limit when uploading large image(s) in wordpress site using NextGEN gallery...

WORDPRESS ALWAYS ASKING FOR FTP LOGIN INFORMATION ON UPGRADE

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Upgrading, installing, deleting <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress </a>plugin and themes are the most things you do in wordpress development site and in order to install, upgrade and delete files you need to have full ownership or permissions, if ever <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress</a>always ask your FTP login information, don’t worry folks I’ve provide three solutions for these.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
As what I’ve tried and knew there were three solutions for this and it could be helpful if you share your solution too <img alt=":)" class="wp-smiley" src="http://websiteat100.com/blog/wp-includes/images/smilies/icon_smile.gif" style="border: 0px; height: auto; margin: 0px !important; max-height: 1em; max-width: 100%; vertical-align: middle;" /> .</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Step One:</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Put this lines of code in your wp-config.php file, just before MySQL settings.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9f43a2e76219679298" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9f43a2e76219679298-1">
1</div>
<div data-line="crayon-52ae9f43a2e76219679298-2">
2</div>
<div data-line="crayon-52ae9f43a2e76219679298-3">
3</div>
<div data-line="crayon-52ae9f43a2e76219679298-4">
4</div>
<div data-line="crayon-52ae9f43a2e76219679298-5">
5</div>
<div data-line="crayon-52ae9f43a2e76219679298-6">
6</div>
<div data-line="crayon-52ae9f43a2e76219679298-7">
7</div>
<div data-line="crayon-52ae9f43a2e76219679298-8">
8</div>
<div data-line="crayon-52ae9f43a2e76219679298-9">
9</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9f43a2e76219679298-1">
<?php</div>
<div id="crayon-52ae9f43a2e76219679298-2">
//set FTP directly in wp-config.php</div>
<div id="crayon-52ae9f43a2e76219679298-3">
define(‘FTP_HOST’, ‘ftp.domain.com’);</div>
<div id="crayon-52ae9f43a2e76219679298-4">
define(‘FTP_USER’, ‘Your_FTP_Username’);</div>
<div id="crayon-52ae9f43a2e76219679298-5">
define(‘FTP_PASS’, ‘Your_FTP_password’);</div>
<div id="crayon-52ae9f43a2e76219679298-6">
</div>
<div id="crayon-52ae9f43a2e76219679298-7">
//if you’re in an SSL connection</div>
<div id="crayon-52ae9f43a2e76219679298-8">
define(‘FTP_SSL’, true);</div>
<div id="crayon-52ae9f43a2e76219679298-9">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Step Two:</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
If you have full access in your server or do you have VPS server you can install “suPHP” and then after installing suPHP restart your apache, and it works fine.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Step Three:</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Set all your <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress </a>file ownership to nobody.nobody but this is not recommended as your account easily hacked/cracked by someone else due to nobody.nobody ownership or low file ownership.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
That’s it and your problem is gone</div>
</div>

WORDPRESS ALWAYS ASKING FOR FTP LOGIN INFORMATION ON UPGRADE

Upgrading, installing, deleting wordpress plugin and themes are the most things you do in wordpress development site and in order to ins...

WORDPRESS CUSTOM REGISTRATION WITHOUT USING A PLUGIN

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="page-content content" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 40px;">
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
On past few days, I was posted an article about creating <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>Custom Login Page without Using a Plugin and on previous month I’ve posted another wordpress related article which is How to Create Custom Reset or Forget Password in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>and to complete wordpress Meta I decided to create a new article “WordPress Custom Registration without Using a Plugin”, this sounds really interesting right? To add registration in your site you can find various wordpress plugins directly in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress </a>plugin directory but this tutorial might helpful to all web developer who are willing to learn in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress</a>.</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
In this tutorial we’re using <strong style="line-height: inherit;">wp_insert_user()</strong> function to insert a user into the database, this functions can update a current user or insert a new user based on whether the user’s ID is present.</div>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Syntax</h3>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9751daf79265752656" style="text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9751daf79265752656-1">
1</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9751daf79265752656-1">
<?php wp_insert_user( $userdata ) ?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
PHP code</h3>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
This contains <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">php </a>script to validate and accept posted data from our <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>form.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9751daf83255914285" style="text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9751daf83255914285-1">
1</div>
<div data-line="crayon-52ae9751daf83255914285-2">
2</div>
<div data-line="crayon-52ae9751daf83255914285-3">
3</div>
<div data-line="crayon-52ae9751daf83255914285-4">
4</div>
<div data-line="crayon-52ae9751daf83255914285-5">
5</div>
<div data-line="crayon-52ae9751daf83255914285-6">
6</div>
<div data-line="crayon-52ae9751daf83255914285-7">
7</div>
<div data-line="crayon-52ae9751daf83255914285-8">
8</div>
<div data-line="crayon-52ae9751daf83255914285-9">
9</div>
<div data-line="crayon-52ae9751daf83255914285-10">
10</div>
<div data-line="crayon-52ae9751daf83255914285-11">
11</div>
<div data-line="crayon-52ae9751daf83255914285-12">
12</div>
<div data-line="crayon-52ae9751daf83255914285-13">
13</div>
<div data-line="crayon-52ae9751daf83255914285-14">
14</div>
<div data-line="crayon-52ae9751daf83255914285-15">
15</div>
<div data-line="crayon-52ae9751daf83255914285-16">
16</div>
<div data-line="crayon-52ae9751daf83255914285-17">
17</div>
<div data-line="crayon-52ae9751daf83255914285-18">
18</div>
<div data-line="crayon-52ae9751daf83255914285-19">
19</div>
<div data-line="crayon-52ae9751daf83255914285-20">
20</div>
<div data-line="crayon-52ae9751daf83255914285-21">
21</div>
<div data-line="crayon-52ae9751daf83255914285-22">
22</div>
<div data-line="crayon-52ae9751daf83255914285-23">
23</div>
<div data-line="crayon-52ae9751daf83255914285-24">
24</div>
<div data-line="crayon-52ae9751daf83255914285-25">
25</div>
<div data-line="crayon-52ae9751daf83255914285-26">
26</div>
<div data-line="crayon-52ae9751daf83255914285-27">
27</div>
<div data-line="crayon-52ae9751daf83255914285-28">
28</div>
<div data-line="crayon-52ae9751daf83255914285-29">
29</div>
<div data-line="crayon-52ae9751daf83255914285-30">
30</div>
<div data-line="crayon-52ae9751daf83255914285-31">
31</div>
<div data-line="crayon-52ae9751daf83255914285-32">
32</div>
<div data-line="crayon-52ae9751daf83255914285-33">
33</div>
<div data-line="crayon-52ae9751daf83255914285-34">
34</div>
<div data-line="crayon-52ae9751daf83255914285-35">
35</div>
<div data-line="crayon-52ae9751daf83255914285-36">
36</div>
<div data-line="crayon-52ae9751daf83255914285-37">
37</div>
<div data-line="crayon-52ae9751daf83255914285-38">
38</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9751daf83255914285-1">
<?php</div>
<div id="crayon-52ae9751daf83255914285-2">
$err = ”;</div>
<div id="crayon-52ae9751daf83255914285-3">
$success = ”;</div>
<div id="crayon-52ae9751daf83255914285-4">
</div>
<div id="crayon-52ae9751daf83255914285-5">
global $wpdb, $PasswordHash, $current_user, $user_ID;</div>
<div id="crayon-52ae9751daf83255914285-6">
</div>
<div id="crayon-52ae9751daf83255914285-7">
if(isset($_POST['task']) && $_POST['task'] == ‘register’ ) {</div>
<div id="crayon-52ae9751daf83255914285-8">
    $pwd1 = $wpdb->escape(trim($_POST['pwd1']));</div>
<div id="crayon-52ae9751daf83255914285-9">
    $pwd2 = $wpdb->escape(trim($_POST['pwd2']));</div>
<div id="crayon-52ae9751daf83255914285-10">
    $first_name = $wpdb->escape(trim($_POST['first_name']));</div>
<div id="crayon-52ae9751daf83255914285-11">
    $last_name = $wpdb->escape(trim($_POST['last_name']));</div>
<div id="crayon-52ae9751daf83255914285-12">
    $email = $wpdb->escape(trim($_POST['email']));</div>
<div id="crayon-52ae9751daf83255914285-13">
    $username = $wpdb->escape(trim($_POST['username']));</div>
<div id="crayon-52ae9751daf83255914285-14">
</div>
<div id="crayon-52ae9751daf83255914285-15">
    if( $email == “” || $pwd1 == “” || $pwd2 == “” || $username == “” || $first_name == “” || $last_name == “”) {</div>
<div id="crayon-52ae9751daf83255914285-16">
        $err = ‘Please don\’t leave the required fields.’;</div>
<div id="crayon-52ae9751daf83255914285-17">
    } else if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {</div>
<div id="crayon-52ae9751daf83255914285-18">
        $err = ‘Invalid email address.’;</div>
<div id="crayon-52ae9751daf83255914285-19">
    } else if(email_exists($email) ) {</div>
<div id="crayon-52ae9751daf83255914285-20">
        $err = ‘Email already exist.’;</div>
<div id="crayon-52ae9751daf83255914285-21">
    } else if($pwd1 <> $pwd2 ){</div>
<div id="crayon-52ae9751daf83255914285-22">
        $err = ‘Password do not match.’;</div>
<div id="crayon-52ae9751daf83255914285-23">
    } else {</div>
<div id="crayon-52ae9751daf83255914285-24">
</div>
<div id="crayon-52ae9751daf83255914285-25">
        $user_id = wp_insert_user( array (‘first_name’ => apply_filters(‘pre_user_first_name’, $first_name), ‘last_name’ => apply_filters(‘pre_user_last_name’, $last_name), ‘user_pass’ => apply_filters(‘pre_user_user_pass’, $pwd1), ‘user_login’ => apply_filters(‘pre_user_user_login’, $username), ‘user_email’ => apply_filters(‘pre_user_user_email’, $email), ‘role’ => ‘subscriber’ ) );</div>
<div id="crayon-52ae9751daf83255914285-26">
        if( is_wp_error($user_id) ) {</div>
<div id="crayon-52ae9751daf83255914285-27">
            $err = ‘Error on user creation.’;</div>
<div id="crayon-52ae9751daf83255914285-28">
        } else {</div>
<div id="crayon-52ae9751daf83255914285-29">
            do_action(‘user_register’, $user_id);</div>
<div id="crayon-52ae9751daf83255914285-30">
</div>
<div id="crayon-52ae9751daf83255914285-31">
            $success = ‘You\’re successfully register’;</div>
<div id="crayon-52ae9751daf83255914285-32">
        }</div>
<div id="crayon-52ae9751daf83255914285-33">
</div>
<div id="crayon-52ae9751daf83255914285-34">
    }</div>
<div id="crayon-52ae9751daf83255914285-35">
</div>
<div id="crayon-52ae9751daf83255914285-36">
}</div>
<div id="crayon-52ae9751daf83255914285-37">
</div>
<div id="crayon-52ae9751daf83255914285-38">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
Lets put in details the function we’re using in our code and its use.</div>
<ul style="list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;"><strong style="line-height: inherit;">email_exists:</strong> To look if the user email already exist.</li>
<li style="list-style-position: outside; margin-bottom: 20px;"><strong style="line-height: inherit;">apply_filters:</strong> Calls filters for most of the <strong style="line-height: inherit;">$userdata</strong> fields with the prefix ‘pre_user’, where <strong style="line-height: inherit;">$userdata</strong> is the data contain to create user.</li>
<li style="list-style-position: outside; margin-bottom: 20px;"><strong style="line-height: inherit;">do_action:</strong> Calls ‘user_register’ hook when creating a new user giving the user’s ID.</li>
</ul>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
HTML code</h3>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9751daf8b983190353" style="text-align: justify;">
<div data-settings=" show">
XHTML</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9751daf8b983190353-1">
1</div>
<div data-line="crayon-52ae9751daf8b983190353-2">
2</div>
<div data-line="crayon-52ae9751daf8b983190353-3">
3</div>
<div data-line="crayon-52ae9751daf8b983190353-4">
4</div>
<div data-line="crayon-52ae9751daf8b983190353-5">
5</div>
<div data-line="crayon-52ae9751daf8b983190353-6">
6</div>
<div data-line="crayon-52ae9751daf8b983190353-7">
7</div>
<div data-line="crayon-52ae9751daf8b983190353-8">
8</div>
<div data-line="crayon-52ae9751daf8b983190353-9">
9</div>
<div data-line="crayon-52ae9751daf8b983190353-10">
10</div>
<div data-line="crayon-52ae9751daf8b983190353-11">
11</div>
<div data-line="crayon-52ae9751daf8b983190353-12">
12</div>
<div data-line="crayon-52ae9751daf8b983190353-13">
13</div>
<div data-line="crayon-52ae9751daf8b983190353-14">
14</div>
<div data-line="crayon-52ae9751daf8b983190353-15">
15</div>
<div data-line="crayon-52ae9751daf8b983190353-16">
16</div>
<div data-line="crayon-52ae9751daf8b983190353-17">
17</div>
<div data-line="crayon-52ae9751daf8b983190353-18">
18</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9751daf8b983190353-1">
<form method=”post”></div>
<div id="crayon-52ae9751daf8b983190353-2">
<h3>Don’t have an account?<br/> Create one now.</h3></div>
<div id="crayon-52ae9751daf8b983190353-3">
<p><label>Last Name</label></p></div>
<div id="crayon-52ae9751daf8b983190353-4">
<p><input type=”text” value=”" name=”last_name” id=”last_name” /></p></div>
<div id="crayon-52ae9751daf8b983190353-5">
<p><label>First Name</label></p></div>
<div id="crayon-52ae9751daf8b983190353-6">
<p><input type=”text” value=”" name=”first_name” id=”first_name” /></p></div>
<div id="crayon-52ae9751daf8b983190353-7">
<p><label>Email</label></p></div>
<div id="crayon-52ae9751daf8b983190353-8">
<p><input type=”text” value=”" name=”email” id=”email” /></p></div>
<div id="crayon-52ae9751daf8b983190353-9">
<p><label>Username</label></p></div>
<div id="crayon-52ae9751daf8b983190353-10">
<p><input type=”text” value=”" name=”username” id=”username” /></p></div>
<div id="crayon-52ae9751daf8b983190353-11">
<p><label>Password</label></p></div>
<div id="crayon-52ae9751daf8b983190353-12">
<p><input type=”password” value=”" name=”pwd1″ id=”pwd1″ /></p></div>
<div id="crayon-52ae9751daf8b983190353-13">
<p><label>Password again</label></p></div>
<div id="crayon-52ae9751daf8b983190353-14">
<p><input type=”password” value=”" name=”pwd2″ id=”pwd2″ /></p></div>
<div id="crayon-52ae9751daf8b983190353-15">
<div class=”alignleft”><p><?php if($sucess != “”) { echo $sucess; } ?> <?php if($err != “”) { echo $err; } ?></p></div></div>
<div id="crayon-52ae9751daf8b983190353-16">
<button type=”submit” name=”btnregister” class=”button” >Submit</button></div>
<div id="crayon-52ae9751daf8b983190353-17">
<input type=”hidden” name=”task” value=”register” /></div>
<div id="crayon-52ae9751daf8b983190353-18">
</form></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
I’ve added one hidden field to validate if the submitted form is for registration.</div>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Parameters</h3>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
<code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">$userdata</code> An array of user data.</div>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Complete Source Code</h3>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
Below is the complete custom registration page source code, copy and paste the snippet below to test it yourself.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9751daf91434913201" style="text-align: justify;">
<div data-settings=" show">
XHTML</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9751daf91434913201-1">
1</div>
<div data-line="crayon-52ae9751daf91434913201-2">
2</div>
<div data-line="crayon-52ae9751daf91434913201-3">
3</div>
<div data-line="crayon-52ae9751daf91434913201-4">
4</div>
<div data-line="crayon-52ae9751daf91434913201-5">
5</div>
<div data-line="crayon-52ae9751daf91434913201-6">
6</div>
<div data-line="crayon-52ae9751daf91434913201-7">
7</div>
<div data-line="crayon-52ae9751daf91434913201-8">
8</div>
<div data-line="crayon-52ae9751daf91434913201-9">
9</div>
<div data-line="crayon-52ae9751daf91434913201-10">
10</div>
<div data-line="crayon-52ae9751daf91434913201-11">
11</div>
<div data-line="crayon-52ae9751daf91434913201-12">
12</div>
<div data-line="crayon-52ae9751daf91434913201-13">
13</div>
<div data-line="crayon-52ae9751daf91434913201-14">
14</div>
<div data-line="crayon-52ae9751daf91434913201-15">
15</div>
<div data-line="crayon-52ae9751daf91434913201-16">
16</div>
<div data-line="crayon-52ae9751daf91434913201-17">
17</div>
<div data-line="crayon-52ae9751daf91434913201-18">
18</div>
<div data-line="crayon-52ae9751daf91434913201-19">
19</div>
<div data-line="crayon-52ae9751daf91434913201-20">
20</div>
<div data-line="crayon-52ae9751daf91434913201-21">
21</div>
<div data-line="crayon-52ae9751daf91434913201-22">
22</div>
<div data-line="crayon-52ae9751daf91434913201-23">
23</div>
<div data-line="crayon-52ae9751daf91434913201-24">
24</div>
<div data-line="crayon-52ae9751daf91434913201-25">
25</div>
<div data-line="crayon-52ae9751daf91434913201-26">
26</div>
<div data-line="crayon-52ae9751daf91434913201-27">
27</div>
<div data-line="crayon-52ae9751daf91434913201-28">
28</div>
<div data-line="crayon-52ae9751daf91434913201-29">
29</div>
<div data-line="crayon-52ae9751daf91434913201-30">
30</div>
<div data-line="crayon-52ae9751daf91434913201-31">
31</div>
<div data-line="crayon-52ae9751daf91434913201-32">
32</div>
<div data-line="crayon-52ae9751daf91434913201-33">
33</div>
<div data-line="crayon-52ae9751daf91434913201-34">
34</div>
<div data-line="crayon-52ae9751daf91434913201-35">
35</div>
<div data-line="crayon-52ae9751daf91434913201-36">
36</div>
<div data-line="crayon-52ae9751daf91434913201-37">
37</div>
<div data-line="crayon-52ae9751daf91434913201-38">
38</div>
<div data-line="crayon-52ae9751daf91434913201-39">
39</div>
<div data-line="crayon-52ae9751daf91434913201-40">
40</div>
<div data-line="crayon-52ae9751daf91434913201-41">
41</div>
<div data-line="crayon-52ae9751daf91434913201-42">
42</div>
<div data-line="crayon-52ae9751daf91434913201-43">
43</div>
<div data-line="crayon-52ae9751daf91434913201-44">
44</div>
<div data-line="crayon-52ae9751daf91434913201-45">
45</div>
<div data-line="crayon-52ae9751daf91434913201-46">
46</div>
<div data-line="crayon-52ae9751daf91434913201-47">
47</div>
<div data-line="crayon-52ae9751daf91434913201-48">
48</div>
<div data-line="crayon-52ae9751daf91434913201-49">
49</div>
<div data-line="crayon-52ae9751daf91434913201-50">
50</div>
<div data-line="crayon-52ae9751daf91434913201-51">
51</div>
<div data-line="crayon-52ae9751daf91434913201-52">
52</div>
<div data-line="crayon-52ae9751daf91434913201-53">
53</div>
<div data-line="crayon-52ae9751daf91434913201-54">
54</div>
<div data-line="crayon-52ae9751daf91434913201-55">
55</div>
<div data-line="crayon-52ae9751daf91434913201-56">
56</div>
<div data-line="crayon-52ae9751daf91434913201-57">
57</div>
<div data-line="crayon-52ae9751daf91434913201-58">
58</div>
<div data-line="crayon-52ae9751daf91434913201-59">
59</div>
<div data-line="crayon-52ae9751daf91434913201-60">
60</div>
<div data-line="crayon-52ae9751daf91434913201-61">
61</div>
<div data-line="crayon-52ae9751daf91434913201-62">
62</div>
<div data-line="crayon-52ae9751daf91434913201-63">
63</div>
<div data-line="crayon-52ae9751daf91434913201-64">
64</div>
<div data-line="crayon-52ae9751daf91434913201-65">
65</div>
<div data-line="crayon-52ae9751daf91434913201-66">
66</div>
<div data-line="crayon-52ae9751daf91434913201-67">
67</div>
<div data-line="crayon-52ae9751daf91434913201-68">
68</div>
<div data-line="crayon-52ae9751daf91434913201-69">
69</div>
<div data-line="crayon-52ae9751daf91434913201-70">
70</div>
<div data-line="crayon-52ae9751daf91434913201-71">
71</div>
<div data-line="crayon-52ae9751daf91434913201-72">
72</div>
<div data-line="crayon-52ae9751daf91434913201-73">
73</div>
<div data-line="crayon-52ae9751daf91434913201-74">
74</div>
<div data-line="crayon-52ae9751daf91434913201-75">
75</div>
<div data-line="crayon-52ae9751daf91434913201-76">
76</div>
<div data-line="crayon-52ae9751daf91434913201-77">
77</div>
<div data-line="crayon-52ae9751daf91434913201-78">
78</div>
<div data-line="crayon-52ae9751daf91434913201-79">
79</div>
<div data-line="crayon-52ae9751daf91434913201-80">
80</div>
<div data-line="crayon-52ae9751daf91434913201-81">
81</div>
<div data-line="crayon-52ae9751daf91434913201-82">
82</div>
<div data-line="crayon-52ae9751daf91434913201-83">
83</div>
<div data-line="crayon-52ae9751daf91434913201-84">
84</div>
<div data-line="crayon-52ae9751daf91434913201-85">
85</div>
<div data-line="crayon-52ae9751daf91434913201-86">
86</div>
<div data-line="crayon-52ae9751daf91434913201-87">
87</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9751daf91434913201-1">
<?php</div>
<div id="crayon-52ae9751daf91434913201-2">
/*</div>
<div id="crayon-52ae9751daf91434913201-3">
Template Name: Login Page</div>
<div id="crayon-52ae9751daf91434913201-4">
*/</div>
<div id="crayon-52ae9751daf91434913201-5">
</div>
<div id="crayon-52ae9751daf91434913201-6">
the_post()</div>
<div id="crayon-52ae9751daf91434913201-7">
get_header()</div>
<div id="crayon-52ae9751daf91434913201-8">
?></div>
<div id="crayon-52ae9751daf91434913201-9">
</div>
<div id="crayon-52ae9751daf91434913201-10">
<div class=”wrapper”></div>
<div id="crayon-52ae9751daf91434913201-11">
</div>
<div id="crayon-52ae9751daf91434913201-12">
    <?php</div>
<div id="crayon-52ae9751daf91434913201-13">
    $err = ”;</div>
<div id="crayon-52ae9751daf91434913201-14">
    $success = ”;</div>
<div id="crayon-52ae9751daf91434913201-15">
</div>
<div id="crayon-52ae9751daf91434913201-16">
    global $wpdb, $PasswordHash, $current_user, $user_ID;</div>
<div id="crayon-52ae9751daf91434913201-17">
</div>
<div id="crayon-52ae9751daf91434913201-18">
    if(isset($_POST['task']) && $_POST['task'] == ‘register’ ) {</div>
<div id="crayon-52ae9751daf91434913201-19">
</div>
<div id="crayon-52ae9751daf91434913201-20">
</div>
<div id="crayon-52ae9751daf91434913201-21">
        $pwd1 = $wpdb->escape(trim($_POST['pwd1']));</div>
<div id="crayon-52ae9751daf91434913201-22">
        $pwd2 = $wpdb->escape(trim($_POST['pwd2']));</div>
<div id="crayon-52ae9751daf91434913201-23">
        $first_name = $wpdb->escape(trim($_POST['first_name']));</div>
<div id="crayon-52ae9751daf91434913201-24">
        $last_name = $wpdb->escape(trim($_POST['last_name']));</div>
<div id="crayon-52ae9751daf91434913201-25">
        $email = $wpdb->escape(trim($_POST['email']));</div>
<div id="crayon-52ae9751daf91434913201-26">
        $username = $wpdb->escape(trim($_POST['username']));</div>
<div id="crayon-52ae9751daf91434913201-27">
</div>
<div id="crayon-52ae9751daf91434913201-28">
        if( $email == “” || $pwd1 == “” || $pwd2 == “” || $username == “” || $first_name == “” || $last_name == “”) {</div>
<div id="crayon-52ae9751daf91434913201-29">
            $err = ‘Please don\’t leave the required fields.’;</div>
<div id="crayon-52ae9751daf91434913201-30">
        } else if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {</div>
<div id="crayon-52ae9751daf91434913201-31">
            $err = ‘Invalid email address.’;</div>
<div id="crayon-52ae9751daf91434913201-32">
        } else if(email_exists($email) ) {</div>
<div id="crayon-52ae9751daf91434913201-33">
            $err = ‘Email already exist.’;</div>
<div id="crayon-52ae9751daf91434913201-34">
        } else if($pwd1 <> $pwd2 ){</div>
<div id="crayon-52ae9751daf91434913201-35">
            $err = ‘Password do not match.’;</div>
<div id="crayon-52ae9751daf91434913201-36">
        } else {</div>
<div id="crayon-52ae9751daf91434913201-37">
</div>
<div id="crayon-52ae9751daf91434913201-38">
            $user_id = wp_insert_user( array (‘first_name’ => apply_filters(‘pre_user_first_name’, $first_name), ‘last_name’ => apply_filters(‘pre_user_last_name’, $last_name), ‘user_pass’ => apply_filters(‘pre_user_user_pass’, $pwd1), ‘user_login’ => apply_filters(‘pre_user_user_login’, $username), ‘user_email’ => apply_filters(‘pre_user_user_email’, $email), ‘role’ => ‘subscriber’ ) );</div>
<div id="crayon-52ae9751daf91434913201-39">
            if( is_wp_error($user_id) ) {</div>
<div id="crayon-52ae9751daf91434913201-40">
                $err = ‘Error on user creation.’;</div>
<div id="crayon-52ae9751daf91434913201-41">
            } else {</div>
<div id="crayon-52ae9751daf91434913201-42">
                do_action(‘user_register’, $user_id);</div>
<div id="crayon-52ae9751daf91434913201-43">
</div>
<div id="crayon-52ae9751daf91434913201-44">
                $success = ‘You\’re successfully register’;</div>
<div id="crayon-52ae9751daf91434913201-45">
            }</div>
<div id="crayon-52ae9751daf91434913201-46">
</div>
<div id="crayon-52ae9751daf91434913201-47">
        }</div>
<div id="crayon-52ae9751daf91434913201-48">
</div>
<div id="crayon-52ae9751daf91434913201-49">
    }</div>
<div id="crayon-52ae9751daf91434913201-50">
    ?></div>
<div id="crayon-52ae9751daf91434913201-51">
</div>
<div id="crayon-52ae9751daf91434913201-52">
        <!–display error/success message–></div>
<div id="crayon-52ae9751daf91434913201-53">
    <div id=”message”></div>
<div id="crayon-52ae9751daf91434913201-54">
        <?php</div>
<div id="crayon-52ae9751daf91434913201-55">
            if(! empty($err) ) :</div>
<div id="crayon-52ae9751daf91434913201-56">
                echo ‘<p>’.$err.’</p>’;</div>
<div id="crayon-52ae9751daf91434913201-57">
            endif;</div>
<div id="crayon-52ae9751daf91434913201-58">
        ?></div>
<div id="crayon-52ae9751daf91434913201-59">
</div>
<div id="crayon-52ae9751daf91434913201-60">
        <?php</div>
<div id="crayon-52ae9751daf91434913201-61">
            if(! empty($success) ) :</div>
<div id="crayon-52ae9751daf91434913201-62">
                echo ‘<p>’.$success.’</p>’;</div>
<div id="crayon-52ae9751daf91434913201-63">
            endif;</div>
<div id="crayon-52ae9751daf91434913201-64">
        ?></div>
<div id="crayon-52ae9751daf91434913201-65">
    </div></div>
<div id="crayon-52ae9751daf91434913201-66">
</div>
<div id="crayon-52ae9751daf91434913201-67">
    <form method=”post”></div>
<div id="crayon-52ae9751daf91434913201-68">
        <h3>Don’t have an account?<br/> Create one now.</h3></div>
<div id="crayon-52ae9751daf91434913201-69">
        <p><label>Last Name</label></p></div>
<div id="crayon-52ae9751daf91434913201-70">
        <p><input type=”text” value=”" name=”last_name” id=”last_name” /></p></div>
<div id="crayon-52ae9751daf91434913201-71">
        <p><label>First Name</label></p></div>
<div id="crayon-52ae9751daf91434913201-72">
        <p><input type=”text” value=”" name=”first_name” id=”first_name” /></p></div>
<div id="crayon-52ae9751daf91434913201-73">
        <p><label>Email</label></p></div>
<div id="crayon-52ae9751daf91434913201-74">
        <p><input type=”text” value=”" name=”email” id=”email” /></p></div>
<div id="crayon-52ae9751daf91434913201-75">
        <p><label>Username</label></p></div>
<div id="crayon-52ae9751daf91434913201-76">
        <p><input type=”text” value=”" name=”username” id=”username” /></p></div>
<div id="crayon-52ae9751daf91434913201-77">
        <p><label>Password</label></p></div>
<div id="crayon-52ae9751daf91434913201-78">
        <p><input type=”password” value=”" name=”pwd1″ id=”pwd1″ /></p></div>
<div id="crayon-52ae9751daf91434913201-79">
        <p><label>Password again</label></p></div>
<div id="crayon-52ae9751daf91434913201-80">
        <p><input type=”password” value=”" name=”pwd2″ id=”pwd2″ /></p></div>
<div id="crayon-52ae9751daf91434913201-81">
        <div class=”alignleft”><p><?php if($sucess != “”) { echo $sucess; } ?> <?php if($err != “”) { echo $err; } ?></p></div></div>
<div id="crayon-52ae9751daf91434913201-82">
        <button type=”submit” name=”btnregister” class=”button” >Submit</button></div>
<div id="crayon-52ae9751daf91434913201-83">
        <input type=”hidden” name=”task” value=”register” /></div>
<div id="crayon-52ae9751daf91434913201-84">
    </form></div>
<div id="crayon-52ae9751daf91434913201-85">
</div>
<div id="crayon-52ae9751daf91434913201-86">
</div></div>
<div id="crayon-52ae9751daf91434913201-87">
<?php get_footer() ?></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
The detailed basic tutorial on how to create custom pate template can be found at WP Codex.</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
That’s it happy coding, if you have question, clarification just use the comment below or contact me directly.</div>
</div>
</div>

WORDPRESS CUSTOM REGISTRATION WITHOUT USING A PLUGIN

On past few days, I was posted an article about creating WordPress Custom Login Page without Using a Plugin and on previous month I’ve ...

WORDPRESS CUSTOM LOGIN PAGE WITHOUT USING A PLUGIN – THE RIGHT WAY

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="page-content content" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 40px;">
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
<a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>is one of the most widely use Blog Engine today and many web developers are using <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>as CMS to build Blog, Personal and Business site, on past few days, I was working on a <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>site that need Custom Login page functionality, you may see a lot of plugins out there to create wordpress login page but this tutorial might helpful to all web developer who interested to learn in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress</a>.</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
In this tutorial I will explain <strong style="line-height: inherit;">how to make a <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress </a>custom login page without using any plugin</strong>.</div>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
PHP code</h3>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
This contains <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">php </a>script to validate and accept posted data from our <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>form.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9767d2e28486432881" style="text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9767d2e28486432881-1">
1</div>
<div data-line="crayon-52ae9767d2e28486432881-2">
2</div>
<div data-line="crayon-52ae9767d2e28486432881-3">
3</div>
<div data-line="crayon-52ae9767d2e28486432881-4">
4</div>
<div data-line="crayon-52ae9767d2e28486432881-5">
5</div>
<div data-line="crayon-52ae9767d2e28486432881-6">
6</div>
<div data-line="crayon-52ae9767d2e28486432881-7">
7</div>
<div data-line="crayon-52ae9767d2e28486432881-8">
8</div>
<div data-line="crayon-52ae9767d2e28486432881-9">
9</div>
<div data-line="crayon-52ae9767d2e28486432881-10">
10</div>
<div data-line="crayon-52ae9767d2e28486432881-11">
11</div>
<div data-line="crayon-52ae9767d2e28486432881-12">
12</div>
<div data-line="crayon-52ae9767d2e28486432881-13">
13</div>
<div data-line="crayon-52ae9767d2e28486432881-14">
14</div>
<div data-line="crayon-52ae9767d2e28486432881-15">
15</div>
<div data-line="crayon-52ae9767d2e28486432881-16">
16</div>
<div data-line="crayon-52ae9767d2e28486432881-17">
17</div>
<div data-line="crayon-52ae9767d2e28486432881-18">
18</div>
<div data-line="crayon-52ae9767d2e28486432881-19">
19</div>
<div data-line="crayon-52ae9767d2e28486432881-20">
20</div>
<div data-line="crayon-52ae9767d2e28486432881-21">
21</div>
<div data-line="crayon-52ae9767d2e28486432881-22">
22</div>
<div data-line="crayon-52ae9767d2e28486432881-23">
23</div>
<div data-line="crayon-52ae9767d2e28486432881-24">
24</div>
<div data-line="crayon-52ae9767d2e28486432881-25">
25</div>
<div data-line="crayon-52ae9767d2e28486432881-26">
26</div>
<div data-line="crayon-52ae9767d2e28486432881-27">
27</div>
<div data-line="crayon-52ae9767d2e28486432881-28">
28</div>
<div data-line="crayon-52ae9767d2e28486432881-29">
29</div>
<div data-line="crayon-52ae9767d2e28486432881-30">
30</div>
<div data-line="crayon-52ae9767d2e28486432881-31">
31</div>
<div data-line="crayon-52ae9767d2e28486432881-32">
32</div>
<div data-line="crayon-52ae9767d2e28486432881-33">
33</div>
<div data-line="crayon-52ae9767d2e28486432881-34">
34</div>
<div data-line="crayon-52ae9767d2e28486432881-35">
35</div>
<div data-line="crayon-52ae9767d2e28486432881-36">
36</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9767d2e28486432881-1">
<?php</div>
<div id="crayon-52ae9767d2e28486432881-2">
    global $wpdb;</div>
<div id="crayon-52ae9767d2e28486432881-3">
</div>
<div id="crayon-52ae9767d2e28486432881-4">
    $err = ”;</div>
<div id="crayon-52ae9767d2e28486432881-5">
    $success = ”;</div>
<div id="crayon-52ae9767d2e28486432881-6">
</div>
<div id="crayon-52ae9767d2e28486432881-7">
    if(isset($_POST['task']) && $_POST['task'] == ‘login’ )</div>
<div id="crayon-52ae9767d2e28486432881-8">
    {</div>
<div id="crayon-52ae9767d2e28486432881-9">
        //We shall SQL escape all inputs to avoid sql injection.</div>
<div id="crayon-52ae9767d2e28486432881-10">
        $username = $wpdb->escape($_POST['log']);</div>
<div id="crayon-52ae9767d2e28486432881-11">
        $password = $wpdb->escape($_POST['pwd']);</div>
<div id="crayon-52ae9767d2e28486432881-12">
        $remember = $wpdb->escape($_POST['remember']);</div>
<div id="crayon-52ae9767d2e28486432881-13">
</div>
<div id="crayon-52ae9767d2e28486432881-14">
</div>
<div id="crayon-52ae9767d2e28486432881-15">
        if( $username == “” || $password == “” ) {</div>
<div id="crayon-52ae9767d2e28486432881-16">
            $err = ‘Please don\’t leave the required field.’;</div>
<div id="crayon-52ae9767d2e28486432881-17">
        } else {</div>
<div id="crayon-52ae9767d2e28486432881-18">
            $user_data = array();</div>
<div id="crayon-52ae9767d2e28486432881-19">
            $user_data['user_login'] = $username;</div>
<div id="crayon-52ae9767d2e28486432881-20">
            $user_data['user_password'] = $password;</div>
<div id="crayon-52ae9767d2e28486432881-21">
            $user_data['remember'] = $remember;</div>
<div id="crayon-52ae9767d2e28486432881-22">
            $user = wp_signon( $user_data, false );</div>
<div id="crayon-52ae9767d2e28486432881-23">
</div>
<div id="crayon-52ae9767d2e28486432881-24">
            if ( is_wp_error($user) ) {</div>
<div id="crayon-52ae9767d2e28486432881-25">
                $err = $user->get_error_message();</div>
<div id="crayon-52ae9767d2e28486432881-26">
                exit();</div>
<div id="crayon-52ae9767d2e28486432881-27">
            } else {</div>
<div id="crayon-52ae9767d2e28486432881-28">
                wp_set_current_user( $user->ID, $username );</div>
<div id="crayon-52ae9767d2e28486432881-29">
                do_action(‘set_current_user’);</div>
<div id="crayon-52ae9767d2e28486432881-30">
</div>
<div id="crayon-52ae9767d2e28486432881-31">
                echo ‘<script type=”text/javascript”>window.location=’. get_bloginfo(‘url’) .’</script>’;</div>
<div id="crayon-52ae9767d2e28486432881-32">
                exit();</div>
<div id="crayon-52ae9767d2e28486432881-33">
            }</div>
<div id="crayon-52ae9767d2e28486432881-34">
        }</div>
<div id="crayon-52ae9767d2e28486432881-35">
    }</div>
<div id="crayon-52ae9767d2e28486432881-36">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Confused?</h3>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
Okay, let me explain further the lists of <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>function we’re using.</div>
<ul style="list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;"><code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">is_wp_error:</code> this will check whether variable is a <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>Error.</li>
<li style="list-style-position: outside; margin-bottom: 20px;"><code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">wp_set_current_user:</code> We use this <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">wordpress </a>built in function because many user report when using <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">wp_signon()</code> function logs a user in but for some reason the global user variables such as <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">$current_user</code> and <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">$user_ID</code> are not populated until the page is refreshed and calling <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">get_currentuserinfo()</code> doesn’t populate as well. The<code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">is_user_logged_in()</code> function also returns false.</li>
</ul>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
HTML code</h3>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
This contains <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>code for our login page.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9767d2e34981066578" style="text-align: justify;">
<div data-settings=" show">
XHTML</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9767d2e34981066578-1">
1</div>
<div data-line="crayon-52ae9767d2e34981066578-2">
2</div>
<div data-line="crayon-52ae9767d2e34981066578-3">
3</div>
<div data-line="crayon-52ae9767d2e34981066578-4">
4</div>
<div data-line="crayon-52ae9767d2e34981066578-5">
5</div>
<div data-line="crayon-52ae9767d2e34981066578-6">
6</div>
<div data-line="crayon-52ae9767d2e34981066578-7">
7</div>
<div data-line="crayon-52ae9767d2e34981066578-8">
8</div>
<div data-line="crayon-52ae9767d2e34981066578-9">
9</div>
<div data-line="crayon-52ae9767d2e34981066578-10">
10</div>
<div data-line="crayon-52ae9767d2e34981066578-11">
11</div>
<div data-line="crayon-52ae9767d2e34981066578-12">
12</div>
<div data-line="crayon-52ae9767d2e34981066578-13">
13</div>
<div data-line="crayon-52ae9767d2e34981066578-14">
14</div>
<div data-line="crayon-52ae9767d2e34981066578-15">
15</div>
<div data-line="crayon-52ae9767d2e34981066578-16">
16</div>
<div data-line="crayon-52ae9767d2e34981066578-17">
17</div>
<div data-line="crayon-52ae9767d2e34981066578-18">
18</div>
<div data-line="crayon-52ae9767d2e34981066578-19">
19</div>
<div data-line="crayon-52ae9767d2e34981066578-20">
20</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9767d2e34981066578-1">
    <form method=”post”></div>
<div id="crayon-52ae9767d2e34981066578-2">
        <h2>Already have an account? Please login.</span></h2></div>
<div id="crayon-52ae9767d2e34981066578-3">
        <p></div>
<div id="crayon-52ae9767d2e34981066578-4">
            <?php</div>
<div id="crayon-52ae9767d2e34981066578-5">
            if( !empty($sucess) )</div>
<div id="crayon-52ae9767d2e34981066578-6">
                echo $sucess;</div>
<div id="crayon-52ae9767d2e34981066578-7">
</div>
<div id="crayon-52ae9767d2e34981066578-8">
            if( !empty($err) )</div>
<div id="crayon-52ae9767d2e34981066578-9">
                echo $err;</div>
<div id="crayon-52ae9767d2e34981066578-10">
            ?></div>
<div id="crayon-52ae9767d2e34981066578-11">
        </p></div>
<div id="crayon-52ae9767d2e34981066578-12">
        <p><label for=”log”>Email</label></div>
<div id="crayon-52ae9767d2e34981066578-13">
            <input type=”text” name=”log” id=”log” value=”" /></p></div>
<div id="crayon-52ae9767d2e34981066578-14">
        <p><label for=”pwd”>Password</label></div>
<div id="crayon-52ae9767d2e34981066578-15">
            <input type=”password” name=”pwd” id=”pwd” value=”" /></p></div>
<div id="crayon-52ae9767d2e34981066578-16">
        <p><input type=”submit” value=”Login” class=”button” /></p></div>
<div id="crayon-52ae9767d2e34981066578-17">
</div>
<div id="crayon-52ae9767d2e34981066578-18">
        <label><input type=”checkbox” name=”remember” value=”true” /> Remember Me</label></div>
<div id="crayon-52ae9767d2e34981066578-19">
        <input type=”hidden” name=”task” value=”login” /></div>
<div id="crayon-52ae9767d2e34981066578-20">
    </form></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
I’ve added one hidden field to validated if the form submitted is the Login page.</div>
<h3 style="color: #333333; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Full Code</h3>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
Below is the complete custom login page source code, try it yourself and you can share your opinion below.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52ae9767d2e3a804751671" style="text-align: justify;">
<div data-settings=" show">
XHTML</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52ae9767d2e3a804751671-1">
1</div>
<div data-line="crayon-52ae9767d2e3a804751671-2">
2</div>
<div data-line="crayon-52ae9767d2e3a804751671-3">
3</div>
<div data-line="crayon-52ae9767d2e3a804751671-4">
4</div>
<div data-line="crayon-52ae9767d2e3a804751671-5">
5</div>
<div data-line="crayon-52ae9767d2e3a804751671-6">
6</div>
<div data-line="crayon-52ae9767d2e3a804751671-7">
7</div>
<div data-line="crayon-52ae9767d2e3a804751671-8">
8</div>
<div data-line="crayon-52ae9767d2e3a804751671-9">
9</div>
<div data-line="crayon-52ae9767d2e3a804751671-10">
10</div>
<div data-line="crayon-52ae9767d2e3a804751671-11">
11</div>
<div data-line="crayon-52ae9767d2e3a804751671-12">
12</div>
<div data-line="crayon-52ae9767d2e3a804751671-13">
13</div>
<div data-line="crayon-52ae9767d2e3a804751671-14">
14</div>
<div data-line="crayon-52ae9767d2e3a804751671-15">
15</div>
<div data-line="crayon-52ae9767d2e3a804751671-16">
16</div>
<div data-line="crayon-52ae9767d2e3a804751671-17">
17</div>
<div data-line="crayon-52ae9767d2e3a804751671-18">
18</div>
<div data-line="crayon-52ae9767d2e3a804751671-19">
19</div>
<div data-line="crayon-52ae9767d2e3a804751671-20">
20</div>
<div data-line="crayon-52ae9767d2e3a804751671-21">
21</div>
<div data-line="crayon-52ae9767d2e3a804751671-22">
22</div>
<div data-line="crayon-52ae9767d2e3a804751671-23">
23</div>
<div data-line="crayon-52ae9767d2e3a804751671-24">
24</div>
<div data-line="crayon-52ae9767d2e3a804751671-25">
25</div>
<div data-line="crayon-52ae9767d2e3a804751671-26">
26</div>
<div data-line="crayon-52ae9767d2e3a804751671-27">
27</div>
<div data-line="crayon-52ae9767d2e3a804751671-28">
28</div>
<div data-line="crayon-52ae9767d2e3a804751671-29">
29</div>
<div data-line="crayon-52ae9767d2e3a804751671-30">
30</div>
<div data-line="crayon-52ae9767d2e3a804751671-31">
31</div>
<div data-line="crayon-52ae9767d2e3a804751671-32">
32</div>
<div data-line="crayon-52ae9767d2e3a804751671-33">
33</div>
<div data-line="crayon-52ae9767d2e3a804751671-34">
34</div>
<div data-line="crayon-52ae9767d2e3a804751671-35">
35</div>
<div data-line="crayon-52ae9767d2e3a804751671-36">
36</div>
<div data-line="crayon-52ae9767d2e3a804751671-37">
37</div>
<div data-line="crayon-52ae9767d2e3a804751671-38">
38</div>
<div data-line="crayon-52ae9767d2e3a804751671-39">
39</div>
<div data-line="crayon-52ae9767d2e3a804751671-40">
40</div>
<div data-line="crayon-52ae9767d2e3a804751671-41">
41</div>
<div data-line="crayon-52ae9767d2e3a804751671-42">
42</div>
<div data-line="crayon-52ae9767d2e3a804751671-43">
43</div>
<div data-line="crayon-52ae9767d2e3a804751671-44">
44</div>
<div data-line="crayon-52ae9767d2e3a804751671-45">
45</div>
<div data-line="crayon-52ae9767d2e3a804751671-46">
46</div>
<div data-line="crayon-52ae9767d2e3a804751671-47">
47</div>
<div data-line="crayon-52ae9767d2e3a804751671-48">
48</div>
<div data-line="crayon-52ae9767d2e3a804751671-49">
49</div>
<div data-line="crayon-52ae9767d2e3a804751671-50">
50</div>
<div data-line="crayon-52ae9767d2e3a804751671-51">
51</div>
<div data-line="crayon-52ae9767d2e3a804751671-52">
52</div>
<div data-line="crayon-52ae9767d2e3a804751671-53">
53</div>
<div data-line="crayon-52ae9767d2e3a804751671-54">
54</div>
<div data-line="crayon-52ae9767d2e3a804751671-55">
55</div>
<div data-line="crayon-52ae9767d2e3a804751671-56">
56</div>
<div data-line="crayon-52ae9767d2e3a804751671-57">
57</div>
<div data-line="crayon-52ae9767d2e3a804751671-58">
58</div>
<div data-line="crayon-52ae9767d2e3a804751671-59">
59</div>
<div data-line="crayon-52ae9767d2e3a804751671-60">
60</div>
<div data-line="crayon-52ae9767d2e3a804751671-61">
61</div>
<div data-line="crayon-52ae9767d2e3a804751671-62">
62</div>
<div data-line="crayon-52ae9767d2e3a804751671-63">
63</div>
<div data-line="crayon-52ae9767d2e3a804751671-64">
64</div>
<div data-line="crayon-52ae9767d2e3a804751671-65">
65</div>
<div data-line="crayon-52ae9767d2e3a804751671-66">
66</div>
<div data-line="crayon-52ae9767d2e3a804751671-67">
67</div>
<div data-line="crayon-52ae9767d2e3a804751671-68">
68</div>
<div data-line="crayon-52ae9767d2e3a804751671-69">
69</div>
<div data-line="crayon-52ae9767d2e3a804751671-70">
70</div>
<div data-line="crayon-52ae9767d2e3a804751671-71">
71</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52ae9767d2e3a804751671-1">
<?php</div>
<div id="crayon-52ae9767d2e3a804751671-2">
/*</div>
<div id="crayon-52ae9767d2e3a804751671-3">
Template Name: Login Page</div>
<div id="crayon-52ae9767d2e3a804751671-4">
*/</div>
<div id="crayon-52ae9767d2e3a804751671-5">
</div>
<div id="crayon-52ae9767d2e3a804751671-6">
the_post();</div>
<div id="crayon-52ae9767d2e3a804751671-7">
get_header();</div>
<div id="crayon-52ae9767d2e3a804751671-8">
?></div>
<div id="crayon-52ae9767d2e3a804751671-9">
</div>
<div id="crayon-52ae9767d2e3a804751671-10">
<div class=”wrapper”></div>
<div id="crayon-52ae9767d2e3a804751671-11">
</div>
<div id="crayon-52ae9767d2e3a804751671-12">
    <?php</div>
<div id="crayon-52ae9767d2e3a804751671-13">
        global $wpdb;</div>
<div id="crayon-52ae9767d2e3a804751671-14">
</div>
<div id="crayon-52ae9767d2e3a804751671-15">
        $err = ”;</div>
<div id="crayon-52ae9767d2e3a804751671-16">
        $success = ”;</div>
<div id="crayon-52ae9767d2e3a804751671-17">
</div>
<div id="crayon-52ae9767d2e3a804751671-18">
        if(isset($_POST['task']) && $_POST['task'] == ‘login’ )</div>
<div id="crayon-52ae9767d2e3a804751671-19">
        {</div>
<div id="crayon-52ae9767d2e3a804751671-20">
            //We shall SQL escape all inputs to avoid sql injection.</div>
<div id="crayon-52ae9767d2e3a804751671-21">
            $username = $wpdb->escape($_POST['log']);</div>
<div id="crayon-52ae9767d2e3a804751671-22">
            $password = $wpdb->escape($_POST['pwd']);</div>
<div id="crayon-52ae9767d2e3a804751671-23">
            $remember = $wpdb->escape($_POST['remember']);</div>
<div id="crayon-52ae9767d2e3a804751671-24">
</div>
<div id="crayon-52ae9767d2e3a804751671-25">
</div>
<div id="crayon-52ae9767d2e3a804751671-26">
            if( $username == “” || $password == “” ) {</div>
<div id="crayon-52ae9767d2e3a804751671-27">
                $err = ‘Please don\’t leave the required field.’;</div>
<div id="crayon-52ae9767d2e3a804751671-28">
            } else {</div>
<div id="crayon-52ae9767d2e3a804751671-29">
                $user_data = array();</div>
<div id="crayon-52ae9767d2e3a804751671-30">
                $user_data['user_login'] = $username;</div>
<div id="crayon-52ae9767d2e3a804751671-31">
                $user_data['user_password'] = $password;</div>
<div id="crayon-52ae9767d2e3a804751671-32">
                $user_data['remember'] = $remember;</div>
<div id="crayon-52ae9767d2e3a804751671-33">
                $user = wp_signon( $user_data, false );</div>
<div id="crayon-52ae9767d2e3a804751671-34">
</div>
<div id="crayon-52ae9767d2e3a804751671-35">
                if ( is_wp_error($user) ) {</div>
<div id="crayon-52ae9767d2e3a804751671-36">
                    $err = $user->get_error_message();</div>
<div id="crayon-52ae9767d2e3a804751671-37">
                    exit();</div>
<div id="crayon-52ae9767d2e3a804751671-38">
                } else {</div>
<div id="crayon-52ae9767d2e3a804751671-39">
                    wp_set_current_user( $user->ID, $username );</div>
<div id="crayon-52ae9767d2e3a804751671-40">
                    do_action(‘set_current_user’);</div>
<div id="crayon-52ae9767d2e3a804751671-41">
</div>
<div id="crayon-52ae9767d2e3a804751671-42">
                    echo ‘<script type=”text/javascript”>window.location=’. get_bloginfo(‘url’) .’</script>’;</div>
<div id="crayon-52ae9767d2e3a804751671-43">
                    exit();</div>
<div id="crayon-52ae9767d2e3a804751671-44">
                }</div>
<div id="crayon-52ae9767d2e3a804751671-45">
            }</div>
<div id="crayon-52ae9767d2e3a804751671-46">
        }</div>
<div id="crayon-52ae9767d2e3a804751671-47">
    ?></div>
<div id="crayon-52ae9767d2e3a804751671-48">
</div>
<div id="crayon-52ae9767d2e3a804751671-49">
    <form method=”post”></div>
<div id="crayon-52ae9767d2e3a804751671-50">
        <h2>Already have an account? Please login.</span></h2></div>
<div id="crayon-52ae9767d2e3a804751671-51">
        <p></div>
<div id="crayon-52ae9767d2e3a804751671-52">
            <?php</div>
<div id="crayon-52ae9767d2e3a804751671-53">
            if( !empty($sucess) )</div>
<div id="crayon-52ae9767d2e3a804751671-54">
                echo $sucess;</div>
<div id="crayon-52ae9767d2e3a804751671-55">
</div>
<div id="crayon-52ae9767d2e3a804751671-56">
            if( !empty($err) )</div>
<div id="crayon-52ae9767d2e3a804751671-57">
                echo $err;</div>
<div id="crayon-52ae9767d2e3a804751671-58">
            ?></div>
<div id="crayon-52ae9767d2e3a804751671-59">
        </p></div>
<div id="crayon-52ae9767d2e3a804751671-60">
        <p><label for=”log”>Email</label></div>
<div id="crayon-52ae9767d2e3a804751671-61">
            <input type=”text” name=”log” id=”log” value=”" /></p></div>
<div id="crayon-52ae9767d2e3a804751671-62">
        <p><label for=”pwd”>Password</label></div>
<div id="crayon-52ae9767d2e3a804751671-63">
            <input type=”password” name=”pwd” id=”pwd” value=”" /></p></div>
<div id="crayon-52ae9767d2e3a804751671-64">
        <p><input type=”submit” value=”Login” class=”button” /></p></div>
<div id="crayon-52ae9767d2e3a804751671-65">
</div>
<div id="crayon-52ae9767d2e3a804751671-66">
        <label><input type=”checkbox” name=”remember” value=”true” /> Remember Me</label></div>
<div id="crayon-52ae9767d2e3a804751671-67">
        <input type=”hidden” name=”task” value=”login” /></div>
<div id="crayon-52ae9767d2e3a804751671-68">
    </form></div>
<div id="crayon-52ae9767d2e3a804751671-69">
</div>
<div id="crayon-52ae9767d2e3a804751671-70">
</div></div>
<div id="crayon-52ae9767d2e3a804751671-71">
<?php get_footer() ?></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
For the detailed tutorial how to create basic custom page template visit WP Codex.</div>
<div style="line-height: inherit; margin-bottom: 18px; text-align: justify;">
That’s it happy coding, if you have question, clarification just use the comment below or contact me directly.</div>
</div>
</div>

WORDPRESS CUSTOM LOGIN PAGE WITHOUT USING A PLUGIN – THE RIGHT WAY

WordPress is one of the most widely use Blog Engine today and many web developers are using WordPress as CMS to build Blog, Personal a...

HOW TO CREATE JOOMLA COMPONENT FROM SCRATCH

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Will this article is exciting isn’t it? in this article I will explain how to create Joomla component from scratch, you will need to know <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>and mySQL for database first.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
In this article you will learn about the architecture, design, and requirements of a general <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! component. You will also see how the component gets executed and is registered with the database. At the end, you will learn to create toolbars.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Joomla!’s Component Structure</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
<a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! employs a specific naming scheme, which is used by all components. Each component in the system has a unique name with no spaces. The code is split into two folders, each bearing the component name prefixed by com_. The component used here will be called sample. Therefore, you will have to create two folders named com_sample.</div>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Create one in the folder named components for the front end.</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Create one in the folder named components within the administrator folder for the back end.</li>
</ul>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
When the component is loaded from the front end, <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! will look for a file with the component’s unique name ending in a .php extension. Within the components/com_sample folder, create the sample.php file. Similarly, running it in the back end assumes the presence of a file prefaced with admin. followed by the component name and ending in .php. Add the file admin.sample.php in administrator/components/com_sample. Leave both the files empty for the moment.></div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Executing the Component</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
All front-end requests in <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! go through index.php in the root directory. Different components can be loaded by setting the option variable in the URL GET string. If you install <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! on a local web server in a directory titled joomla, the URL for accessing the site will be http://localhost/joomla/index.php or something similar. Assuming this is the case, you can load the component’s front end by openinghttp://localhost/joomla/index.php?option=com_sample in your browser. At this point, the screen should be essentially blank, apart from the common template elements and modules. To make this component slightly more useful, open sample.php and add the following code, then refresh the browser:</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
 PHP</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a6b2f3246b9588494832" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a6b2f3246b9588494832-1">
1</div>
<div data-line="crayon-52a6b2f3246b9588494832-2">
2</div>
<div data-line="crayon-52a6b2f3246b9588494832-3">
3</div>
<div data-line="crayon-52a6b2f3246b9588494832-4">
4</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a6b2f3246b9588494832-1">
<?php</div>
<div id="crayon-52a6b2f3246b9588494832-2">
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );</div>
<div id="crayon-52a6b2f3246b9588494832-3">
echo ‘<div> My first Component </div>’;</div>
<div id="crayon-52a6b2f3246b9588494832-4">
?></div>
</td></tr>
</tbody></table>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You may be wondering why we called defined() at the beginning of the file. This is a check to ensure that the code is called through Joomla! instead of being accessed directly at components/com_sample/sample.php. <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! automaticallyconfigures the environment with some security safeguards that can be defeated ifsomeone is able to directly execute the code for your component.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
<strong style="line-height: inherit;">For the back end, drop this code into </strong><br />administrator/components/com_sample/admin.sample.php.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a6b2f3246c3037485148" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a6b2f3246c3037485148-1">
1</div>
<div data-line="crayon-52a6b2f3246c3037485148-2">
2</div>
<div data-line="crayon-52a6b2f3246c3037485148-3">
3</div>
<div data-line="crayon-52a6b2f3246c3037485148-4">
4</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a6b2f3246c3037485148-1">
<?php</div>
<div id="crayon-52a6b2f3246c3037485148-2">
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );</div>
<div id="crayon-52a6b2f3246c3037485148-3">
echo ‘Sample Component’;</div>
<div id="crayon-52a6b2f3246c3037485148-4">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Joomla!’s Division between Front End and Back End</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
For all <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! components, code empowering the back-end portion is kept away from the front-end code. In some instances, such as the database table class, the back end will use certain files from the front end, but otherwise the two are separate. Security is enhanced as you are less likely to slip the administrative functions into the front-end code. This is an important distinction as the front end and back end are similar in structure.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Registering Your Component in the Database</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You now know how to access both the front end and back end of the component. Although you could keep typing in the URLs each time you wanted to execute a piece of code, this will not be acceptable to your users. Navigation can be provided if you register the component in the database by adding a row to the components table.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
We will perform this registration using the following query. It is assumed that your database prefix is jos_. If not, replace jos_ with the prefix you chose. If you prefer to work with direct SQL statements on a command-line interface, enter the following query in your console.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
MySQL</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a6b2f3246c9332302897" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a6b2f3246c9332302897-1">
1</div>
<div data-line="crayon-52a6b2f3246c9332302897-2">
2</div>
<div data-line="crayon-52a6b2f3246c9332302897-3">
3</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a6b2f3246c9332302897-1">
INSERT INTO jos_components (name, link, admin_menu_link, admin_menu_alt, ‘option’, admin_menu_img, params)</div>
<div id="crayon-52a6b2f3246c9332302897-2">
VALUES</div>
<div id="crayon-52a6b2f3246c9332302897-3">
(‘Sample Component’, ‘option=com_sample’, ‘option=com_sample’, ‘Sample Component’, ‘com_sample’, ‘js/ThemeOffice/component.png’, ”);</div>
</td></tr>
</tbody></table>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Adding this record gives the system some basic information about your component. It states the name you want to use for the component, which can contain spaces and punctuation. You can put in specific links to go to both the front end and back end. The image to be used on the Components menu can be specified. Also as the description in the browser status bar can be made available. It is not necessary to addthis query while developing the component; once you create the basic directories and files, your component is ready to be executed. However, it does add a menu item in the back-end and makes it possible to add an appropriate link in the front-end without hard coding a URL.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
After the record is successfully entered, go to any page in the back end and refresh it. When you move the mouse cursor over the Components menu you should see the new option:</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Now that the component is registered, you can also create a link for the front end. Go to Menus | Main Menu and click New. From this screen, select Component Sample. Enter Sample Component or any name best for you.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Now click Save and go to the front end. You should now see Sample component listed as an option.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You could just break out your <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>skills and start coding the component, ensuring all front-end requests go through http://localhost/joomla/index.php?option=com_sample and all back-end requests go though http://localhost/ joomla/administrator/index.php?option=com_sample. <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla</a>! is flexible enough to let you do as you please. In some cases, you will have existing code that you may want to use and you will need to split it into appropriate files. But for the component sample, you will start a new Joomla! component from scratch. You have the opportunity to design everything with Joomla’s toolbars, users, database classes, and libraries in mind. These elements will save you a lotof time once you understand how theywork.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Creating Toolbars</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Throughout the back end, all the core components implement toolbars with similarbuttons for saving, deleting, editing, and publishing items. You can use these buttons in your component so that frequent administrators will have a seamless experience.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
To start, create the toolbar.sample.<a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">html</a>.php file in the administrator/components/com_sample folder and enter in the following code:</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a6b2f3246d1384730323" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a6b2f3246d1384730323-1">
1</div>
<div data-line="crayon-52a6b2f3246d1384730323-2">
2</div>
<div data-line="crayon-52a6b2f3246d1384730323-3">
3</div>
<div data-line="crayon-52a6b2f3246d1384730323-4">
4</div>
<div data-line="crayon-52a6b2f3246d1384730323-5">
5</div>
<div data-line="crayon-52a6b2f3246d1384730323-6">
6</div>
<div data-line="crayon-52a6b2f3246d1384730323-7">
7</div>
<div data-line="crayon-52a6b2f3246d1384730323-8">
8</div>
<div data-line="crayon-52a6b2f3246d1384730323-9">
9</div>
<div data-line="crayon-52a6b2f3246d1384730323-10">
10</div>
<div data-line="crayon-52a6b2f3246d1384730323-11">
11</div>
<div data-line="crayon-52a6b2f3246d1384730323-12">
12</div>
<div data-line="crayon-52a6b2f3246d1384730323-13">
13</div>
<div data-line="crayon-52a6b2f3246d1384730323-14">
14</div>
<div data-line="crayon-52a6b2f3246d1384730323-15">
15</div>
<div data-line="crayon-52a6b2f3246d1384730323-16">
16</div>
<div data-line="crayon-52a6b2f3246d1384730323-17">
17</div>
<div data-line="crayon-52a6b2f3246d1384730323-18">
18</div>
<div data-line="crayon-52a6b2f3246d1384730323-19">
19</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a6b2f3246d1384730323-1">
<?php</div>
<div id="crayon-52a6b2f3246d1384730323-2">
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );</div>
<div id="crayon-52a6b2f3246d1384730323-3">
class TOOLBAR_sample {</div>
<div id="crayon-52a6b2f3246d1384730323-4">
function _NEW() {</div>
<div id="crayon-52a6b2f3246d1384730323-5">
JToolBarHelper::save();</div>
<div id="crayon-52a6b2f3246d1384730323-6">
JToolBarHelper::apply();</div>
<div id="crayon-52a6b2f3246d1384730323-7">
JToolBarHelper::cancel();</div>
<div id="crayon-52a6b2f3246d1384730323-8">
}</div>
<div id="crayon-52a6b2f3246d1384730323-9">
function _DEFAULT() {</div>
<div id="crayon-52a6b2f3246d1384730323-10">
JToolBarHelper::title( JText::_( ‘Sample Component’ ),</div>
<div id="crayon-52a6b2f3246d1384730323-11">
‘generic.png’ );</div>
<div id="crayon-52a6b2f3246d1384730323-12">
JToolBarHelper::publishList();</div>
<div id="crayon-52a6b2f3246d1384730323-13">
JToolBarHelper::unpublishList();</div>
<div id="crayon-52a6b2f3246d1384730323-14">
JToolBarHelper::editList();</div>
<div id="crayon-52a6b2f3246d1384730323-15">
JToolBarHelper::deleteList();</div>
<div id="crayon-52a6b2f3246d1384730323-16">
JToolBarHelper::addNew();</div>
<div id="crayon-52a6b2f3246d1384730323-17">
}</div>
<div id="crayon-52a6b2f3246d1384730323-18">
}</div>
<div id="crayon-52a6b2f3246d1384730323-19">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
 The line containing require_once(…) uses the getPath() member function of the JApplicationHelper class. The call to getPath() allows you to call up the toolbar.sample.<a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">html</a>.php file without committing to a component name. Later, even if you change the name to ‘Component’ and also change the filenames, this line of code will still load the output code for the toolbar with no modification.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You may be wondering why we are creating two files to begin with, toolbar.sample.php and toolbar.sample.<a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">html</a>.php. The preferred coding style among component developers is to keep the processing logic in a file completely separate from where the actual output takes place. This makes it easier to add features later and to potentially share the code with others.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
After toolbar.sample.<a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">php</a> loads the file with the output class, you need to decide which toolbar should be displayed. The request variable $task is automatically registered in global scope by Joomla! and is used to direct the logic flow within the component. With your toolbar code in place, refresh the browser in the back end and go to Sample component under Components and you can see that the <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla </a>toolbars are added.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
<em style="line-height: inherit;">There are lot of Joomla toolbar available, you can search it in joomla site.</em></div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Summary</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
The basic files necessary to build the component are now in place. The rest of the Joomla! installation now knows that this component is available for front end and back end use. By using standard <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML</a> and <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Css blog by websiteat100.com">CSS</a> classes, the component has a look and feel similar to the other components in the system, making it easy to use with different templates. Basic toolbars are available to the component and can be assigned to different screens by using the $task variable.</div>
</div>

HOW TO CREATE JOOMLA COMPONENT FROM SCRATCH

Will this article is exciting isn’t it? in this article I will explain how to create Joomla component from scratch, you will need to know ...