Menampilkan postingan yang diurutkan menurut relevansi untuk kueri tutor-membikin-redirect-pengalihan-link-dengan-javascript. Urutkan menurut tanggal Tampilkan semua postingan
Menampilkan postingan yang diurutkan menurut relevansi untuk kueri tutor-membikin-redirect-pengalihan-link-dengan-javascript. Urutkan menurut tanggal Tampilkan semua postingan

Jumat, 08 Februari 2019

Tutorial Menciptakan Redirect/Pengalihan Link Dengan Javascript

Tutorial Menciptakan Redirect/Pengalihan Link Dengan Javascript

Cara Membuat Redirect/Pengalihan Link URL otomatis Dengan Html css juga Javascript Dengan countdown timer hitungan waktu mundur. Cara mengalihkan halaman Website ataupun Blog Ke halaman lain. Halo teman blogger kaliitu admin jagoankode mau membahas mengenai tutor mengalihkan URL/link suatu website kepada halaman nan kami inginkan. Nah sebetulnya sebagai membikin redirect suatu link sanggup dikerjakan dengan javascript pembuatannya juga sangat gampang sekali. Bahkan dengan script nan nanti mau aku bagikan sanggup kalian modifikasi sesuai impian kalian .

Banyak sekali bahasa pemrograman nan sanggup membikin redirect suatu link. tidak benar sebuahnya yaitu memakai javasript. kenapa kaliitu admin hanya membagikan dengan javascript karna pengunaannya sangat gampang sekali juga juga sanggup kami buat di platform blogger gratisan. Pembuatan redirect link sendiri sanggup kami kreasikan dengan mengunakan waktu. Kaprikornus maksudnya kami sanggup mengeksekusi suatu link dengan waktu nan dipastinyakan sebelum di risikonya halaman itu mau teralihkan kehalaman lainnya.

Contohnya menyerupai gambar berikutitu :

Script diatas aku letakan sempurna dididalem HTML blogger kalian juga sanggup mengkreasikannya dididalem postingan ataupunpun ditempat temat lainnya nan kalian inginkan.Nah sebagai pembuatannya sangat gampang kami hanya perlu meletakan script dibawahitu kehalaman nan ingin kalian buat redirect linknya

Untuk Demonya kalian sanggup lihat di Link Berikut :

Pengalihan Link URL otomatis Dengan Html css juga Javascript Dengan countdown timer hitunga  Tutorial Membuat Redirect/Pengalihan Link Dengan Javascript

Cara Membuat Redirect/Pengalihan LinkURL Otomatis Dengan Javascript

Oke kini kami mau masuk kepada proses pembuatannya, kalian sanggup meletakan script berikut di area postingan blog ataupunpun di html blog anda.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>         <script>             var url = "https://vuirale.blogspot.com//"; // url tujuan             var count = 10; // didalem detik             function countDown() {                 if (count > 0) {                     count--;                     var waktu = count + 1;                     $('#kata').html('<b>Halaman Ini Akan Otomatis Di Redirect KE </b> ' + url + ' didalem ' + waktu + ' detik.');                     setTimeout("countDown()", 1000);                 } else {                     window.location.href = url;                 }             }             countDown();         </script> <html> <head> <style> .loader {   border: 16px solid #f3f3f3;   border-radius: 50%;   border-top: 16px solid #3498db;   width: 120px;   height: 120px;   -webkit-animation: spin 2s linear infinite; /* Safari */   animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin {   0% { -webkit-transform: rotate(0deg); }   100% { -webkit-transform: rotate(360deg); } } @keyframes spin {   0% { transform: rotate(0deg); }   100% { transform: rotate(360deg); } } </style> </head> <center> <body> <b>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.</b> <br /> <center style="color: red;"> if you not redirected to download page click <a href="https://vuirale.blogspot.com//"><b>HERE</b></a> <br /> <div class="loader"> </div> </center> </body> </center> </html>

Catatan :
Ganti : https://vuirale.blogspot.com// dengan link nan kalian punya
Ganti : var count = 10 dengan waktu pengalihan nan kalian inginkan
Ganti : Tulisan Biru dengan kata kata anda

Redirect Link Part 2

Jika kalian ingin sekali membikin redirect link dengan animasi nan lain menyerupai gambar dibawah ini

Pengalihan Link URL otomatis Dengan Html css juga Javascript Dengan countdown timer hitunga  Tutorial Membuat Redirect/Pengalihan Link Dengan Javascript


Langkah pembuatannya sangatlah gampang sekali kalian tinggal mengcopy script berikutitu :

<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://vuirale.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://vuirale.blogspot.com//"; // url tujuan             var count = 10; // didalem detik             function countDown() {                 if (count > 0) {                     count--;                     var waktu = count + 1;                     $('#kata').html('<b>Halaman Ini Akan Otomatis Di Redirect KE </b> ' + url + ' didalem ' + waktu + ' detik.');                     setTimeout("countDown()", 1000);                 } else {                     window.location.href = url;                 }             }             countDown();         </script>

Catatan :
Ganti : https://vuirale.blogspot.com// dengan link nan kalian punya
Ganti : var count = 10 dengan waktu pengalihan nan kalian inginkan
Ganti : Tulisan Biru dengan kata kata anda

anda sanggup memodifikasi aba-aba diatas dengan aba-aba kalian sendiri. Demikianlah tutorial admin mengenai Cara Membuat Redirect/Pengalihan Link Dengan Javascript. biar informasiitu sanggup meringankan :)
Tutorial Menciptakan Countdown Timer Dengan Javascript

Tutorial Menciptakan Countdown Timer Dengan Javascript

Cara Membuat Countdown Timer Dengan JavaScript  ataupun Cara membikin countdown timer link download hitungan mundur. Cara Membuat Countdown Timer Dengan redirect link kehalaman terpastinya. Halo sahabat blogger kaliitu jagoankode mau membahas mengenai 3 judul sekaligus dengan topik membikin javascript coundown timer. Sebenarnya apasih tujuan orang membikin count down timer ? mari kami bahas

Fungsi Countdown Timer

Sebenarnya Fungsi dari countdown timer sendiri sangat banyak sekali, sesuai dengan kata countdown nan berarti hitungan mundur ialah menawarkan jeda waktu hingga batas waktu nan dipastinyakan berakhir. juga kemudian dilanjutkan dengan fungsi utamanya sanggup mengalihkan link ataupun memunculkan link, ataupun membikin sebuah jam, ataupun sanggup juga jadinya stopwatch ataupun fungsi lain ibarat hitungan waktu.

Cara Membuat Countdown Timer Dengan JavaScript  Tutorial Membuat Countdown Timer Dengan JavaScript

sanggup saja kalian pernah melihat sebuah link downlad nan sebelumnya tersedia muncul detik hitungan mundur nan di ketika habis makanya muncul tombol buton link nan menuju kearah link nan sebenarnya. ataupun sanggup saja kalian juga pernah melihat waktu jam ataupun detik dididalem sebuah blog ataupun pun stopwatch timer di sebuah blog.

Sebenarnya pembuatan Countdown timer sanggup dikerjakan dengan banyak sekali macam bahasa yan mendukung ibarat HTML, PHP, Phyton Maupun Javascript. di kesempatan kaliitu admin mau membahas ihwal pembuatannya melalui jaavascript. Kenapa ?? karna sanggup diterapkan dimana saja, serta pembuatan juga pengujian nya juga belomterlalu sulit. selain itu juga sanggup support di platform manapun juga sanggup diletakan di web maupun di blog anda.. Lalu bergotong-royong bagaimanakah pembuatannya apakah sangat sulit sekali ? Jawabannya Tidak malah didalem membikin countdown timer dengan javascript sangatlah gampang sekali.

Penasaran dengan bagaimana tutor pembuatannya ?? mari simak langkahnya berikutitu :

Kodeitu sanggup kalian terapkan dimana saja dipostingan blogger ataupun dihalaman page web ataupun blog

#1. Cara Membuat Countdown Timer Dengan JavaScript (Hari,Jam,Menit, Detik )

<!-- countdown timer jagoankode.blogspot.com  --> <p id="tutorsingkat"></p> <script> // Silahkan kalian atur tanggal anda var countDownDate = new Date("Sep 5, 2018 15:37:25").getTime(); // Hitungan Mundur Waktu Dikerjakan Setiap Satu Detik var x = setInterval(function() {   // Mendapatkan Tanggal juga waktu Pada Hari ini   var now = new Date().getTime();   //Jarak Waktu Antara Hitungan Mundur   var distance = countDownDate - now;   // Perhitungan waktu hari, jam, menit juga detik   var days = Math.floor(distance / (1000 * 60 * 60 * 24));   var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));   var seconds = Math.floor((distance % (1000 * 60)) / 1000);   // Tampilkan jadinya di elemen id = "tutorsingkat"   document.getElementById("tutorsingkat").innerHTML = days + "d " + hours + "h "   + minutes + "m " + seconds + "s ";   // Jika hitungan mundur selesai,   if (distance < 0) {     clearInterval(x);     document.getElementById("Carasingkat").innerHTML = "EXPIRED";   } }, 1000); </script>


#2. Cara Membuat Countdown Timer Dengan JavaScript (Redirect/Pengalihan Link )

<html>     <head>         <title>tutor singkat</title>     </head>     <body>         <div id="tutorsingkat"> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>         <script>             var url = "http://jagoankode.blogspot.co.id/search/label/Article"; // url tujuan             var count = 10; // didalem detik             function countDown() {                 if (count > 0) {                     count--;                     var waktu = count + 1;                     $('#tutorsingkat').html('<b>Halaman Ini Akan Otomatis Di Redirect KE </b> ' + url + ' didalem ' + waktu + ' detik.');                     setTimeout("countDown()", 1000);                 } else {                     window.location.href = url;                 }             }             countDown();         </script>     </body> </html>

#3. Cara Membuat Countdown Timer Dengan JavaScript (Waktu nan tersisa/Waktu tunggu )

HTML

<html> <body> <div>Time left = <span id="timer"></span></div> </body> </html>

CSS

body{   background-color:#2D3047; } div{   background-color:#419D78;   color:#EFD0CA;   font-size:20px;   text-align:center; }

JAVASCRIPT

document.getElementById('timer').innerHTML =   03 + ":" + 00; startTimer(); function startTimer() {   var presentTime = document.getElementById('timer').innerHTML;   var timeArray = presentTime.split(/[:]+/);   var m = timeArray[0];   var s = checkSecond((timeArray[1] - 1));   if(s==59){m=m-1}   //if(m<0){alert('timer completed')}   document.getElementById('timer').innerHTML =     m + ":" + s;   setTimeout(startTimer, 1000); } function checkSecond(sec) {   if (sec < 10 && sec >= 0) {sec = "0" + sec}; // add zero in front of numbers < 10   if (sec < 0) {sec = "59"};   return sec; }

Demikianlah tutorial kaliitu mengenai Cara Membuat Countdown Timer Dengan JavaScript Semoga informasiitu apat meringankan kalian :)