Hello sobat ICloudzer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat halaman safelink otomatis di blogger
Info: Oke jika sudah penasaran yuk langsung aja kita bahas bersama sama
Safelink
Apakah sebenarnya safelink? sebelumnya juga admin telah membahas mengenai apa itu safelink serta pembahasan mengenai perbedaan safelink manual dan safelink otomatis, namun secara singkatnya safelink merupakan fitur mengarahkan link (direct link) ori ke suatu halaman lainnya dengan teknik safelink, jadi website yang meggunakan safelink akan mengarahkan link link tertentu ke halaman safelink di dalam website
Penggunaan animasi
Nah yang menariknya dari fitur safelink otomatis di blogger ini adalah penggunaan animasi sebelum link ori nya di tampilkan, animasi yang di gunakan cukup sederhana namun berkesan bagi pengguna yang melihatnya, sungguh menakjubkan
Lindungi Link
Penting bagi kamu mengetahui nya, bahwa jika kamu memasang safelink maka seluruh link yang tidak di kenali oleh script safelink akan langsung terdirect kehalaman safelink, jadi pilih beberapa link untuk di lindungi agar tidak terkena safelink, bagaimana caranya? kamu bisa melakukan hal tersebut di dalam script yang bakalan admin kasih secara gratis oke
Contoh Tampilan
Sudah penasaran bagaimana kah contoh tampilan dari fitur safelink ketika kamu sudah memasang nya di dalam website kamu, coba deh klik tombol di bawah ini, jika kamu dialihkan ke halaman lainnya berarti safelink sudah bekerja secara baik
Info: Bagaimana sobat fitur safelink nya keren sekali yak, pastilah keren
Cara pembuatan
Baiklah sobat sekarang saat nya admin bakalan menjabarkan mengenai bagaimana caranya membuat halaman safelink secara otomatis di blogger, baca dan pelajari artikel ini hingga selesai oke
Kode CSS
Langkah pertama seperti biasa salin kode CSS di bawah ini kemudian letakkan di atas kode ]]></b:skin>
.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}}Info: Atau kamu bisa meletakkan kode CSS di atas menggunakan tag kode <style> lalu menyimpan nya
Buat halaman safelink
Selanjutnya buat halaman baru di blogger kemudian berikan judul, salinlah kode dibawah ini dan letakkan pada halaman safelink tersebut
<!-- 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>Penting: sesuaikan atau ubah url safelink, kamu bisa mendapatkan halaman safelink setelah mempublikasikan nya
Kode Javascript
Langkah selanjutnya yang bisa kamu lakukan adalah menyalin lagi kode javascript di bawah ini kemudian kamu bisa meletakan nya di atas kode </body>
<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>Penting: Sesuaikan atau ubah url halaman safelink pada script kode diatas, kemudian pada script protect, tambahkan lah link link lainnya yang anda inginkan agar tidak terkena safelink
