How to Make Safelink on the Main Blog

BloggerByte - Yes !! We can make Safelink on the Main Blog without someone else's template.
Safelink is a page where there are links that are intended for other pages and via Safelink you can generate income if someone visits a short link that you made.

Steps to make Safelink on the Main Blog

The essential needs, for making Safelink on the Main Blog, that is.

The Safelink page.
URL of the Safelink page.
CSS for Download Buttons
Script.
HTML.

Follow the steps below.

The first way to make Safelink on the main Blog

1. Login Blogger.com, register first if you don't have an account (but still don't have an account).

2. Create a Safelink page.

To create a Safelink page, please create a New Post or a New Page on the Page menu

Create a New Post or a New Page on the Page menu

3. Copy the css code below, then place it just abobe </style> or ]]></b:skin>

/* Safelink by bloggerbyte.net */
.button1{display: inline-block;padding: 6px 20px;margin: 15px 0 10px 0;border: 1px solid #ddd;font-size: 13px;color: #414141;border-radius: 30px;cursor: pointer;transition:  all 0.3s ease}
.button1:hover{background: linear-gradient(to right, #5b86e5, #36d1dc);border-color: #5b86e5;color: #fff}
.ads-top{padding: 5px 0 15px 0;text-align: center}
.ads-left,.ads-right{display: inline-block;float: left;margin: 5px 15px 0 0}
.ads-right{float: right;margin: 5px 0 0 15px}
.visit-link,#daplong{margin-right: 0;padding: 7px 30px;line-height: 25px;font-family: Lato, sans-serif;transition: all 0.3s ease-in-out}
.visit-link{padding: 7px 50px}
#HTML99,#HTML99 .widget-content{border: 0!important;margin: 0!important;padding: 0!important}
/* Responsive */
@media screen and (max-width: 768px){.ads-left,.ads-right{display: block;float: none;margin: 5px 0 0;text-align: center}}

Put the css code like this

4. Now Create a New Page or New Post

5. Copy the code below, then place it in the HTML column or "Not Compose" HTML mode.

<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<a class="button1" href="#link" title="Go to Download link">Go To Download Link</a></center>
----- your post paragraph -----

----- your post paragraph -----

----- your post paragraph -----
<br />
<center>
<div id="link">
</div>
<script type="text/javascript">
//<![CDATA[
function changeLink() {
    var e = Base64.decode(res);
    window.open(e, "_blank")
}
var currentURL = location.href,
    str = currentURL,
    res = str.replace("Post/Page URL?url=", "");
document.write('<a class="visit-link button1" style="cursor:pointer" onclick="changeLink()">Click Here To Download</a>');onload: generate();//]]>
</script></center>
----- your post paragraph -----

----- your post paragraph -----

----- your post paragraph -----</div>

6. Copy the URL of the page created earlier..

7. Put the URL of the page that was copied into the HTML code by replacing the words "Page/Post URL" with the URL of the page that we had copied .

8. Now just fill the paragraph as you want, or maybe later

Create New Page or Post and paste above code like this

9. Copy the code below, then place it right above the code </body> in Edit HTML on the Blogger Dashboard Theme.

<script>
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(/rn/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 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("http")) {
                a_to_vh = true;
            }
            j++;
        }
        if (a_to_vh == false) {
            var encryptedUrl = Base64.encode(a_to_vi);
            a_to_ve[i].href = "Page/Post URL?url=" + encryptedUrl;
            a_to_ve[i].rel = "nofollow";
            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 type='text/javascript'>
protected_links ='facebook.com,twitter.com,youtube.com,instagram.com,yourwebsite.com,yourwebsite.blogspot.com,1.bp.blogspot.com,2.bp.blogspot.com,3.bp.blogspot.com,4.bp.blogspot.com,5.bp.blogspot.com';
auto_safelink();
</script>

10. Change the marked text or code inside script, named "Page/Post URL" with the Page URL that we created earlier and change "yourwebsite.com","yourwebsite.blogspot.com" with your site URL.

11. Don't keep the theme saved if you force it, it will definitely fail. because there is a code that has not been parsed. Please replace the code < with the code < and the code & with the code &. The way to find the code < and & is to force save the theme, surely Blogger will tell you which code to change, don't give the wrong code or replace the code.

To Parsed the Code - Click Here & paste above code in the box.

Put the script just above </body>

12. That's, it now Save Theme if you face any problem let me know in the comment section or contact me via contact page thanks.

For a demo please visit the page Demo.

تعليق واحد

ayudaaccion فبراير 12, 2021 9:16 م

hello, good evening thanks for everything you share with one. I need some help with this. https://www.bloggerbyte.net/2020/01/create-safelink-on-main-blog.html
In the code that must be put in the in the last step I have problems I do not step from there you can give me a hand from now thanks. I love your page, it has very interesting things to learn

Check the "Notify me" box to get an email notification if someone replies to a comment.

Bloggerbyte

How to Make Safelink on the Main Blog

Steps to make Safelink on the Main Blog

The first way to make Safelink on the main Blog

About the Author

تعليق واحد

Code encryption into String [HTML, JS, CSS, PHP, TXT..]

How to Generate Direct links of Google Drive, Dropbox and One Drive files

How to Change Disqus Comments Into Blogger Comments

Superfast Amp Blogger Template

How to Add Post Views Counter on Blogger ?

bloggerbyte.net