Create Your Own Name Wishing Greeting Maker Web App Skip to main content

ad

Create Your Own Name Wishing Greeting Maker Web App

Create Your Own Name Wishing Greeting Maker Web App

Introduction:(name wishing Web App)

These Are Mostly Popular These Days And Can Be Used When Mixed With Event Blogging Sites.These name wishing Will Increase The Revenue And Also Traffic To You Site And Did i said these are viral in nature.if you haven’t seen these then click here and here a list of these sites click here.
so lets start . these site require a domain and hosting and a php code if you really interested then you can have paid services for better performance so now lets start

Creating the site:

in this topic we are going to register a free domain and also we are going to obtain the free hosting platform as well as i will share the links to premium services

Registering Domain Name

Domain Name Is Noting But The Text That You Enter In The Web Address Bar  Ex atoztech.in is a domain.
Does It Required ? Yes We Need It Because We Cant Renumber Those I.P s

Registering With Freenom (Obtain Free Domain)

Freenom is a company based in Amsterdam, in the Netherlands Which Provides The Free Domain Names in The Tld Of .TK , .MK , .GA , .CF , .GQ. So Select Any one . My Preferd Choice Is .ml
Doest Like These Domain Get You Own ,com ,.in in Next Topic  Skip Here
Go To Freenom Website.and select a available domain name and Proceed to checkout page and click Continue .later  If you have a account then login to the dashboard other wise sing up and complete the order
Hurray !! You have got a free domain name now lets move to second stage Hosting
Do You Req Any Help Contact Us

Registering With The BigRock (Paid Domain)

Important Note : If you want a paid domain .com or ,in else follow this step . if have already a domain then skip it

Registering With Hosting Partner

Restringing With Free Hosting

Free Hosting Often Comes to Limitations but these are great for doing experiments and creating tutrials and even for small websites.In this tutorial we are going to use the freehosting Services
Go to The Link And Login / Sign up

Registering With Paid Hosting

When you need more customisations and support them go for this paid hosting and there various paid hosting out of them the best is vapour host Cheap and Reliable and second one is hostripples (We Use it) Has various advanced plans

DNS Linking

DNS (Domain Name Server) It is the most important step . Dns server links the website url to corresponding ip of the hosting systems and ensure you revive correct data form that host as modern day shared hosting has a 1000s of websites running

Time For Coding

Also Check Our New Review About Top 5 Android Mobiles Below 15,000
In order to work this website name wishing Web App
For this Web App, you Need to create a Four Files
1 – index.php
2 – userwish.php
3 – db.php
4 – .htaccess
  • First Create a Database on your Webserver
  • After creating the Database run this SQL Query to create Tables for the Web App
  • After creating Database Tables create Three files
  • index.php – Homepage
  • userwish.php – Greeting Page
  • db.php – For MYSQL Database Connection
  • Now Add this Below code on db.php File
  • <?php
    
            $dbhost = 'localhost';
        $dbuser = 'YOUR DB USER';
        $dbpass = 'YOUR DB PASS';
        $dbname = 'YOUR DB NAME';
    
        $con=mysqli_connect($dbhost, $dbuser, $dbpass,$dbname) //connect to the database server
        or die ("Could not connect to mysql because ".mysqli_error());
    
        mysqli_select_db($con,$dbname)  //select the database
        or die ("Could not select to mysql because ".mysqli_error());
    
        ?>
    * Add your Database login credits and Save the db.php File * Add this Below code on index.php File
    <?php
    
    /*
    Plugin Name: MSK Festival Wishes Web App
    Plugin URI: https://www.allwebtuts.com/festival-wishes-web-app/
    Description: Festival Wishes Web App - A PHP Plugin Which Helps us to Create an Awesome SEO Friendly Festival Event Wishing Web App with Custom Greeting Wishes Page.
    Version: 1.1
    Author: Santhosh veer
    Author URI: https://www.mskian.com
    License: GPLv2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    */
    
    include('db.php');
    
    if(isset($_POST['create-wish']))
    {
    
    $title=mysqli_real_escape_string($con,$_POST["title"]);
    $title=htmlentities($title);
    
    //friendly URL conversion
    function to_prety_url($str){
        if($str !== mb_convert_encoding( mb_convert_encoding($str, 'UTF-32', 'UTF-8'), 'UTF-8', 'UTF-32') )
            $str = mb_convert_encoding($str, 'UTF-8', mb_detect_encoding($str));
        $str = htmlentities($str, ENT_NOQUOTES, 'UTF-8');
        $str = preg_replace('`&([a-z]{1,2})(acute|uml|circ|grave|ring|cedil|slash|tilde|caron|lig);`i', '\1', $str);
        $str = html_entity_decode($str, ENT_NOQUOTES, 'UTF-8');
        $str = preg_replace(array('`[^a-z0-9]`i','`[-]+`'), '-', $str);
        $str = strtolower( trim($str, '-') );
        return $str;
    }
    $str=to_prety_url($title);
    
    // sql query for inserting data into database
    $sql_query = "INSERT INTO event_wishes (title,str) VALUES ('$title','$str')";
    $result_set=mysqli_query($con,$sql_query);
    
    // Redirect to Greeting Page
    //Replace http://localhost/$str with your Greeting WEB APP URL
    header("Location: http://localhost/$str");
    exit();
    
    }
    
    ?>
    
    <!DOCTYPE html>
    <html lang="en" itemscope itemtype="http://schema.org/WebSite">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php $current_page = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
     echo '<link rel="canonical" href="'.$current_page.'" itemprop="url"/>'; ?>
    
    
    <!-- Edit the Meta Tags Add your Own Meta Contents  -->
    <!-- Seo Meta Tags -->
    <title>Mskian Festival Wishes Web App</title>
    <meta name="description" content="Create an Awesome Name Wishing Festival Web App."/>
    <meta name="robots" content="index,follow">
    <link href='YOUR FAVICON URL' rel='icon' type='image/x-icon'/>
    
    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Mskian Festival Wishes Web App" />
    <meta name="twitter:description" content="Create an Awesome Name Wishing Festival Web App." />
    <meta name="twitter:image" content="THUMBNAIL IMAGE FOR TWITTER SHARE" />
    <meta name="twitter:site" content="@yourtwitterusername" />
    <meta name="twitter:creator" content="@yourtwitterusername" />
    
    <!-- Facebook Open Graph data -->
    <meta property="og:title" content="Mskian Festival Wishes Web App" />
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="YOUR WEB APP URL" />
    <meta property="og:image" content="THUMBNAIL IMAGE FOR FACEBOOK SHARE" />
    <meta property="og:description" content="Create an Awesome Name Wishing Festival Web App." /> 
    <meta property="og:site_name" content="YOUR SITE NAME" />
    <meta property="fb:app_id" content="APP ID" />
    
    <!-- Google+ Meta Tags. -->
    <meta itemprop="name" content="Mskian Festival Wishes Web App">
    <meta itemprop="description" content="Create an Awesome Name Wishing Festival Web App.">
    <meta itemprop="image" content="THUMBNAIL IMAGE FOR GOOGLE+ SHARE">
    
    
    
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    
    
    <style type="text/css">
     body {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
    }
    
    h1{
        font-size: 2.3em;
        font-weight: 600;
        margin: 20px 0 10px 0;
        letter-spacing: -1px;
    }
    
    
    .login-form {
        margin: 0 auto !important;
        float: none;
        padding: 15px;
    }
    
    .login-form form.form-horizontal {
        padding: 10px 20px;
    }
    
    .bold{
        font-weight: 700;
    }
    </style>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    
    </head>
    <body>
    <br />
    <br />
    
    
    <div class="col-md-6 col-lg-5 col-sm-8 center-block well login-form">
    <h2 class="no-margin text-center">Create Greeting</h2>
    <div class="clearfix">&nbsp;</div>
    <form method="post" class="form-horizontal" data-parsley-validate>
    <div class="form-group">
    <input type="text" class="form-control" name="title" placeholder="Your Name" data-parsley-required="true">
     </div>
    <div class="form-group">
    <button type="submit" name="create-wish" class="btn btn-success btn-block btn-lg">Create Wish</button>
    </div>
    </form>
     </div>
    </div>
    <div class="clearfix">&nbsp;</div>
    
    
    
    <!-- JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.5.1/parsley.min.js"></script>
    
    </body>
    </html>
    * Find this Below on the index.php file * Replace it with your Web App URL
    header("Location: http://localhost/$str");
    * Add this below code on userwish.php File
    <?php
    
    include("db.php");
    
    $str=mysqli_real_escape_string($con,$_GET["str"]);
    
    //Get data's from the Table
    if(isset($str))
    {
    
        $sql_query="SELECT * FROM event_wishes WHERE str='$str'";
    $result_set=mysqli_query($con,$sql_query) or die('error');
    $user_wish=mysqli_fetch_array($result_set);
    }
    ?>
    
    <!DOCTYPE html>
    <html lang="en" itemscope itemtype="http://schema.org/WebSite">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php $current_page = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
     echo '<link rel="canonical" href="'.$current_page.'" itemprop="url"/>'; ?>
    
    <!-- Edit the Meta Tags Add your Own Meta Contents  -->
    <!-- Seo Meta Tags -->
    <title><?php echo $user_wish['title']; ?> Wishing your happy independence day</title>
    <meta name="description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes."/>
    <link href='YOUR FAVICON URL' rel='icon' type='image/x-icon'/>
    
    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="<?php echo $user_wish['title']; ?> Wishing your happy independence day" />
    <meta name="twitter:description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes." />
    <meta name="twitter:image" content="THUMBNAIL URL IMAGE FOR TWITTER SHARE" />
    <meta name="twitter:site" content="@yourtwitterusername" />
    <meta name="twitter:creator" content="@yourtwitterusername" />
    
    <!-- Facebook Open Graph data -->
    <meta property="og:title" content="<?php echo $user_wish['title']; ?> Wishing your happy independence day" />
    <meta property="og:type" content="article"/>
    <meta property="og:url" content="<?= "http://example.com".$_SERVER['REQUEST_URI']; ?>" />
    <meta property="og:image" content="THUMBNAIL IMAGE URL FOR FACEBOOK SHARE" />
    <meta property="og:description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes." /> 
    <meta property="og:site_name" content="YOUR SITE NAME" />
    <meta property="fb:app_id" content="APP ID" />
    <meta content='YOUR FACEBOOK PROFILE URL' property='article:author'/>
    <meta property="article:publisher" content="YOUR FACEBOOK PAGE URL" />
    
    <!-- Google+ Meta Tags. -->
    <meta itemprop="name" content="<?php echo $user_wish['title']; ?> Wishing your happy independence day">
    <meta itemprop="description" content="<?php echo $user_wish['title']; ?> Wish you a happy independence day Here is your happy independence day Greeting Wishes.">
    <meta itemprop="image" content="THUMBNAIL IMAGE URL FOR GOOGLE+ SHARE">
    
    
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    
    
    <style type="text/css">
     body {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
    }
    
    h1{
        font-size: 2.3em;
        font-weight: 600;
        margin: 20px 0 10px 0;
        letter-spacing: -1px;
    }
    
    
    .login-form {
        margin: 0 auto !important;
        float: none;
        padding: 15px;
    }
    
    .login-form form.form-horizontal {
        padding: 10px 20px;
    }
    
    .bold{
        font-weight: 700;
    }
    </style>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    
    </head>
    <body>
    <br />
    <br />
    
    
    <h2 class="no-margin text-center">Hello <?php echo $user_wish['title']; ?> Wishing you a happy independence day :-) </h2>
    <br />
    
    
    
    <div class="col-md-6 col-lg-5 col-sm-8 center-block well login-form">
    <h2 class="no-margin text-center">Create Your Own Greeting Wish Like this</h2>
    <div class="clearfix">&nbsp;</div>
    <form method="post" action="index.php" class="form-horizontal" data-parsley-validate>
    <div class="form-group">
    <input type="text" class="form-control" name="title" placeholder="Your Name" data-parsley-required="true">
     </div>
    <div class="form-group">
    <button type="submit" name="create-wish" class="btn btn-success btn-block btn-lg">Create Wish</button>
    </div>
    </form>
    </div>
    </div>
    <div class="clearfix">&nbsp;</div>
    
    
    
    <!-- JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.5.1/parsley.min.js"></script>
    
    </body>
    </html>
    • Now Find this Below line on userwish.php
    <form method="post" action=index.php class="form-horizontal" data-parsley-validate>
    • Replace index.php With your Festival Wishes Web App Homepage URL
    • Add this Rule on HTACCESS File for SEO Friendly URL
      RewriteEngine On
      RewriteRule ^([a-zA-Z0-9_-]+)$ userwish.php?str=$1

Comments

Popular posts from this blog

How to Track Lost Android Phone and Tablet

How to Track Lost Android Phone and Tablet Your Android gadgets are the most important things in your life. It contains all your important contacts and information. If you lose your equipment, you will be losing all those sweet memories with the photos and video. But there is some good news to android phone/tablet users, you can now easily find or at least know where your missing phone is with or without using android application. Let’s first look at the way of finding your lost phone which doesn’t contain any app installed on it. Use the IMEI Number Every android phone carries a unique IMEI number (International Mobile Equipment Identity Number). It will be printed at the back of your device. If you are unable to find the number, you have to launch your phone app and dial the number *#06#. This will give you the IMEI number of your phone. Store this number in a safe place so that it helps you in locating your phone when it is lost. When you file a complaint, this number

How To Highly Compress File From 1 GB To 9 Or 10MB By Using “WinRAR”

 How To Highly Compress File From 1 GB To 9 Or 10 MB By Using “WinRAR” Yes!Another tips for you, now you can decrease the file size from large to small by using “winrar” compression software. About WinRar: WinRAR is a powerful compression. It can compress the data and reduce the file size. It also can decompress to any compressed file.  The extension name of compressed files are – (.zip, .rar etc).  You can try WinRAR before buy, its trial version is available in downloads(Official Website). But I will givethe full version of “winrar” free of cost. So you can download it for free. click here Ok! Today I’ll show you how to decrease the file size by using this “winrar” software. At first download the full version of “winrar” then follow my steps. How to Install?  1- Install the program – Double click on “wrar52b3 (32 bit).exe” for 32 bit system   or  “wrar52b3 (64 bit).exe” for 64 bit systems. 2- Run Winrar, it is Pre-Activated, so just install and us