Hello Friends तो जैसा कि आप लोग जानते हैं कि बहुत सारे लोग Blogging के द्वारा पैसे गवा रहे है। अपने पैसों को बेस्ट कर रहे हैं। उन्हें समझ नहीं आ रहा है कि कैसे Blogger पर Traffic लाया, कैसे Adsense का Approval ले।
तो ऐसे समय में मैंने आपके लिए Image to Text Converter Tool Website का Script लाया है। इसके बारे में आप Article लिख सकते है की कैसे लोगो इसे Use करना है और इसे अपने Blogger के Site पर लगाकर आप पैसे कमा सकते हैं। इस तरह की Website पर जल्दी Adsense Approval होता है। तो कैसे आपको इसे Blogger में Create करना है और कैसे Code को Copy करना है यह सब Process मैं आपको इस Article में बताऊंगा।
So friends इस कोड को Copy करने के लिए आपको नीचे दिए गए Steps को पूरा करना होगा।
बहुत सारे दोस्तों को शायद पता भी नाम हो की ये Image to Text Converter क्या होता है? तो मैं आपको बता देना चाहता हूँ की किसी भी Blog Post या Blog Page में जो Source Code उपलब्ध करवाया जाता है. और उसे जिस Format में Post में Add किया जाता है उसे हम Image to Text Converter के नाम से जानते है.
पंरतु अब समय के साथ साथ सब कुछ Advance होता जा रहा है. ऐसे में अब Normal Image to Text Converter को भी Advance बना दिया गया है. अब इसमें आपको Image to Text Converter with 3d Background भी देखने को मिल जाता है. और इसका फायदा यह है की सभी Codes तो अच्छे दिखते ही है लेकिन उसके साथ-साथ Text Area Box और Site भी अच्छे दिखते है। जिसके कारण Sites पर ज्यादा से ज्यादा Traffic आते हैं।
इन्हें भी पढ़े:-
- Iframe Generator V3.0 Script for Blogger
- Image to text converter Script For Blogger
- Create Advance Kewords Generator Tool For Blogger
- Create Credit Card Generator Tool in Blogger
- All in One Video Saver Script for Blogger
- PDF to Text Converter Tool Script for Blogger
● नीचे दिए गए Download Button पर Click करें
● तो यह आपको एक नये Page पर Redirect कर देगा
● अब आपको नीचे से Scroll करके Continue Download पर Click करना है।
● अब आप नीचे Scroll करके Captcha को Solve कर दें और Click Here To Download पर Click करें।
● फिर आपको Countdown Timer मतलब की उल्टी गिनती करता हुआ बक्सा एक गोल घेरे में दिख रहा होगा तब तक Wait करें और फिर Get Link पर Click करें।
● अब आपको Blue या Green Colour के बक्से में Code दिख रहा होगा।
● अब आप Code को Copy कर ले।
<!DOCTYPE html>
<html>
<head>
<title>Image to Text – Convert Images to Text Online</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="description" content="This free online image to text converter allows to convert an image to text. Besides JPG/JPEG/WEBP, this tool supports conversion of PNG, BMP, GIF, and TIFF images."/>
<meta name="robots" content="index,follow" />
<meta name="keywords" content="This free online image to text converter allows to convert an image to text. Besides JPG/JPEG/WEBP, this tool supports conversion of PNG, BMP, GIF, and TIFF images." />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/semantic-ui-css@2.2.12/semantic.min.css'>
<style>
body {
background: linear-gradient(90deg, #0084bf, #0c8996 50%);
}
.ui.header {
color: #fff;
margin-bottom: 0;
}
.desc {
color: #ddd;
margin-bottom: 2em;
}
.container {
padding: 2em 0;
}
.ui.card {
width: 100%;
}
.content-result {
min-height: 330px;
}
.result .placeholder {
padding-top: 100px;
font-size: 30px;
line-height: 1;
color: gray;
text-align: center;
}
.result .placeholder span {
font-size: 15px;
}
.result .status {
margin-top: 5px;
}
.result progress {
width: 100%;
}
.result .ui.message {
margin-top: 2rem;
}
.result .ui.message pre {
white-space: pre-wrap;
}
</style>
<script>
window.console = window.console || function(t) {};
</script>
<script>
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage("resize", "*");
}
</script>
</head>
<body translate="no" >
<div class="ui container">
<h1 class="ui header">Image to Text</h1>
<div class="desc">Extract all the text from a selected image using tesseract OCR engine.</div>
<div class="ui grid stackable">
<div class="row">
<div class="eight wide column">
<div class="ui card">
<div class="content">
<h2 class="header">Input</h2>
</div>
<div class="content">
<img id="image" class="ui centered medium image" src="http://www.brainstormerbingo.com/Images/upload-empty.png"/>
</div>
<div class="content extra">
<input id="file" type="file" onchange="proccess(window.lastFile=this.files[0])">
</div>
</div>
</div>
<div class="eight wide column">
<div class="ui card">
<div class="content">
<h2 class="header">Output</h2>
</div>
<div class="content content-result">
<div class='ui grid'>
<div class='row result'>
<div class="column placeholder">
No Output <br/>
<span>Choose a file to start</span>
</div>
</div>
</div>
</div>
<div class="content extra">
<small>Powered by <a href="https://techno-sahil.blogspot.com">Techno Sahil</a></small>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-8216c69d01441f36c0ea791ae2d4469f0f8ff5326f00ae2d00e4bb7d20e24edb.js"></script>
<script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/semantic-ui-css@2.2.12/semantic.min.js'></script>
<script id="rendered-js" >
/**
* main proccess function
*/
function proccess(file) {
$(".result").html("");
//Preview Image
var src = (window.URL ? URL : webkitURL).createObjectURL(file);
$("#image").attr("src", src);
//Proccess Image
Tesseract.recognize(file).
progress(function (data) {
console.log(data);
progress(data);
}).
then(function (data) {
console.log(data);
result(data);
});
}
/**
* progress function
*/
function progress(packet) {
var r = $(".result");
if (r.length > 0 && r.find(".status").last().html() == packet.status) {
if ('progress' in packet) {
r.find("progress").last().val(packet.progress);
}
} else {
var tStatus = "<div class='status ten wide column'>" + packet.status + "</div>";
var tProgress = "<div class='six wide column'>" + (typeof packet.progress == "undefined" ? "" : "<progress value='" + packet.progress + "' max='1'>") + "</div>";
r.append(tStatus + tProgress);
}
}
/**
* reporting function
*/
function result(data) {
var r = $(".result");
//r.html("");
r.append(
"<div class='sixteen wide column output'>success" +
"<div class='ui message'><pre>" + data.text + "</pre></div>" +
"</div>");
}
//# sourceURL=pen.js
</script>
</body>
</html>
अब रही बात की इस Script को कहां पर Paste करना है कैसे Image to Text Converter Website बनाना है। तो Image to Text Converter Website बनाने के लिए आपको नीचे दिए गए Steps को पुरा करना होगा।
Steps to Create Image to Text Converter Website:-
● अब आप Blogger के Dashboard में जाए या फिर blogger लिखकर Search करे।
● आप New Blog पर Click करें और फिर नाम Create कर Subdomain Create करके Save करें।
● यहाँ तक आपका काम हो गया है आपका Blogger का Website Create हो गया है।
● अब आप Theme पर Click कर Simple Blog के Theme को Choose कर Apply करें।
● अब Arrow पर Click कर Mobile Settings में जाकर Mobile View से Desktop View कर दें।
● फिर से Arrow पर Click करके Switch to first generation classic theme पर Click करके Without A backup को Choose करे।
● अब Edit Html पर Click कर Select All करके Code को Paste कर दे।
● अब Save के Icon पर Click कर Save कर दे।
● Congratulations your Image to Text Converter Website has been created successfully.
Important Notice:- अगर आपको इसे अपने दुसरे Site पर लगाना है तो इस Tool का Use करे।
0 Comments