[EXCLUSIVE] Customized image Recaptcha for wapka sites
bfaschat
1 Saturday 30,July/2016 1:33 pm
Greetings to you all. i am so happy and great full to God for my awesome results and am going to teach you a new thing today. Many people have been criticising and saying its impossible to achieve this. I took and sacrificed most of my time to get it working.

In this tutorial you will find these most important factors surrounding the poat itself

- Document.getElementById
- Javascript Random item
- Javascript objects
- Javascript Switch statements

As from here i am going to take you on a swift journey on how to apply Recaptcha to wapka on Wapka Host

Now to achieve this you need the following requirements

- Latest jquery libary in head tag
- Google shivf script in head tag
- A new page or better still add it to your secured pages

[img]http://bfasimg.xtgem.com/ReCaptcha.png[/img]

Place this in your head tag and save it

[php]

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
[/php]

now go to the created page and add this html form which will constitute the following
-A form to validate captcha
- A captcha image to prevent bots from using your services
- A javascript compiled file to enable recaptcha to be effective

To show you an example kindly add this form in the page you created



<div class="main-content">


<form class="form-validation" onsubmit="return validmail()" name="logger" enctype="multipart/form-data" method="post" action="site_:getid-site:.xhtml"> :admin-hash-input:
<div class="form-title-row">
<h1>Captcha Verification<br/><img id="myImg" alt="Bfaschat.com demo Recaptcha" height="35" width="100" disabled="disabled">
</img>
</h1> </div>
<div class="form-row form-input-email-row">
<label>
<input type="text" name="captcha" id="txt1" placeholder="*******"/>
</label>


<div class="form-row">

<button type="submit" name="MF_submit">Validate Recaptcha</button>

</div>
</form>

</div>


and this css stylesheet to style the form

<link rel="stylesheet" href="http://Bfaschat.com.jw.lt/biststrap/css.min/exams.css"/>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/>


and now to make sure that the form is protected against spam bots add this js compiled minified script below the form


<script tytype="text/javascript" src="http://Bfaschat.com.jw.lt/biststrap/js/Bfaschat.com/Recaptcha.js">
</script>


Now to get the complete code here it goes


<link rel="stylesheet" href="http://Bfaschat.com.jw.lt/biststrap/css.min/exams.css"/>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
<div class="main-content">


<form class="form-validation" onsubmit="return validmail()" name="logger" enctype="multipart/form-data" method="post" action="site_:getid-site:.xhtml"> :admin-hash-input:
<div class="form-title-row">
<h1>Captcha Verification<br/><img id="myImg" alt="Bfaschat.com demo Recaptcha" height="35" width="100" disabled="disabled">
</img>
</h1> </div>
<div class="form-row form-input-email-row">
<label>
<input type="text" name="captcha" id="txt1" placeholder="*******"/>
</label>


<div class="form-row">

<button type="submit" name="MF_submit">Validate Recaptcha</button>

</div>
</form>

</div>

<script tytype="text/javascript" src="http://Bfaschat.com.jw.lt/biststrap/js/Bfaschat.com/Recaptcha.js">
</script>


I am happy to say that i have done my part and by now you should be doing it with ease. You can read and share it with your friends and do tell them about us. I can say much but its a success and i wish you a nice day...

Disclaimer Notice
Under no circumstance should anyone claim copyright over this post for its the copyrighted content of
Bfaschat.com Inc


Bfaschat.com
[img]http://ethio-pic.tk/601029/601029420_2b90f9cfd4.png[/img]
0 Vote · Reply · Quote · Report


Add Comment
bolditalicunderlineimageurlcodephp
Name:

Content:

Preview ( 0)
: ..››..1
Name:

Content:

Name:

Content:

Name:

Content:

Name:

Content:

Name:

Content:

Name:

Content:

Download Bollywood full movie for free
Download Android Game for Free
New Apps  Vidmate  IMO  more