Sebenarnya banyak sekali cara yang bisa anda lakukan untuk mengalihkan url, tapi ya setidaknya Aurealisa akan berbagi beberapa cara yang Aurealisa tahu.
Di artikel X ini Aurealisa akan menuliskan artikel yang berjudul Membuat halaman redirect di blogspot. Tutorial ini berbeda dengan artikel yang saya tuliskan sebelumnya di blog Ensikology, artikel ini tidak 100% murni, karena seperti biasa, saya hanya mengandalkan dari template" yang anda berikan kepada saya dan langsung saya buat artikel utk anda. Terutama template premium xD
Kegunaan dari pengalihan atau redirect blogger ini sangat penting untuk di manfaatkan jika didalam blog agan terdapat link atau url yang rusak, sehingga dampak dari broken link yang negatif terhadap blog juga dapat di hindari.
Mari kita mulai..
1. Pertama buat css seperti dibawah ini.
2. Masukan HTML dibawah ini dihalaman stastis anda dan beri nama seperti Redirect atau apalah bebas.
3. Masukan juga kode dibawah ini untk Menghapus atau Menghilangkan Kode ?m=1 dan ?m=0 di perangkat mobile, agar work. Silahkan masukan pada halaman stastis atau di template.
4. Langkah terakhir masukan pada edit tema anda dibawah ini.
Ganti yang berwarna merah sesuai tautan/url anda. Jika ingin menambahkan kondisional maka kira kira seperti ini
Tapi jika anda ingin tautan / url redirectnya berada di halaman homepage, maka tidak perlu memasukan kondisionalnya..
5. Simpan dan lihat hasilnya.
Untuk demo bisa dilihat dibwah ini ya.
Demo sengaja tidak saya kasih langsung, tapi anda bisa bervariasi dalam membuatnya, seperti saya, menggunakan pribadi dan membuatnya dalam dua halaman. halaman pertama yang bisa anda lihat ada Disini.
Bagaimana? apakah anda punya pendapat, mau berbagi keberhasilan redirect url blog, menanyakan sesuatu, ataupun sekedar berbagi unek-unek? Silakan tulis di kolom komentar di bawah. Semoga bemanfaat.
Di artikel X ini Aurealisa akan menuliskan artikel yang berjudul Membuat halaman redirect di blogspot. Tutorial ini berbeda dengan artikel yang saya tuliskan sebelumnya di blog Ensikology, artikel ini tidak 100% murni, karena seperti biasa, saya hanya mengandalkan dari template" yang anda berikan kepada saya dan langsung saya buat artikel utk anda. Terutama template premium xD
Kegunaan dari pengalihan atau redirect blogger ini sangat penting untuk di manfaatkan jika didalam blog agan terdapat link atau url yang rusak, sehingga dampak dari broken link yang negatif terhadap blog juga dapat di hindari.
Mari kita mulai..
1. Pertama buat css seperti dibawah ini.
.ensikologyBoxbot {text-align: center;}.ensikologyBoxbot h3 {font-size: 32px;font-weight: 400;color: #4d4d4d;line-height: 40px;text-transform: uppercase;text-shadow: 1px 2px 1px #fff;}.ensikologyBoxbot p {font-size: 18px;font-weight: 400;line-height: 36px;}.ensikologyBoxbot form {margin-top: 24px;}.ensikologyBoxbot form input {width: 310px;height: 46px;margin: 0;padding: 0 10px;background: #fff;font-family: 'Lato', Arial, sans-serif;font-size: 18px;line-height: 46px;color: #888;border: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);}.ensikologyBoxbot form input:focus {-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);}.ensikologyBoxbot form input:-moz-placeholder { color: #888; }.ensikologyBoxbot form input:-ms-input-placeholder { color: #888; }.ensikologyBoxbot form input::-webkit-input-placeholder { color: #888; }.ensikologyBoxbot form button {width: 130px;height: 46px;margin: 0;padding: 0;background: #e75967;border: 0;font-family: 'Lato', Arial, sans-serif;font-size: 18px;line-height: 46px;color: #fff;text-transform: uppercase;text-shadow: 1px 1px 1px rgba(0,0,0,.3);-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);-o-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}.ensikologyBoxbot form button:hover {background: #e75967;color: #fff;}.ensikologyBoxbot form button:active {background: #e75967;color: #fff;}.aurealisa{position: relative;vertical-align: top;height: 52px;line-height: 52px;padding: 0 30px;font-size: 16px;color: #fff;text-align: center;text-decoration: none;border-radius: 3px;cursor: pointer;margin: auto;}
2. Masukan HTML dibawah ini dihalaman stastis anda dan beri nama seperti Redirect atau apalah bebas.
<div class='ensikologyBoxbot'> <h3>Paste the link and get your <strong>secure link</strong>!</h3> <p><img border="0" data-original-height="25" data-original-width="25" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRyVeQSWZYbmwiNbUGp24LBhm9D8kJk0mw8XpFuTH7cqFyuHUxzgnw3HcDcMNtWkKwUQkcTzUz1yj9X6lK3wU8U_kdbmlbdlJteIxhaICvpe91g32Yt9GDt_npLv6qM-0eyoVtIK_weQ0t/s1600/ensikologyBoxbot.png" width="25"/> Arahkan ulang URL <strong>tanpa dilacak</strong>.</p> <p><img border="0" data-original-height="25" data-original-width="25" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRyVeQSWZYbmwiNbUGp24LBhm9D8kJk0mw8XpFuTH7cqFyuHUxzgnw3HcDcMNtWkKwUQkcTzUz1yj9X6lK3wU8U_kdbmlbdlJteIxhaICvpe91g32Yt9GDt_npLv6qM-0eyoVtIK_weQ0t/s1600/ensikologyBoxbot.png" width="25"/> Hapus <strong>Pengarah HTTP</strong>.</p> <p><img border="0" data-original-height="25" data-original-width="25" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRyVeQSWZYbmwiNbUGp24LBhm9D8kJk0mw8XpFuTH7cqFyuHUxzgnw3HcDcMNtWkKwUQkcTzUz1yj9X6lK3wU8U_kdbmlbdlJteIxhaICvpe91g32Yt9GDt_npLv6qM-0eyoVtIK_weQ0t/s1600/ensikologyBoxbot.png" width="25"/><strong>JANGAN</strong> mengembalikan kode HTTP <strong>3xx</strong>.</p> <p><img border="0" data-original-height="25" data-original-width="25" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRyVeQSWZYbmwiNbUGp24LBhm9D8kJk0mw8XpFuTH7cqFyuHUxzgnw3HcDcMNtWkKwUQkcTzUz1yj9X6lK3wU8U_kdbmlbdlJteIxhaICvpe91g32Yt9GDt_npLv6qM-0eyoVtIK_weQ0t/s1600/ensikologyBoxbot.png" width="25"/><strong> Jangan biarkan bot</strong> melacak tautan.</p> <p><img border="0" data-original-height="25" data-original-width="25" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRyVeQSWZYbmwiNbUGp24LBhm9D8kJk0mw8XpFuTH7cqFyuHUxzgnw3HcDcMNtWkKwUQkcTzUz1yj9X6lK3wU8U_kdbmlbdlJteIxhaICvpe91g32Yt9GDt_npLv6qM-0eyoVtIK_weQ0t/s1600/ensikologyBoxbot.png" width="25"/><strong> Amankan tautan Anda!</strong></p> <h4>Hanya dengan dua langkah mudah...</h4> <form action='#' class='form-inline' name='posting'> <p>1. Isi URL Anda:<br /> <input class='input' id='url' name='url' type='text' value='https://www.'/><button class='aurealisa' onClick='javascript:remref()' type='button'>Secure Link!</button> </p> <p>2. Dapatkan URL anonim Anda:<br /> <input class='input' name='urlref' onclick='this.select()' style='width: 100%;' type='text' value=''/> </p> </form></div>
3. Masukan juga kode dibawah ini untk Menghapus atau Menghilangkan Kode ?m=1 dan ?m=0 di perangkat mobile, agar work. Silahkan masukan pada halaman stastis atau di template.
<script>//<![CDATA[var uri;if((uri=window.location.toString()).indexOf("%3D","%3D")>0){var clean_uri=uri.substring(0,uri.indexOf("%3D"));window.history.replaceState({},document.title,clean_uri)}if((uri=window.location.toString()).indexOf("%3D%3D","%3D%3D")>0){clean_uri=uri.substring(0,uri.indexOf("%3D%3D"));window.history.replaceState({},document.title,clean_uri)}if((uri=window.location.toString()).indexOf("&m=1","&m=1")>0){clean_uri=uri.substring(0,uri.indexOf("&m=1"));window.history.replaceState({},document.title,clean_uri)}if((uri=window.location.toString()).indexOf("?m=1","?m=1")>0){clean_uri=uri.substring(0,uri.indexOf("?m=1"));window.history.replaceState({},document.title,clean_uri)}if((uri=window.location.toString()).indexOf("&m=0","&m=0")>0){clean_uri=uri.substring(0,uri.indexOf("&m=0"));window.history.replaceState({},document.title,clean_uri)}if((uri=window.location.toString()).indexOf("?m=0","?m=0")>0){clean_uri=uri.substring(0,uri.indexOf("?m=0"));window.history.replaceState({},document.title,clean_uri)}//]]></script>
4. Langkah terakhir masukan pada edit tema anda dibawah ini.
var enc64List, dec64List;
function initBase64() { enc64List = new Array(); dec64List = new Array(); var i; for (i = 0; i < 26; i++) { enc64List[enc64List.length] = String.fromCharCode(65 + i) }; for (i = 0; i < 26; i++) { enc64List[enc64List.length] = String.fromCharCode(97 + i) }; for (i = 0; i < 10; i++) { enc64List[enc64List.length] = String.fromCharCode(48 + i) }; enc64List[enc64List.length] = "+"; enc64List[enc64List.length] = "/"; for (i = 0; i < 128; i++) { dec64List[dec64List.length] = -1 }; for (i = 0; i < 64; i++) { dec64List[enc64List[i].charCodeAt(0)] = i }}
function base64Decode(_0x9abax44) { var _0x9abax45 = 0, _0x9abax46 = 0, _0x9abax47 = 0, _0x9abax48 = 0, i = 0, _0x9abax49 = 0; var _0x9abax4a = _0x9abax44.split(""); var _0x9abax4b = ""; var _0x9abax4c = 0; do { _0x9abax48 = _0x9abax4a[_0x9abax4c++].charCodeAt(0); i = dec64List[_0x9abax48]; if (_0x9abax48 >= 0 && _0x9abax48 < 128 && i != -1) { if (_0x9abax49 % 4 == 0) { _0x9abax45 = i << 2 } else { if (_0x9abax49 % 4 == 1) { _0x9abax45 = _0x9abax45 | (i >> 4); _0x9abax46 = (i & 0x0000000F) << 4 } else { if (_0x9abax49 % 4 == 2) { _0x9abax46 = _0x9abax46 | (i >> 2); _0x9abax47 = (i & 0x00000003) << 6 } else { _0x9abax47 = _0x9abax47 | i } } }; _0x9abax49++; if (_0x9abax49 % 4 == 0) { _0x9abax4b += String.fromCharCode(_0x9abax45) + String.fromCharCode(_0x9abax46) + String.fromCharCode(_0x9abax47) } } } while (typeof _0x9abax4a[_0x9abax4c] != "undefined"); _0x9abax4b += (_0x9abax49 % 4 == 3) ? String.fromCharCode(_0x9abax45) + String.fromCharCode(_0x9abax46) : ((_0x9abax49 % 4 == 2) ? String.fromCharCode(_0x9abax45) : ""); return _0x9abax4b}initBase64();
function ValidURL(_0x9abax44) { var _0x9abax4e = /(http|https):\/\/(\w+:{0,1}\w*)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; if (!_0x9abax4e.test(_0x9abax44)) { return false } else { return true }}
function reverseString(_0x9abax44) { return _0x9abax44.split("").reverse().join("")}var u = document.location.href;var i = u.indexOf("?");if (i != -1) { u = u.substring(i + 1, u.length); u = u.replace("&m=1", "").replace("m=1", "").replace("?", "=").replace("?", "=").replace("?", "="); u = reverseString(u); u = base64Decode(u)};if (i != -1) { if (ValidURL(u)) { window.location = u }};var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function (_0x9abax47) { var _0x9abax51 = ""; var _0x9abax49, _0x9abax52, i, _0x9abax53, _0x9abax54, u, _0x9abax55; var _0x9abax48 = 0; _0x9abax47 = Base64._utf8_encode(_0x9abax47); while (_0x9abax48 < _0x9abax47.length) { _0x9abax49 = _0x9abax47.charCodeAt(_0x9abax48++); _0x9abax52 = _0x9abax47.charCodeAt(_0x9abax48++); i = _0x9abax47.charCodeAt(_0x9abax48++); _0x9abax53 = _0x9abax49 >> 2; _0x9abax54 = (_0x9abax49 & 3) << 4 | _0x9abax52 >> 4; u = (_0x9abax52 & 15) << 2 | i >> 6; _0x9abax55 = i & 63; if (isNaN(_0x9abax52)) { u = _0x9abax55 = 64 } else { if (isNaN(i)) { _0x9abax55 = 64 } }; _0x9abax51 = _0x9abax51 + this._keyStr.charAt(_0x9abax53) + this._keyStr.charAt(_0x9abax54) + this._keyStr.charAt(u) + this._keyStr.charAt(_0x9abax55) }; return _0x9abax51 }, decode: function (_0x9abax47) { var _0x9abax51 = ""; var _0x9abax49, _0x9abax52, i; var _0x9abax53, _0x9abax54, u, _0x9abax55; var _0x9abax48 = 0; _0x9abax47 = _0x9abax47.replace(/[^A-Za-z0-9+/=]/g, ""); while (_0x9abax48 < _0x9abax47.length) { _0x9abax53 = this._keyStr.indexOf(_0x9abax47.charAt(_0x9abax48++)); _0x9abax54 = this._keyStr.indexOf(_0x9abax47.charAt(_0x9abax48++)); u = this._keyStr.indexOf(_0x9abax47.charAt(_0x9abax48++)); _0x9abax55 = this._keyStr.indexOf(_0x9abax47.charAt(_0x9abax48++)); _0x9abax49 = _0x9abax53 << 2 | _0x9abax54 >> 4; _0x9abax52 = (_0x9abax54 & 15) << 4 | u >> 2; i = (u & 3) << 6 | _0x9abax55; _0x9abax51 = _0x9abax51 + String.fromCharCode(_0x9abax49); if (u != 64) { _0x9abax51 = _0x9abax51 + String.fromCharCode(_0x9abax52) }; if (_0x9abax55 != 64) { _0x9abax51 = _0x9abax51 + String.fromCharCode(i) } }; _0x9abax51 = Base64._utf8_decode(_0x9abax51); return _0x9abax51 }, _utf8_encode: function (_0x9abax47) { _0x9abax47 = _0x9abax47.replace(/rn/g, "n"); var _0x9abax51 = ""; for (var _0x9abax49 = 0; _0x9abax49 < _0x9abax47.length; _0x9abax49++) { var _0x9abax52 = _0x9abax47.charCodeAt(_0x9abax49); if (_0x9abax52 < 128) { _0x9abax51 += String.fromCharCode(_0x9abax52) } else { if (_0x9abax52 > 127 && _0x9abax52 < 2048) { _0x9abax51 += String.fromCharCode(_0x9abax52 >> 6 | 192); _0x9abax51 += String.fromCharCode(_0x9abax52 & 63 | 128) } else { _0x9abax51 += String.fromCharCode(_0x9abax52 >> 12 | 224); _0x9abax51 += String.fromCharCode(_0x9abax52 >> 6 & 63 | 128); _0x9abax51 += String.fromCharCode(_0x9abax52 & 63 | 128) } } }; return _0x9abax51 }, _utf8_decode: function (_0x9abax47) { var _0x9abax51 = ""; var _0x9abax49 = 0; var _0x9abax52 = c1 = c2 = 0; while (_0x9abax49 < _0x9abax47.length) { _0x9abax52 = _0x9abax47.charCodeAt(_0x9abax49); if (_0x9abax52 < 128) { _0x9abax51 += String.fromCharCode(_0x9abax52); _0x9abax49++ } else { if (_0x9abax52 > 191 && _0x9abax52 < 224) { c2 = _0x9abax47.charCodeAt(_0x9abax49 + 1); _0x9abax51 += String.fromCharCode((_0x9abax52 & 31) << 6 | c2 & 63); _0x9abax49 += 2 } else { c2 = _0x9abax47.charCodeAt(_0x9abax49 + 1); c3 = _0x9abax47.charCodeAt(_0x9abax49 + 2); _0x9abax51 += String.fromCharCode((_0x9abax52 & 15) << 12 | (c2 & 63) << 6 | c3 & 63); _0x9abax49 += 3 } } }; return _0x9abax51 }};
function getUrlEncode(_0x9abax44) { var _0x9abax57 = Base64.encode(_0x9abax44); var _0x9abax58 = _0x9abax57.replace(/=/g, "?"); return reverseString(_0x9abax58)}
function remref() { var _0x9abax5a = "https://" + window.location.hostname; document.posting.urlref.value = _0x9abax5a + "/p/redirect.html?" + getUrlEncode(document.posting.url.value)}
Ganti yang berwarna merah sesuai tautan/url anda. Jika ingin menambahkan kondisional maka kira kira seperti ini
<b:if cond='data:blog.url == "https://templatetg.blogspot.com/p/redirect.html"'>
Tapi jika anda ingin tautan / url redirectnya berada di halaman homepage, maka tidak perlu memasukan kondisionalnya..
5. Simpan dan lihat hasilnya.
Untuk demo bisa dilihat dibwah ini ya.
Demo sengaja tidak saya kasih langsung, tapi anda bisa bervariasi dalam membuatnya, seperti saya, menggunakan pribadi dan membuatnya dalam dua halaman. halaman pertama yang bisa anda lihat ada Disini.
Bagaimana? apakah anda punya pendapat, mau berbagi keberhasilan redirect url blog, menanyakan sesuatu, ataupun sekedar berbagi unek-unek? Silakan tulis di kolom komentar di bawah. Semoga bemanfaat.
