How to make Safelink Page on Main Blog in Blogger

जय हिंद दोस्तों, आज हम आर्टिकल मे सेफलिंक लगाना सीखेगे। हो सकता है कि बहुत से यूजर्स को पहले से ही मालूम हो सेफलिंक क्या है। लेकिन जिन भाइयोंं बहनों को सेफलिंक के बारेे में जानकारी नहीं है। उनके लिए मैं यहां फिर से सेफलिंक केे बार में जानकारी दे देता हूं। सेफलिंक किसी भी वेबसाइट या ब्लॉग का एक पेज है। जिसे वेबसाइट के यूआरएल और लिंक को चेक करने के लिए बनाया जाता है की इस लिंक में कोई वायरस या मैलवेयर तो नहीं है। आसान शब्दों में समझें तो सफेलिंक एक रीडायरेक्ट पेज है जो किसी लिंक पर भेजने से पहले आपको सेफलिंक पेज पर रीडायरेक्ट करता है।

आमतौर पर सेफलिंक का उपयोग डाउनलोड लिंक के लिए किया जाता है। यह लिंक पर क्लिक करने पर दूसरे पेज पर रीडायरेक्ट कर देता है पर देखने वाले को या एक वेबसाइट का यूआरएल लगता है। आज मैं आपके साथ एक ऐसी सेफलिंक स्क्रैप शेयर करूंगा जिसे आप मेन ब्लॉग पर भी इस्तेमाल कर सकते हैं सबसे अच्छी बात यह है कि इसमें कोई बग नहीं है।

Demo

Safelink Scenarios and Benefits

जिस तरह दूसरे सेफलिंक काम करते हैं उसी प्रकार यह सेफलिंक भी काम करता है लेकिन इसका सबसे बड़ा फायदा यह है कि यह आपके मेन ब्लॉग पर ही ओपन हो सकता है। जब कोई विजिटर इस ब्लॉग लेआउट में कोई फाइल को डाउनलोड करने के लिए आता है तो उन्हें डायरेक्ट डाउनलोड फाइल पर ना भेज कर एक निश्चित पेज से डाउनलोड करने का निर्देशक दिया जाता है।

इस सेफलिंक में आपको कई फायदे मिल जाते हैं जोकि निम्नलिखित हैं।

• इसका सबसे बड़ा फायदा हैं की ना तो हमें कोई नया ब्लॉग बनाने की आवश्यकता है ना ही कोई नया डोमिन खरीदने की।
• दूसरा सबसे बड़ा फायदा है कि इसे कस्टमाइज करना बहुत सरल।
• यह आपके ब्लॉग पेज की रैंकिंग सुधारने में भी बहुत फायदेमंद है साथ ही आपके विजिटर्स की संख्या बढ़ाने में भी मदद करता है।
• जैसा कि आप सब जानते होंगे कि बाउंस रेट किसी भी वेबसाइट के लिए अच्छी नहीं है। इसलिए आप इसे इस्तेमाल करके अपनी वेबसाइट की बाउंस रेट को भी कम कर पाएंगे।
• सबसे खास बात इसकी यह है कि ये विजिटर्स को मेन पेज पर ही रखता है। जिससे विजिटर्स की संख्या भी बढ़ती है।
• जैसा कि आप सब जानते हैं आप ऐडसेंस के जितने ज्यादा एड्स लगाएंगे उतनी ज्यादा इनकम होगी। तो यहां आपको एड्स लगाने की भी सुविधा मिल जाती है।
• साथी यह 100% सुरक्षित है क्योंकि यह आपके मेन पृष्ठ पर ही कार्य करता है।

---

Safelink Tutorial On Main Blog

सेफलिंक लगाने के लिए हमने इस ट्यूटोरियल को दो भागों में बांट है। पहले पार्ट में हम सेफलिंक पेज बना सीखेगे उसके बाद दूसरा पार्ट में हम थीम में CSS और Java Script को एड करेगे। इस tutorial में हम ब्लॉगर का इस्तमाल करेगे। इस स्क्रिप्ट को आप सब वर्डप्रेस में भी एड कर सकते है।

Step 1 - Create a Safelink Page

1. पेज बनाने के लिए आपको सबसे पहले, पेज ऑप्शन पर जाकर क्रिएट पेज पर क्लिक कर देना है. उसके बाद पेज टाइटल में Safelink टाइप करना है और पब्लिश कर देना है। याद रखे हमने इसमें एक स्टैटिक पेज बनाने कि आवश्कता नहीं है। उम्मीद करते है कि आप इसे समझ गए होगे और इसे बना सकते हैं, फिर क्रिएट किये गए पेज को फिर से html मोड में ओपन करना है।


2. अब आपको नीचे दी गई Html स्क्रिप्ट को कॉपी और पेस्ट करना होगा। जिसे आपका Safelink पेज क्रिएट हो जाएगा।

<div class='separator' style='text-align:center'>
<div class='ads-top'><!-- Fill in your Adsense Code --></div>
<div class='safelink' id='safelink'>
<center>
<div class='button outline' id='daplong'>
Wait a minute...</div>
<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace('https://www.Yourblog.com/p/safelink.html' + '?url=', ""); function changeLink(){var decodedString = Base64.decode(res); window.open(decodedString,'_blank')}; document.write('<a href="#go-link" id="download-safelink" class="button outline">Click to go to the link</a>'); var linkDL = document.getElementById("download-safelink"); var notif = document.getElementById("daplong"); var waktu = 5; var teks_waktu = document.createElement("span"); linkDL.parentNode.replaceChild(teks_waktu, linkDL); var id; id = setInterval(function () { waktu--; if (waktu < 0) { teks_waktu.parentNode.replaceChild(linkDL, teks_waktu); clearInterval(id); notif.style.display = "none"; linkDL.style.display = "inline-block"; } else { teks_waktu.innerHTML = "The link will appear in time " + waktu.toString() + " second"; }}, 1000); /*]]>*/</script></center>
</div>
<div class='separator-text'><!-- WRITE YOUR ARTICLE --></div>
<div class='blockLink' style='text-align:center'>
<div id='ads-left' class='ads-left'><!-- Fill in your Adsense Code --></div>
<div id='go-link'>
<a class='button' href='javascript:void(0)' onclick='changeLink();' rel='nofollow noreferrer'>Go to the link</a>
</div>
<div id='ads-right' class='ads-right'><!-- Fill in your Adsense Code --></div>
</div>

• मार्क किए गए स्थान पर आपके आर्टिकल और विज्ञापन कोड को एड करे। आपके Ads का साइज का 336x280 होना चाहिए आपके Safelink पेज के लिए। इस स्क्रिप्ट में आपको टॉप में एक एड और बॉटम में लिफ्ट राइट एक एक एड्स लगाने कि फैसिलिटी मिल जाती है। एड्स लगाने के लिए आपको इस स्थान को आपके एड्स कोड से बदल देना है। <!-- Fill in your Adsense Code -->


• इसके बाद आपके द्वारा बनाए गए Safelink पेज का यूआरएल/लिंक को कॉपी करके ऊपर दिए गए यूआरएल को अपने सेफलिंक पेज के यूआरएल के साथ बदलिए।


• आप लिंक बटन का सेंटेंस बदलकर अपनी पसंद के अनुसार लिख सकते हैं इसी तरह दूसरे सेंटेंस को भी बदल सकते है। उदाहरण के लिए 'Wait a minute' को बदल कर 'Get Link' कर सकते हैं।


• आप स्क्रिप्ट में दिए गए टाइम को कम ज्यादा कर सकते है। टाइम को बदलने के लिए ऊपर दिए गए मार्क कोड में टाइम पैरामीटर (सेकंड)' 5' को अपनी सुविधा अनुसार बदल कर काम ज्यादा कर सकते है। आप टाइम टेक्स्ट को भी आपके अनुसार बदल सकते है। टाइम टेक्स्ट बदलने के लिए इन दो पैरामीटर्स को बदलें: ' The link will appear in' और 'second'.


• अगर आप आपका ब्लॉग 'https' को सपोर्ट करता है तो https का इस्तेमाल करें।


3. इसके बाद पेज को सेव करके हम अपने सेकंड स्टेप पर जायेगे। कृपया ध्यान दीजिए दूसरा चरण थोड़ा जटिल हैं इसलिए ध्यान से स्टेप को लगाए क्योंकि यदि थोड़ी सी भी गलती हुई, तो सेफेलिंक काम नहीं करेगा।

Step 2 - Add CSS & Java Script

कृपया अपने टेम्पलेट को 'HTML Edit' मोड में ओपन करें। ओपन करने के लिए Theme ऑप्शन पर क्लिक करके और नीचे की और दिखाए गए अरो बटन ऑप्शन पर जाकर edit html पर क्लिक करें; एडिट करने से पहले अपने टेम्पलेट का बैकअप जरूर करे।

1. Add CSS Code

   यह CSS कोड safelink पेज पर लेआउट प्रदर्शित करने और safelink विजेट को ब्लॉग पर प्रदर्शित होने से छिपाने का कार्य करता है। आपको नीचे दिए कोड को ]]></b:skin> or </style> के ऊपर सेव करना है।

   /* Safelink */
   .button{display: inline-flex;display: -webkit-inline-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center;margin-bottom: 10px;padding: 9px 20px;border-radius: 10px;font-size: .8rem;line-height: 1.3rem;background-color: #fff;color: #161617;}
   .button.outline{background-color: #fdd929;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
   .safelink span{display: block;font-size: 12px}
   .blockLink{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center}
   .blockLink > div{display: block;width: 35%;}
   .blockLink > div#go-link{width: 30%;}
   .blockLink > div#go-link a{display: none;margin: 0}
   .blockLink > div#go-link:target a{display: inline-flex}
   .ads-top{margin: 0 0 20px 0;text-align: center}
   #HTML99,#HTML99 .widget-content{border: 0 !important;margin: 0 !important;padding: 0 !important}
   /* Responsive */
   @media screen and (max-width: 768px){.blockLink > div{width: 100% !important;margin: 0 0 15px;text-align: center}.blockLink > div:last-child{margin: 0}}
   

2. Add Java Script

   आपके ब्लॉग में </head> को सर्च करके नीचे दिए कोड को </head> के ऊपर पेस्ट करे। 

   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <script>/*<![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("%3D","%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("%3D%3D","%3D%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("&m=1","&m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("&m=1")); window.history.replaceState({}, document.title, clean_uri); } var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("?m=1")); window.history.replaceState({}, document.title, clean_uri);}; var protocol=window.location.protocol.replace(/\:/g,''); if(protocol=='http'){ var url=window.location.href.replace('http','https'); window.location.replace(url);} /*]]>*/</script>
   </b:if>
   

   • ऊपर दी गई स्क्रिप्ट में दिया गया कोड '& m = 1' को हटाने का कार्य करता है, आमतौर पर यह तब प्रदर्शित होता है जब पेज को मोबाइल के माध्यम से देखा जाता है, यदि कोड' & m = 1' हटाए नहीं जाए, तो यह स्क्रिप्ट मोबाइल व्यू में कार्य नहीं करेगी। साथ ही यह 'http' को 'https' में redirect करने का कार्य भी करती है। अगर आपका ब्लॉग https को सपोर्ट नहीं करता तो नीचे दिए कोड को हटा सकते हैं।
     

     var protocol=window.location.protocol.replace(/\:/g,''); if(protocol=='http'){ var url=window.location.href.replace('http','https'); window.location.replace(url);}

     यदि ब्लॉग को 'http' में सेट किया गया है, तो ब्लॉग 'https' के माध्यम से खोला नहीं जाएगा और 'http' के माध्यम से खोले जाने पर रिवर्स मोड लागू होता है तो 'https' काम नहीं करेगा।
     

3. Add Widget In Sidebar

   अब हमने टेम्प्लेट में एक साइडबार विजेट सेक्शन को एड करना हैं विजेट एड करने के लिए टेम्प्लेट में </b:widget>' और '</b:select>'' को खोज। उसके बाद नीचे दी गई स्क्रिप्ट को '</b:widget>' और '</b:select>' के बीच में पेस्ट करके एक नया विजेट एड करे। यदि आपको परेशानी हो तो कृपया टेम्पलेट में स्क्रिप्ट वाले भाग को ' </body>' के नीचे कॉपी पेस्ट करके।

   <b:widget cond='data:view.isSingleItem' id='HTML99' locked='false' title='Safelink' type='HTML' version='1'>
     <b:widget-settings>
       <b:widget-setting name='content'/>
     </b:widget-settings>
     <b:includable id='main'>
       <div class='widget-content'>
         <script>/*<![CDATA[*/ var Base64 = {_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function (input) {var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base64._utf8_encode(input); while (i < input.length) {chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) {enc3 = enc4 = 64;} else if (isNaN(chr3)) {enc4 = 64;} output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);} return output; }, decode: function (input) {var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) {enc1 = this._keyStr.indexOf(input.charAt(i++)); enc2 = this._keyStr.indexOf(input.charAt(i++)); enc3 = this._keyStr.indexOf(input.charAt(i++)); enc4 = this._keyStr.indexOf(input.charAt(i++)); chr1 = (enc1 << 2) | (enc2 >> 4); chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); chr3 = ((enc3 & 3) << 6) | enc4; output = output + String.fromCharCode(chr1); if (enc3 != 64) {output = output + String.fromCharCode(chr2);} if (enc4 != 64) {output = output + String.fromCharCode(chr3);} } output = Base64._utf8_decode(output); return output;}, _utf8_encode: function (string) {string = string.replace(/\r\n/g, "\n"); var utftext = ""; for (var n = 0; n < string.length; n++) {var c = string.charCodeAt(n); if (c < 128) {utftext += String.fromCharCode(c);} else if ((c > 127) && (c < 2048)) {utftext += String.fromCharCode((c >> 6) | 192); utftext += String.fromCharCode((c & 63) | 128);} else {utftext += String.fromCharCode((c >> 12) | 224); utftext += String.fromCharCode(((c >> 6) & 63) | 128); utftext += String.fromCharCode((c & 63) | 128); }} return utftext;}, _utf8_decode: function (utftext) {var string = ""; var i = 0; var c = c1 = c2 = 0; while (i < utftext.length) {c = utftext.charCodeAt(i); if (c < 128) {string += String.fromCharCode(c); i++;} else if ((c > 191) && (c < 224)) {c2 = utftext.charCodeAt(i + 1); string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); i += 2;} else {c2 = utftext.charCodeAt(i + 1); c3 = utftext.charCodeAt(i + 2); string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); i += 3;}} return string; }}; var encode = document.getElementById('encode'), decode = document.getElementById('decode'), output = document.getElementById('output'), input = document.getElementById('input'); var User_ID = ""; var protected_links = ""; var a_to_va = 0; var a_to_vb = 0; var a_to_vc = ""; function auto_safelink() {auto_safeconvert();}; function auto_safeconvert() {var a_to_vd = window.location.hostname; if (protected_links != "" && !protected_links.match(a_to_vd)) {protected_links += ", " + a_to_vd;} else if (protected_links == "") {protected_links = a_to_vd;} var a_to_ve = ""; var a_to_vf = new Array(); var a_to_vg = 0; a_to_ve = document.getElementsByTagName("a"); a_to_va = a_to_ve.length; a_to_vf = a_to_fa(); a_to_vg = a_to_vf.length; var a_to_vh = false; var j = 0; var daftarPostingan = [ "https://www.YOURBLOG.com/p/safelink.html" ]; var randomPostingan = daftarPostingan[Math.floor(Math.random()*daftarPostingan.length)]; var a_to_vi = ""; for (var i = 0; i < a_to_va; i++) {a_to_vh = false; j = 0; while (a_to_vh == false && j < a_to_vg) {a_to_vi = a_to_ve[i].href; if (a_to_vi.match(a_to_vf[j]) || !a_to_vi || !a_to_vi.match("https")) {a_to_vh = true;} j++; } if (a_to_vh == false) {var encryptedUrl = Base64.encode(a_to_vi); a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl; a_to_ve[i].rel = "nofollow noreferrer"; a_to_vb++; a_to_vc += i + ":::" + a_to_ve[i].href + "\n"; }} var a_to_vj = document.getElementById("anonyminized"); var a_to_vk = document.getElementById("found_links"); if (a_to_vj) {a_to_vj.innerHTML += a_to_vb;} if (a_to_vk) {a_to_vk.innerHTML += a_to_va;} }; function a_to_fa() {var a_to_vf = new Array(); protected_links = protected_links.replace(" ", ""); a_to_vf = protected_links.split(","); return a_to_vf; }; /*]]>*/</script>
         <script>/*<![CDATA[*/ protected_links = "facebook.com,instagram.com,twitter.com";auto_safelink(); /*]]>*/</script> <!-- Daftar link pengecualian -->
       </div>
     </b:includable>
   </b:widget>
   

   • मार्क किए गए स्थान पर आपके सेफेलिंक पेज के url को पेस्ट करे।
   
   
   • डिफ़ॉल्ट रूप से सभी एक्सटर्नल लिंक को सेफेलिंक पेज पर रीडायरेक्ट किया जाएगा, हमने कुछ साइटें को Safelink से नहीं जोड़ है। जिसमे ब्लॉग का फेसबुक पेज, इंस्टाग्राम और ट्विटर लिंक को जोड़ है, अगर आप कोई लिंक को जोड़ना चाहते है तो protected_links में अपनी साइट को एड करके कमोम लगाए।
   
   
   • येcond = 'data: view.isSingleItem'कोड विजेट को केवल पोस्ट पेजों और स्टेटिक पर दिखाई दे इसका संकेत देता हैं, अन्य पेजों पर ये सेफेलिंक दिखाई नहीं देंगे। जैसे कि About, Contact, Privacy Policy.

Adding More Than 2 Safelink Pages on Blog

आप ऊपर दी गई स्क्रिप्ट को थोड़ा संशोधित कर सकते हैं ताकि यह दो से अधिक सेफलिंक पृष्ठों को प्रदर्शित कर सके जिन्हें बेतरतीब ढंग से चुना जाएगा। चाल कोड को बदलने के लिए है:

var daftarPostingan = [ "https://your_blog_address.com/p/safelink.html" ];

अल्पविराम (,) द्वारा अलग करके एक नई यूआरएल को ऐड करें ताकि कोड नीचे दिए गए कोड की तरह हो; आप कुछ अन्य सेफलिंक पेज भी जोड़ सकते हैंं।

var daftarPostingan = [ "https://your_blog_address.com/p/safelink.html", "https://your_blog_address.com/p/safelink-2.html" ];

यह वैकल्पिक है, आप इसे जोड़ सकते हैं या सिर्फ एक सेफलिंक पेज के साथ इसे इस्तेमाल कर सकते हैं

अगर अपने ऊपर दिए गए सभी स्टेप को अच्छे से फॉलो किया है तो आपका Safelink पूरी तरह से तैयार है। इसके बाद टेम्पलेट को सेव करके आपके डाउनलोड बटन को चेक जरुर करे।

Already updated !!
इस लेख को आसान बनाने के लिए इसे अपडेट किया गया है और इससे अन्य ब्लॉगों पर परीक्षण किया गया है, यदि आपको अभी भी त्रुटियां मिलती हैं तो कोड के जोड़ने में कुछ गड़बड़ हो सकती है