Category Archives: Html

3 Simple Hacks to Recover Lost WordPress Password

Let’s be honest, every once in a while we forget passwords. It’s a common but widespread issue we all go through. Gmail, Hotmail, Facebook, Skype, Bank passwords and WordPress, our tiny brains have a lot to remember. Imagine you’re a business owner or blogger and have a WordPress site, and you forget its password. It’s not just you, but the nerds and even techies can’t remember their passwords at times.

Well, it may give you panic attacks, but it’s not a big deal. WordPress has simplified it to reset or recover your lost password. There are many ways to do that. However, the simplest of all is to get a new password via email through the login screen. But what if it doesn’t work? You would need to count on some other options to reset your password. Again, there are many ways but you need to implement only one though.

Here, we are going to talk about three hacks that will help you recover your WordPress password. Let’s check out what exactly they are.

Hack #1—Password Recovery or Reset via Email

Well, we discussed it right at the start. But we didn’t discuss “how”. It’s the easiest way to recover your lost WordPress password. However, this method is useful only when you know your username or the email ID used in your WordPress profile.

Go to yourwebsite.com/wp-admin webpage first. Start by clicking “Lost password?” option given just at the bottom of the login section as shown in the picture below.

logged

This page will need you to provide your user ID or email address. The moment you enter the right email or username, you will receive the password to your registered email ID.

Open your email address and click on the link to reset your lost password. Now, you can access your WP site!

But sometimes, people forget their username or couldn’t recall the email linked to it. If any of these cases bothers you, don’t worry! Let’s move to the next step!

Hack #2— Password Reset or Recovery in PhpMyAdmin using cPanel

This step is for users who can access PhpMyAdmin. The URL for this step should be http://localhost/phpmyadmin. But it may vary to some extent as per one’s configuration settings. Here are the steps to follow:

a. Login to your cPanel of your WordPress hosting profile. Under the database section, choose phpMyAdmin option.

Cpanel

This will take you to the phpMyAdmin dashboard. Now, open your site’s WordPress database for which you have to change the password.

phypmyadmin

Go into the database table column and search wp_users. Click the “Browse” option given next to it.

Click on the user_login and find the username for which you have to change the password. When you click edit option, the user_id appears. Click edit again.

database row

Under the “user_pass” option, you’ll see a list of letters and numbers jumbled together. Select this string and delete it.

Now enter your new password. Pay attention to it as the passwords are usually case-sensitive.

Once finished, choose the MD5 option listed in the drop-down box as shown in the picture below.

DB tables

Check it twice to make sure you have entered the correct password and selected MD5.

Click the “Update”, “Save”, or “Go” option located at the footer section.

WHOA! You have successfully reset your WordPress password via phpMyAdmin. Now, you can log in with your new password! Of course, you need to enter your username first.

Wait a minute! What if you cannot access your WordPress site via cPanel? Well, there is yet another way to rest it! Here it comes.

Hack #3— WordPress Password Reset using FTP

Do you know every WordPress theme includes a PHP file called functions.php? What all you need to do is to download the same file from your hosting server (for WordPress) to your local computer via FTP.

Open the WordPress functions.php file using a text or page editor such as Notepad or Dreamweaver. Now, add a code line wp_set_password (‘abcdef, 1’) just after the

Editing wp_set_password code will allow you to reset, recover or change your WordPress password.

Here ‘abcdef’ is a sample password. It’s entirely up to you to choose any password you like. Here 1 is associated with the ID number of WordPress users.

Once you’re done with editing, save the changes you made in the functions.php. Upload the saved file to your site using FTP once again.

And, your password reset is done! Now, you can log in back to your site via your wp_admin page.

After you’ve successfully changed the password, it’s time to undo those changes. Yes, you need to undo the changes you made to WordPress theme file. Download the functions.php file again via FTP and delete the code “wp_set_password.”

Now, upload the edited file back to your site using FTP. This step will mark the end of the password recover hack.

Food for the thought

Although you are familiar with your webpage design, are you familiar with the theme? If you use cPanel or FTP to reset your password, you need to know the active WordPress theme on the website. If you edit an inactive one, you won’t be able to recover or reset the password. Look at the footer section, page source or the dashboard to know the theme of your WordPress website.

So what are you waiting for? Go and give your new password a shot!

How to display Facebook like box on website ?

Facebook like box is allows owner to provide his users to get latest updates of his website. Facebook like box is also be known as Facebook fan box. There is lots of social networking sites are present in the market now but today Facebook is more powerful way to explore your business worldwide. So i am going to tell you that how to display Facebook like box in your website so your visitors can easily be with you directly from your website. There is lots of people who are using plugin for this but i think there is no need to use any plugin this is very simple process to do and you don’t need any coding knowledge for this. Kindly follow these easy steps to show Facebook like box in your website.

1) Go to https://developers.facebook.com/docs/plugins/like-box-for-pages.

2) After going to like box page you have to fill some options shown below. See the screenshot.
facebook-like

3) After this you have to get like box code from clicking Get Code button and select the iframe tab and copy that code and paste it on your website where you want to display the like box and you’r done.
facebook-code

This is very simple process to get like box in your website. Hope this will helps you if you have any question or comments please feel free to ask.
Thanks for reading.



Easy steps to create dropdown menu upto 3 levels

Most of developers who are start learning coding have been facing a lot’s of problem to create dropdown navigation which is very important part of a website. So this tutorial is to them who don’t know how the drop down navigation actually work and how it is very easy to create. So now we can start with HTML code first follow these methods and you will be master in dropdown menu. Creating dropdown menu is very easy as ever before.

Create HTML Code

<ul>
   <li><a href="#">Home</a></li>
   <li><a href="#">About</a>
      <ul>
         <li><a href="#">LevelA</a></li>
        <li><a href="#">Leve1B</a>
           <ul>
              <li><a href="#">Leve2A</a></li>
              <li><a href="#">Leve2B</a>
                 <ul>
                    <li><a href="#">Leve3A</a></li>
                </ul>
             </li>
         </ul>
     </li>
   <li><a href="#">Leve1C</a></li>
  </ul>
</li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>	

The above code shows you the drop down menu of about us page.Now if your are run this on browser it looks very messy for this we need to create some CSS for setting this up well. So we have to make the dropdown appear below the parent page like we did right in about page so About us page is parent and Level 1, Level 2 etc is a child pages of About us page.



Find below CSS to make the stylish drop down and it works fine with that parent page. Sometimes peoples create dropdown but they actually didn’t know that how to make child pages related to that parent and it should appear below to the parent. So this CSS will help you to how does it work.

Style to Naviagtion

/* — Set up main naviagtion —- */
ul{
  margin:0;
  padding:0;
  list-style:none;
}

ul ul{
  display:none;
}

ul li{
  float:left;
  font:14px arial;
  position:relative;
}

ul li a{
  text-decoration:none;
  color:#ffffff;
  background-color:#000000;
  padding:10px 12px;
}

ul li a:hover{
background-color:#999999;
}

/* —– Level 1 —-*/
ul li:hover ul{
  display:block; 
  position:absolute;
  width:100px;
  background-color:#000000;
  margin-top:10px;
}

ul li:hover ul li{
float:none;
padding:10px 0;
}

ul li:hover ul li:hover{
  background-color:#999999;
  position:relative;
}

ul li:hover ul li a{
  background-color:transparent;
}

/* —– Level 2 —-*/
ul li:hover ul li ul{
  display:none;
}

ul li:hover ul li:hover ul{
  display:block;
  position:absolute;
  left:100px;
  top:0;
}

/* —– Level 3 —-*/
ul li:hover ul li ul li ul{
  display:none !important;
}

ul li:hover ul li ul li:hover ul{
  display:block !important;
  position:absolute;
  left:100px;
  top:0;
}

Hope this tutorial may be helpful to you and if you have any question or comments about this you can please fill this form below. I would like to help you anytime.
Good Luck !