Cara menggunakan pengalihan html

Question

Dengan kecintaan baru pada dunia IT, Amera suka mengubah topik kompleks menjadi artikel yang mudah dibaca dan komprehensif. Di waktu luangnya, Amera senang bermain video game dan membaca setiap buku yang dia temukan

Karena berbagai alasan, Anda mungkin memerlukan cara untuk mengalihkan halaman atau situs web ke URL lain. Cara disini bisa digunakan sesuai kebutuhan terlepas dari control panel yang anda gunakan, seperti cPanel, Directadmin dan sebagainya

Table of Contents Show

1. Dengan HTML
3. skrip PHP
Artikel menarik lainnya
Cara Membuat Redirect/Transfer LinkURL Otomatis Dengan Javascript
Redirect Tautan Bagian 2

1. Dengan HTML

Ini adalah cara termudah untuk mengarahkan situs web ke URL lain, tanpa perlu akses ke DNS, metode ini dapat dijalankan secara langsung. Simpan file berikut sebagai redirect.html_, lalu buka di browser, Anda akan diarahkan ke https. //jaranguda. com

<!DOCTYPE html>
<html>
<head>
    <title>Redirect</title>
    <meta http-equiv="refresh" content="0; url=https://jaranguda.com/">
</head>
<body>
</body>
</html>

Metode ini dapat digunakan untuk mengalihkan subdomain atau halaman tertentu ke tujuan baru

2. NGINX

Metode ini memerlukan akses ke server dan Anda tahu blok server mana yang harus dikonfigurasi, misalnya untuk memindahkan domain. com ke https. //jaranguda. com

server {
    listen 80;
    server_name domain.com;
    return 301 https://jaranguda.com$request_uri;
}

_

3. skrip PHP

Simpan script di bawah ini sebagai redirect.php_, ketika dibuka di browser akan sama dengan script HTML di atas

<?php
header("Location: https://jaranguda.com");
?>

Dari ketiga cara di atas, kamu bisa memilih yang paling mudah, karena hasilnya sama saja. Dalam banyak kasus, paling mudah untuk mengubah file HTML karena bahkan untuk masyarakat umum, mengubah dan mencoba membuka file HTML dapat dilakukan langsung dari komputer tanpa perlu aplikasi atau pengkodean lain.

Artikel menarik lainnya

Cara Lain Membuat Combobox atau Dropbox di Laravel 5
Pada artikel sebelumnya Membuat Combobox atau Dropbox di Laravel 5 adalah dengan menggunakan fungsi bawaan Laravel...

Cara Redirect Domain di Cloudflare

Ketika Anda memiliki beberapa domain yang sama dengan ekstensi yang berbeda dan ingin mengalihkan pengunjung...

Cara membuat URL Redirect/Link Transfer otomatis Dengan Html css dan Javascript Dengan penghitung waktu mundur menghitung mundur waktu. Cara memindahkan halaman Website atau Blog ke halaman lain. Hallo sobat blogger, kali ini admin jagoankode akan membahas cara me-redirect url/link suatu website ke halaman yang kita inginkan. Nah sebenarnya untuk membuat link redirection bisa dilakukan dengan javascript pembuatannya juga sangat mudah. Bahkan dengan script yang akan saya bagikan nanti anda bisa memodifikasinya sesuai keinginan

Ada banyak bahasa pemrograman yang dapat mengarahkan tautan. salah satunya adalah menggunakan javascript. kenapa kali ini mimin hanya share dengan javascript saja karena sangat mudah digunakan dan bisa juga kita lakukan di platform blogger gratisan. Kami dapat membuat tautan pengalihan kami sendiri dengan menggunakan waktu. Artinya kita bisa mengeksekusi sebuah link dengan waktu tertentu sebelum akhirnya halaman tersebut dipindahkan ke halaman lain

Contohnya seperti gambar berikut ini

Script diatas sudah saya taruh tepat di HTML blogger, anda juga bisa membuatnya di postingan atau di tema lain yang anda inginkan. Nah untuk membuatnya sangat mudah kita hanya perlu meletakkan script dibawah ini pada halaman yang ingin diredirect linknya

Untuk demonya bisa anda lihat di link berikut

DEMO

Cara Membuat Redirect/Transfer LinkURL Otomatis Dengan Javascript

Oke sekarang kita akan masuk ke proses pembuatannya, script berikut ini bisa anda tempatkan di area postingan blog atau di html blog anda

Redirect Tautan Bagian 2

Jika ingin membuat link redirect dengan animasi lain seperti gambar dibawah ini

DEMO

Langkah-langkah membuatnya sangat sederhana, yang harus Anda lakukan adalah menyalin skrip berikut

<html>
<head>
<style>
#fountainG{position:relative;width:234px;height:28px;margin:auto;}.fountainG{position:absolute;top:0;background-color:rgb(0,0,0);width:28px;height:28px;animation-name:bounce_fountainG;-o-animation-name:bounce_fountainG;-ms-animation-name:bounce_fountainG;-webkit-animation-name:bounce_fountainG;-moz-animation-name:bounce_fountainG;animation-duration:1.5s;-o-animation-duration:1.5s;-ms-animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;transform:scale(.3);-o-transform:scale(.3);-ms-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);border-radius:19px;-o-border-radius:19px;-ms-border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;}#fountainG_1{left:0;animation-delay:0.6s;-o-animation-delay:0.6s;-ms-animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;}#fountainG_2{left:29px;animation-delay:0.75s;-o-animation-delay:0.75s;-ms-animation-delay:0.75s;-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;}#fountainG_3{left:58px;animation-delay:0.9s;-o-animation-delay:0.9s;-ms-animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;}#fountainG_4{left:88px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s;}#fountainG_5{left:117px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;}#fountainG_6{left:146px;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s;}#fountainG_7{left:175px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;}#fountainG_8{left:205px;animation-delay:1.64s;-o-animation-delay:1.64s;-ms-animation-delay:1.64s;-webkit-animation-delay:1.64s;-moz-animation-delay:1.64s;}@keyframes bounce_fountainG{0%{transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{transform:scale(.3);background-color:rgb(92,90,92);}}@-o-keyframes bounce_fountainG{0%{-o-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-o-transform:scale(.3);background-color:rgb(92,90,92);}}@-ms-keyframes bounce_fountainG{0%{-ms-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-ms-transform:scale(.3);background-color:rgb(92,90,92);}}@-webkit-keyframes bounce_fountainG{0%{-webkit-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-webkit-transform:scale(.3);background-color:rgb(92,90,92);}}@-moz-keyframes bounce_fountainG{0%{-moz-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-moz-transform:scale(.3);background-color:rgb(92,90,92);}}
</style>
</head>
<center>
<body>
please disable adblock and active javasript to acess this page.. if you use ucbrowser or operamini change it to default browser, because that browser disable javascript function.
<br />
<center style="color: red;">
if you not redirected to download page click <a href="https://jagoankode.blogspot.com/"><b>HERE</b></a>
<br />
<div class="loader">
</div>
</center>
<div id="fountainG">
 <div class="fountainG" id="fountainG_1">
</div>
<div class="fountainG" id="fountainG_2">
</div>
<div class="fountainG" id="fountainG_3">
</div>
<div class="fountainG" id="fountainG_4">
</div>
<div class="fountainG" id="fountainG_5">
</div>
<div class="fountainG" id="fountainG_6">
</div>
<div class="fountainG" id="fountainG_7">
</div>
<div class="fountainG" id="fountainG_8">
</div>
</div>
</body>
</center>
</html>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            var url = "https://jagoankode.blogspot.com/"; // url tujuan
            var count = 10; // dalam detik
            function countDown() {
                if (count > 0) {
                    count--;
                    var waktu = count + 1;
                    $('#kata').html('<b>Halaman Ini Akan Otomatis Di Redirect KE </b> ' + url + ' dalam ' + waktu + ' detik.');
                    setTimeout("countDown()", 1000);
                } else {
                    window.location.href = url;
                }
            }
            countDown();
        </script>

_

Catatan
mengganti. https. //jagoankode. blogspot. com/ dengan tautan yang Anda miliki
mengganti. var count = 10 dengan waktu transisi yang Anda inginkan
mengganti. Tulisan biru dengan kata-kata Anda

Anda dapat memodifikasi kode di atas dengan kode Anda sendiri. Itulah tutorial dari admin cara membuat Redirect/Transfer Link Dengan Javascript. Semoga informasi ini dapat membantu 🙂

kode html