Create link redirect page for blogger

Create an external link redirect page aka safe link. Safelink is a page that redirects before the user reaches the landing page to detect if the intended URL/link is safe from viruses and malware.

Create link redirect page for blogger

In this article, I will guide you to create a Safelink Page on your own Blog in the most standard way, without errors as many places have instructed before.

Create link redirect page for blogger

Step 1: Create a Safelink Page

  • Login to Blogger Dashboard
  • Go to the Pages section, create a new page
  • Switch to the HTML View section and paste the following code in:

<style>#header-blog { display: none; } #sidebar-wrapper {display: none;} #main-wrapper {width: 100%;background: #fff;} #footer-wrapper {display: none;}</style> 
<div class=”ad-placement” > 
  <!–[ Your_ad_code_here ]–> 
  <a class=”ads-here” href=”/”>Responsive Advertisement</a> 
</div> 
<div class=”safelink-button” id=”safelink” > 
  <div style=”text-align: center;”> 
    <div class=”button outline” id=”safelink-wait”>Please wait…</div> 
    <script>/*<![CDATA[ */ var currentURL = location.href; var str = currentURL; var res = str.replace(‘ https://bblogger.net/p/redirect.html‘ + ‘?url=’, ” “); function changeLink(){ var decodedString = Base64.decode(res); window.open(decodedString, ‘_blank’)}; document.write(‘<a href=”#getLink” id=”safelink-download” class=”button”>Click to continue</a>’); var linkDL = document.getElementById(“safelink-download”); var notif = document.getElementById(“safelink-wait”); var time = 15; var textTime = document.createElement(“span”); linkDL.parentNode.replaceChild(textTime, linkDL); var id; id = setInterval(function () { time–; if (time < 0) { textTime.parentNode.replaceChild(linkDL, textTime); clearInterval(id); notif.style.display = “none”; linkDL.style.display = “inline-block”; } else { textTime.innerHTML = “


<div class=”safelink-content”> 
  <!–[ Write_your_content_here ]–>
<p>Blogger is a free service for communication, self-expression, and free speech. We believe Blogger will increase the availability of information, encourage healthy debate, and create possible new connections between people. We believe that moderating this content is against a service that relies on freedom of expression.</p><p>However, in order to uphold these values, we need to limit threatening abuses. to our ability to provide this service and to the freedom of expression it promotes. Therefore, there are some limitations on the type of content hosted by Blogger. The limitations we have identified are those that comply with both legal requirements and are intended to improve service in general.</p><p>If you come across a blog that you believe is a major infringer. our books, Please report this blog to us using the ‘Report abuse’ link at the top of each blog in the ‘More’ drop-down. If the blog owner has hidden this link, you can still report abuse in the Blogger Help Center.</p><h2 style=”text-align: left;”>Content boundary</h2 ><p>Our content policy plays an important role in maintaining a positive experience for you, the users. Please respect these guidelines. We may change our content policy from time to time so please check back here. In addition, please note that when applying the policy below, we may make exceptions based on artistic, educational, documentary or scientific considerations, or if there are other significant interests to the public from not handling the content.< /p><p>Mature Content: We allow adult content on Blogger, including images or videos containing nudity or sexual activity. If your blog contains adult content, please mark it as ‘adult’ in your Blogger settings. We may also mark blogs with adult content if the owner has not bookmarked it. Any blogs marked as ‘adult’ will be placed behind an ‘adult content’ warning interstitial. If your blog has an interstitial that warns of adult content, please don’t try to bypass or disable it – interstitial is for everyone’s protection.</p><p><b> <span style=”color: #c27ba0;”>There are some exceptions to our adult content policy:</span></b></p><p> Do not use Blogger as a tool to monetize adult content. For example, do not create blogs that contain advertisements or links to commercial pornographic websites.</p><p>We do not allow illegal pornography, including images, videos or content. in writing that describes or encourages rape, incest, copulation, or sex with a corpse.</p><p>Do not post or distribute sexually explicit or nude images or videos. privacy without the consent of the subject. If someone has posted your private sexually explicit or nude photos or videos, please report them to us here.</p><p>Child safety: We have a zero-tolerance policy. for child exploitation content. Some examples of this include:</p><p>Children abuse images: We will terminate the accounts of any user we find that publishes or distributes child sexual abuse images. We’ll also report the user to law enforcement.</p><p>Child sex: We don’t allow content that promotes or promotes sexual attraction to children. . For example, don’t create blogs with child photo galleries in which a collection of images or text accompanying the images are sexually suggestive, and don’t publish content of a sexual nature involving participants minors.</p><p>Hate Speech: Our products are fundamental to free speech, however, we do not allow the use of hate speech. Hate speech is a form of content that promotes or condones violence or has the primary purpose of inciting hatred against an individual or group based on race or ethnic origin, religion, disability, or disability. disability, age, nationality, veteran status, sexual orientation, gender, gender identity or any other characteristic associated with systematic discrimination or contempt.</ p><p>Profanity: Don’t post content that’s just shocking or graphic. For example, collections of close-up images of gunshot wounds or accident scenes without additional context or comments would violate this policy.</p><p>Violence: No posting violent or gory content with the intent to shock, sensationalize, or gratuitous violence. If posting visual content in the context of news, documents, science, or art, be sure to provide enough information to help people understand what’s going on. In some cases, if the content is too violent or shocking, it will not be accepted in any context on our platform. Finally, do not encourage others to commit specific acts of violence.</p><p>Terrorist Content: We do not allow terrorist organizations to use Blogger for any purpose. , including recruitment. Bloggers also strictly prohibit content related to terrorism, such as content that promotes acts of terrorism, incites violence, or glorifies terrorist attacks.</p><p>If posting content related to terrorism. related to terrorism for educational, scientific, artistic, or documentary purposes, be sure to provide enough information for the viewer to understand the context. However, footage containing objectionable or controversial imagery may require age restrictions or warning screens.</p><p>Harassment and intimidation: Do not harass or bully others. Anyone using Blogger to harass or bully may have the offending content removed or permanently banned from the site. Online harassment is also illegal in many places and can have serious consequences in real life. Do not threaten others on your blog. For example, don’t post content that threatens the life of another person or a group of people, and don’t post content that encourages readers to commit violence against another person or group of people.</p><p >Copyright: It is our policy to respond to explicit notices of copyright infringement. You can find more information about our copyright-related processes here. Also, please do not provide links to sites where readers may illegally download other people’s content.</p><p>Personal and Confidential Information: No permission to post personal information and confidential information of others. For example, don’t post other people’s credit card numbers, Social Security numbers, unlisted phone numbers, and driver’s license numbers. In addition, images or videos of minors may not be posted or distributed without the necessary permission from their legal representatives. If someone posts pictures or videos of minors without the necessary consent, please report them here. Also, please note that in most cases, Information that is already available somewhere on the Internet or in public records is not considered confidential or personal information under our policies.</p><p>Impersonation and transgression. Disguise: Do not use Blogger to deceive, defraud or mislead any user by impersonating any person or entity that you do not represent or concealing your ownership or primary purpose. This includes directing content about politics, social issues, or issues of public interest to users in a country other than your home country if you misrepresent or intentionally hide your country of origin. your country of origin or other important details about yourself. We’re not saying you can’t publish content that is sarcastic or sarcastic or uses a pseudonym or pseudonym – just that you should avoid content that could mislead readers as to who you really are.< /p><p>Illegal Activities: Do not use Blogger to engage in illegal activities or to promote dangerous and illegal activities. For example, don’t blog that encourages people to drink and drive. Please also do not use Blogger to sell or advertise drugs. Otherwise, we may remove your content. In addition, in serious cases such as those involving child abuse, we may report you to the authorities.</p><p>Managed goods and services physical: Do not use Blogger to sell or facilitate the sale of regulated goods and services such as alcohol, gambling, unapproved pharmaceuticals and supplements, tobacco, fireworks, weapons or other medical/health equipment.</p><p>Spam: Spam takes many forms in Blogger, all of which can lead to the deletion of your account or blog. Some examples include creating blogs designed to drive traffic to your website or to rank it up in search listings, posting comments on other people’s blogs just to promote the site. or your product and remove existing content from other sources for the primary purpose of generating revenue or another personal benefit.</p><p>Malware and viruses: Do not create blog spreads viruses, causes pop-ups, try to install software without the consent of the reader or affect the reader with malicious code. This is strictly prohibited on Blogger.</p><h2 style=”text-align: left;”>Enforce Blogger Content Policy</h2><p>Please report worthy policy violations suspect us by using the ‘Report abuse’ link at the top of each blog in the ‘More’ drop-down or by clicking here.</p><p>Our team reviews people’s flags used to find policy violations. If the blog does not violate our policies, we will not take any action against the blog or the blog owner. If we find that the blog violates our content policies, We will take one or more of the following actions based on the severity of the violation:</p><p>Place a blog post-interstitial about ‘adult content'</p><p>Place blog post interstitial where only the blog’s author can access the content</p><p>Delete blog, blog post or offensive content</p><p>Disable access author’s access to their Blogger account</p><p>Disable author’s access to their Google account</p><p>Report the user to law enforcement< /p><p>We may also take any of the above actions if we find that a user has created multiple blogs with repeated abusive behavior. If you already have a disabled blog, do not create an alternative blog that engages in the same activity.
</div> 
<div class=”safelink-create” style=”text-align: center;”> 
  <div class=”ad-placement”> 
    <!–[ Your_ad_code_here ]–> 
    <a class=”ads -here” href=”/”>Responsive Advertisement</a> 
  </div> 
  <div id=”getLink”> 
    <a class=”button” href=”javascript:;” onclick=”changeLink();” rel=”noreferrer noopener”>Continue</a> 
  </div> 
  <div class=”ad-placement”> 
    <!–[ Your_ad_code_here ]–> 
    <a class=”ads-here” href=”/ “>Responsive Advertisement</a> 
  </div> 
</div>

Note: Change the link that I highlighted in red in the code to the Page Link you just created (the page where the above code is located)

Step 2: Add CSS and Javascript remove ?m=1

Use the below CSS code to paste on the tag ]]></b:skin>

/* Safelink */ 
:root {–link-outline-color:#48525c;–link-bg-color:#204ecf;} 
.button{display: inline-flex;align-items: center;margin: 15px 15px ;padding: 10px 20px;outline: 0;border: 0;border-radius: 2px;color: #fefefe;background-color: var(–link-bg-color);font-size: 14px;white-space: nowrap;overflow: hidden;max-width: 100%;line-height: 2em} 
.button.outline{color: var(–link-outline-color);background-color: transparent;border: 1px solid #ebeced} 
.button.outline:hover{border-color: var(–link-bg-color)} 
.safelink-button, .safelink-create > *{margin: 1.8em 0} 
.safelink-button span{display: block; font-size: 12px} 
#getLink{margin: 5px 0} 
#getLink .button{display: none} 
#getLink:target .button{display: inline-flex}

Next, to delete ?m=1  you use the Js below pasted on the tag </head>:

<script> 
//<![CDATA[ 
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); 
//]]> 
</script>

Step 3: Add redirect Javascript and URL encode

You use the code below to paste on the card </body>

<b:if cond=’data:view.isSingleItem’> 
    <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,
                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:

                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 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.

            } 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://bblogger.net/p/redirect.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 = “noopener noreferrer”;

                    a_to_vc += i + “:::” + a_to_ve[i].href + “n”; 
                } 
            } 
            var a_to_vj = “”; 
            var a_to_vk = “”; 
            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; 
        }; 
    /*]]>

    <!–[Protect link from encode]–> 
    <script> 
        protected_links = “facebook.com, instagram.com, twitter.com”; 
        auto_safelink(); 
    </script> 
</b:if>

Change the link that I highlighted in red in the code to the Page link you created earlier in Step 1.

Exclude sites like Facebook, Instagram, Twitter that don’t need safe links by adding the URL to protected_links, each separated by a comma.

Epilogue

Above is how to create the most standard external link redirect page for blogger. I also used this method on my own blog. If you have any problems, please leave a comment below and I will help you!

Good luck!
Click to rate this post!
[Total: 0 Average: 0]
5
Subscribe
Notify of
guest
0 Góp ý
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x