Hello, friends of ShouNone. The administrator will explain How To Create An Automatic Safelink Page on Your Blogger Website.
Safelink
Describe safelink in detail. Safelinks are a feature of redirecting an original link (direct link) to another page using the safelink technique; websites that use safelinks will direct certain links. The administrator has previously discussed safelinks and the differences between manual and automatic safelinks. to the website's secure link page.
Aplication Of Animation
The use of animation before the original link is displayed is an intriguing feature of Blogger's automatic safelink feature. The animation is fairly basic, but it makes a big impression on viewers. It's truly amazing.
Guard Links
You should be aware that after installing safelink, any links that the safelink script does not recognize will be instantly redirected to the safelink page. To prevent safelink from hitting your links, you should choose a few to protect. Here's how to do that. Okay, so you can accomplish this using the script that the admin will provide you with at no cost.
Example Of Display
If you would like to see an example of the safelink feature in action after installing it on your website, click the button below. If you are taken to a different page, safelink is functioning as intended.
demo
Now, friends, allow the administrator to walk you through the process of setting up a safelink page on Blogger automatically. Okay, read and take notes on this article until it is finished.
How To Create An Automatic Safelink Page on Your Blogger Website
Step 1 : As usual, start by copying the CSS code below and positioning it above the ]]></b:skin> code.
.rahsfBt, .rahsfCr > *{margin: 1.8em 0} .rahsfBt span{display: block;font-size: 12px}#rahClickB{margin: 5px 0}#rahClickB .button{display: none}#rahClickB:target .button{display: inline-flex}/* Safelink */.button1{display: inline-block;padding: 6px 20px;margin: 5px 0 5px 0;border: 2px solid #000;font-size: 13px;color: #000;border-radius: 30px;cursor: pointer;transition: all 0.3s: ease} .button1:hover{background-color: #fefefe;border-color: #de3535;color: #de3535} .button7{display: inline-block;padding: 6px 20px;margin: 5px 0 5px 0;border: 2px solid #d71149;font-size: 13px;color: #de3535;border-radius: 30px;cursor: pointer;transition: all 0.3s: ease} .button7:hover{background-color: #fefefe;border-color: #de3535;color: #de3535} .visit-link,#daplong{margin-right: 0;padding: 7px 0px;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}/* lds Loading */ .rahanimload{color:official;display:inline-block;position:relative;width:80px;height:80px}.rahanimload div{transform-origin:40px 40px;animation:rahanimload 1.2s linear infinite}.rahanimload div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#de3535}.rahanimload div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.rahanimload div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.rahanimload div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.rahanimload div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.rahanimload div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.rahanimload div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.rahanimload div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.rahanimload div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.rahanimload div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.rahanimload div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.rahanimload div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.rahanimload div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes rahanimload{0%{opacity:1}100%{opacity:0}}
Step 2 : Create a safelink page : Next, open Blogger, make a new page, give it a title, copy the code below, and add it to the safelink page.
<!-- Jangan diapus entar safelink nya tidak berfungsi oke --> <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <div class="rahsfBt" id="safelink"> <div style="text-align: center;"> <div class="rahanimload" id="rahsfWt"> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> </div> <script> /*<![CDATA[*/ var currentURL = location.href; var str = currentURL; var res = str.replace('https://www.icloudice.com/p/url_halaman_safelinkmu.html' + '?url=', " "); function rahlinkGt(){ var decodedString = Base1064.decode(res); window.open(decodedString, '_blank')}; document.write('<a href="#rahClickB" id="rahsfDn" class="button">Klik 2x Sayang!</a>'); var linkDL = document.getElementById("rahsfDn"); var notif = document.getElementById("rahsfWt"); var time = 20; 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 = "Link akan tampil dalam " + time.toString() + " detik"; }}, 1000); /*]]>*/ </script> </div> </div> <div class="rahsfCr" style="text-align: center;"> <div class="rahsfAd"> <!-- Iklan anda letakkan disini --> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-" data-ad-slot=""></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- Iklan selesai --> </div> <div class="rahsfCt" style="text-align: left;"> <!-- Tuliskan konten anda disini --> <!-- Konten selesai --> </div> <div id="rahClickB" style="text-align: center;"> <a class="button" href="javascript:;" onclick="rahlinkGt();" rel="noreferrer noopener">Link siap sayang!</a> <div class="rahsfAd"> <!-- Iklan anda letakkan disini --> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-" data-ad-slot=""></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- Iklan selesai --> </div> </div> </div>
Step 3 : The JavaScript code below can be copied once more and positioned above the </body> code as the next step.
<script> /*<![CDATA[*/ var Base1064 = {_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", encode: function (input) {var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base1064._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 = Base1064._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 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.icloudice.com/p/url_halaman_safelinkmu.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 = Base1064.encode(a_to_vi); a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl; a_to_ve[i].rel = "noopener noreferrer"; a_to_vb++; 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;}; /*]]>*/ </script> <script>protected_links = "googleusercontent.com,gogtc.co,join-adf.ly,vultr.com,tv-two.com,popcash.net,a-ads.com,tiktok.com,cryptotabbrowser.com,pagead2.googlesyndication.com,refpa5821812.top,whatsapp.com,rajabacklink.com,djuragansosmed.com,niagahoster.co.id,s.lazada.co.id,invol.co,bit.ly,maps.google.com,blogger.com,linkedin.com,wa.me,t.me/essay_gen_bot,t.me/MenuBuilderBot,t.me/anonimarket,t.me/mygroupcloudice,paypal.com,t.me/likefollowbot,youtube.com,api.telegram.org,youtu.be,blogspot.com,pinterest.com,facebook.com,fb.me,instagram.com,plus.google.com,icloudice.com,www.icloudice.com,twitter.com,www.karir.oto.co.id,follow.it,shopee.co.id,tokopedia.link,trakteer.id,t.me/icloudice"; auto_safelink(); </script>
Short Importance
Modify the safelink page's URL in the code script above, then add any additional links you wish to the protect script so that the safelink is unaffected.
Conclusion
This post will explain How To Make A Stylish Loading Animation For Blogger. If you find this useful, please share it with your friends. If you still have questions, feel free to join our Telegram groups for more helpful content. The majority of the advice is exclusively available on Telegram Chenall, your preferred ShouNone