Join us on Facebook

Friday, 1 December 2017

How To Make Fully Functional SearchBar For Your Website

How To Make Fully Functional SearchBar For Your Website

    Hello friends this is HeartHacker Shoaib Khan And Today I Am here with the new tutorial in which you can learn  "How To Make Fully Functional Local Search Engine For Your Website"  as you all know that it can be done only with php and mysql database so we will need a Local Server Software For Making this kind of project so firt off all go ahead and install any of local server software for in your pc if you have one then just go ahead and follow the steps given below...

Steps To Make It ⇓

01 »

    First Of All make a page  "index.php"  and style and design it as you need.

02 »

    Now make a page  "search.php"  and style and design it as you need.

03 »

    Be sure to make the search bar form as given in the source code.. I Mean you will need to name the form and it`s input fields correctly..!

04 »

    Now just copy and paste the php script in the  "search.php"  Page at the section where you want to show the search results.

05 »

    Now You will need to make a database and a table in it. for that just copy and

06 »

    Now copy the SQL Query and paste it into the SQL section in phpMyadmin Database And Click On Go.
  • 01 » This Will Make A Database With Name  "searchWeb" .
  • 02 » And It Will Also make a table in  "searchWeb"  Database With Name  "search" .
  • 03 » Also It Will make some columns in the  "search"  Table.
  • 04 » The Columns Will Be Made Are ⇓
    • 4.1 » Id [ INT( 99 ) ]
    • 4.2 » title [ VARCHAR( 225 ) ]
    • 4.3 » url [ VARCHAR( 225 ) ]
    • 4.4 » discription [ VARCHAR( 1000 ) ]
    • 4.5 » keywords [ VARCHAR( 1000 ) ]

Source Codes ⇓

This All Done Now Try It And Make It More Functional By Yourself and keep coding...
This Was Only The Method Of How To Make Your search Bar Actualy Work For you..

Thank You!



Wait For My Next Post And Don't Forget To Subscribe  "Incredible Designs"  Email NewsLetter To Get Updated Of Every New Post Of  "Incredible Designs"  On Your Mail Box...!

If You Have Any Question Or Suggestion Then Feel Free To Tell Me, Just Comment Your Query Or Suggestions In Comments... Also You Can Find Same And/Or Related Tutorial On My YouTube Channel "Incredible Designs"..

↓Find Same And/Or Related Tutorials On ↓



Sunday, 5 November 2017

How To Add Cursor Follower Text On Blogger Or On Any Website

How To Add Cursor Follower Text On Blogger Or On Any Website

    First off all welcome to the worlds best Technical Site HackBook It is your friend Shoaib Khan and today i will tell you that How You can Add Cursor Follower Text On Blogger Or On Any Website...
Yes Man It The Cursor follower Text gives an amazing Look to your blogger blog or Any Of your website...

Ok Here i am going to tell you that how you can Add Cursor follower Text On Your Blogger Or On Any Website
But first let me tell you this will be done by the best in WebDesigning  "JavaScript"  And If You want to add cursor follower text on your website then it is very very easy but if you want to add it on your blogger blog then it need some extra efforts but don't worry about it i will give you both information aboout your website and your blogger blog site...
Now let me start the tutorial here...

 This Is For Blogger's Blog Site :- 

  • First Off All Log in to your blogger acoount.
  • Now go to the theme section and click on  "Edit Html" .
  • Now press  CTRL  +  F .
  • Now in search window of theme's Html editor type  </body>  and press enter.
  • Now you will have End  </body>  tag of your blogger theme.
Now Just Copy The Script Bellow And Paste It Before  </body>  Tag On Blogger.
Here Is The Script:-

Script:-


Now Save the theme..
Note:- Change  var text='Incredible Designs'  To  var text='Your Text'  On First Line Of This Script to add your own text ..

 This Is For Other WebSites :- 

Now Just Copy The Script Bellow And Paste It Before  </body>  Tag On your Webpages.
Here Is The Script:-

Script:-



Note:- Change  var text='Incredible Designs'  To  var text='Your Text'  On First Line Of This Script to add your own text ..

You Can Download The Script Files From Here

!:Thank You:!


Wait For My Next Post And Don't Forget To Subscribe  "Incredible Designs"  Email NewsLetter To Get Updated Of Every New Post Of  "Incredible Designs"  On Your Mail Box...!

If You Have Any Question Or Suggestion Then Feel Free To Tell Me, Just Comment Your Query Or Suggestions In Comments... Also You Can Find Same And/Or Related Tutorial On My YouTube Channel "Incredible Designs"..

↓ Find Same And/Or Related Tutorials On ↓