TongCoders

Fungsi Dan Cara Memasang Auto Refresh Diblog

2018-06-14T14:18:00.000-07:00

Hello Codersss minal aidin wal faidzin ya Codersss semuanya hehehe , kali ini mimin ingin memebrikan sebuah Fungsi Dan Cara Memasang Auto Refresh Diblog , yupsss pastinya kalian sudah pada mengerti yang dimaksud dari auto refresh ye kan Codersss hehehe .

Fungsi Dan Memasang Auto Refresh Diblog atau disebuah website kita bisa sangat menguntungkan loh codersss hehehe yang pastinya trafik atau page view kita akan terus naik tentunya Codersss hehehhe .

Disini mimin akan memeberikan tiga sebuah Cara Memasang Auto Refresh Diblog disini kita menggunakan bisa menggunakan 3 sebuah script yang berasal dari html, javascript, dan php . yang pastinya akan memudahkan kalian memasang script tersebut sesuai dengan extensi script kalian Codersss.

Berikut dibawah ini adalah sebuah contoh Code dari meta tag html refresh dimeta tag html ini mimin akan memberikan dua sebuah source code yang akan merefresh otomatis diblog atau website kalian

Nah berikut adalah sebuah source code Auto Refresh yang hanya merefresh otomatis tidak melakukan redirect .


<meta http-equiv="refresh" content="5"/>

Untuk angka yang berada dicode name content merupakan sebuah time atau waktu durasi suatu web browser akan merefresh secara otomatis bagian tersebut bisa kalian udah sesuai keinginan kalian ya Codersss.

Untuk melakukan Redirect kesuatu halaman dengan menggunakan Tag meta http-equiv atau refresh ini cukup mudah bisa kalian perhatikan dibawah ini Codersss.


<meta http-equiv="refresh" content="5;URL='http://tongcoders.blogspot.com'" />

Fungsinya masih sama seperti Auto refresh seperti pada kalanya namun pada kali ini dia akan melakukan redirect kesuatu halaman tertentu Codersss bisa kalian lihat pada bagian URL nah disitu lah tempat yang akan kita tuju setelah melakukan refresh ya Codersss hehehehe .

Nah bukan hanya sebuah tag di html saja yang bisa melakukannya , kali ini kita coba menggunakan dari source code dari javascript ya Codersss.


<script type="text/javascript">
var timer = null;
function auto_reload()
{
  window.location = 'http://tongcoders.blogspot.com';
}
</script>

Nah Diatas merupakan source code dari javascript untuk melakukan redirect seperti pada tag meta http-equiv dihtml window location adalah tempat yang akan kita tuju setelah melakukan refresh secara otomatis Coderss

Namun javascript tersebut belum sepenuhnya melakukan redirect kita harus menggunakan code nam onload pada html untuk memanggil function dari javascript tersebut contoh codenya seperti dibawah ini Codersss.


<body onload="timer = setTimeout('auto_reload()',5000);">

Nah setelah kita memasang code name onload pada body baru script dari javascript tersebut akan melakukan fungsinya pada mana kalanya untuk melakukan redirect Codersss.

Masih ada satu cara lagi nih Codersss Cara Memasang Auto Refresh Diblog nah disini kita akan mencoba menggunakan script dari php ya codersss.

fungsi dari script php ini bisa dikatakan sama seperti tag http-equiv pada html cara memasangnya cukup mudah kalian bisa melihat seperti contoh source code php dibawah ini .


<?php
header("Refresh: 5; url=http://tongcoders.blogspot.com"); 
?>

Nah source code diatas merupakan sebuah contoh untuk melakukan redirect disuatu halaman sama pada script diatas lainnya , jika kalian ingin melakukan refresh tanpa melakukan redirect kalian cukup hapus code name urlnya saja dan hilangkan dengan linknya juga ya Codersss hehehe

Gimana Codersss mudah bukan untuk Memasang Auto Refresh Diblog dengan 3 cara diatas hehehe , oke Coders mungkin itu dulu Fungsi Dan Cara Memasang Auto Refresh Diblog nanti mimin akan update article yang menarik lainnya hehehe . jangan lupa untuk subscribe dan membaca article menarik lainnya ya Codersss thank you hehehe ..

Cara Membuat From Login Dengan Html Dan Css

2018-06-07T12:25:00.000-07:00

Hello Coderss mimin akan memberikan sedikit ilmu tentang Cara Membuat From Login Dengan Html Dan Css , Nah sudah pada paham tentang apa itu from login kan ya Coderss , from login itu adalah suatu kontak from untuk login kesuatu website yang akan diproses melalui php mysql kalo gk salah begitu Coderss hehehe .

Tapi Disini mimin bukan ingin membahas tentang mengkoneksinya kedatabase tapi disini mimin akan menjelaskan Cara Membuat From Login Dengan Html Dan Css , Sebelum kalian Membuat From Login Dengan Html Dan Css ini pastikan tersebuh dahulu kalian mempunyai script php untuk menginput atau memproses data loginnya

Nah jika kalian belom mempunyainya kalian bisa menggunakan script input sederhana seperti dibawah ini Namun script dibawah ini berbeda dengan script input ke Mysql database ya Coderss pertama kalian buat satu folder dulu terserah kalian ya Coderss misalnya kalian membuat nama folder latihan .

Setelah itu kalian copy script dibawah ini dan kalian simpan dengan extensi .php contoh > action.php

  
<head>
<meta http-equiv="Refresh" content="3; URL=http://localhost/tes/form.html"/>
</head>
<body>
<?php
if( $_GET["uname"] || $_GET["psw"])
// {  hapus tanda // untuk menampilkan username dan passwordnya
//  echo "Username Anda: ". $_GET['uname']. "<br />";
//  echo "Password Anda: ". $_GET["psw"]. "<br />";
// }
?>
<h1>Selamat Anda Berhasil Login Tunggu sebentar Anda akan dialihkan Ke Homepage......</h1>
<script>
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(pesen);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(pesen);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(pesen);return false")
</script>
</body>
</html>

Setelah itu bisa kalian simpan dengan extenti .php contoh > action.php . Oh iya Coderss Script diatas Belum Termasuk input ke database Mysql jadi jika kalian menggunakan script input diatas mereka bisa login secara anonim dan data mereka tidak akan masuk kedalam Database kalian ya Coderss .

Jadi kalian harus menyambungkan dengan mysql database kalian , Nah untuk menyambungkannya kalian bisa cari sendiri atau kalian bisa menggunakan referensi link dibawah untuk membuat from login dengan php dan mysql .

pada tag meta http-equiv tersebut kalian ganti url menjadi tempat kalian sesudah melalui from loginnya contohnya kalian ingin mengarahkan orang yang setelah login kembali lagi pada home bisa kalian isi dengan url home kalian , contoh tongcoder.blogspot.com maka otomatis akan langsung pindah ke home .

Nah setelah kalian membuat From action untuk menginput suatu data sekarang kalian buat lagi script extensi html dan kalian copy script From Login dibawah ini .

  
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<title>From Login Html</title>
</head>
<body>
<button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>

<div id="id01" class="modal">
  
  <form class="modal-content animate" action="action.php" method="get">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1jB41oLsoBvVvxnzwYB-fudVZDFnl4R5ikEFedkqwKIzqEkuiJpLOS_cw4P0XcpGuSX2aKTXcbAEGqI5OZsGr-4OZszwc0LexSMIFX3DzHBzznbDDsUFty4BPFUIpEtGjRHApMVX7dA/s1600/tongcoders.png" alt="Avatar" class="avatar">
    </div>

    <div class="container">
      <label for="uname"><b>Username</b></label>
      <input type="text" placeholder="Enter Username" name="uname" required>

      <label for="psw"><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="psw" required>
        
      <button type="submit" value="submit">Login</button>
      <label>
        <input type="checkbox" checked="checked" name="remember"> Remember me
      </label>
    </div>

    <div class="container" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
      <span class="psw">Forgot <a href="#">password?</a></span>
    </div>
  </form>
</div>

</body>
</html>

setelah itu kalian save dengan nama form.html .

Coba kalian perhatikan pada tag html <form> kalian ganti yang atribut actionnya menuju script input yang tadi kalian buat contohnya seperti script input pada php sederhana yang diatas Coderss contoh > action.php .

Pada Atribut action berisi alamat url kemana data form tersebut akan dikirim. Pada contoh script diatas, kita isi atribut action dengan action.php sehingga, ketika tombol login tersebut di klik, maka data form tersebut dikirim ke http://localhost/form/action.php

Namun sebelum kalian jalankan script tersebut coba kalian buat satu file lagi yang bernama style.css dan kalian copy script dibawah ini untuk membangung atau merapihkan tampilan pada form kalian .

  
body {font-family: Arial, Helvetica, sans-serif;}

/* Full-width input fields */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button:hover {
    opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}

Setelah kalian copy script diatas coba kalian save dengan extensi style.css

Setelah kalian simpan file diatas sekarang kalian copy script javascript dibawah ini .

  
<script>
// Get the modal
var modal = document.getElementById('id01');

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>

Sesudah kalian copy script diatas kalian letakan pada file form.html yang tadi kalian buat dan kalian taro javascript ini diatas tag </body> setelah itu kalian save .

Nah kita sudah jadi untuk membuat Membuat From Login Dengan Html Dan Css sekarang coba kalian jalankan menggunakan Xampp jika kalian belum menginstall silahkan install dulu jika kalian belum menginstallnya bisa kalian cari digoogle dahulu cara menginstall xampp maaf karna mimin belom membuat article cara menginstal xammp hehehe.

Nah gimana keren bukan form loginnya? heheh jika kalian masih bingung bisa kalian tanyakan dikolom komentar dibawah ini ya Codersss dan jika kalian ingin mendownload source codenya silahkan kalian download menggunakan link dibawah ya .

Mungking itu dulu Codersss Cara Membuat From Login Dengan Html Dan Css nanti mimin akan update article menarik lainnya lagi jika kalian mempunyai saran bisa kalian tuliskan dibawah kolom komentar dibawah ini ya sobat Codersss Thankss

Demo : Disini
Link Download : Disini

Referensi :
https://www.w3schools.com/howto/howto_css_login_form.asp

Cara Membuat Tanggal Dan Waktu Menggunakan Javascript

2018-06-06T17:18:00.001-07:00

Hallo Sobat Coders Selmat pagi dan selamat beraktifitas ya sobat Codersss Nah kali ini mimin TongCoders ingin memberikan sedikit ilmu tentang javascript Cara Membuat Tanggal Dan Waktu Menggunakan javascript nah fungsi dari Membuat Tanggal Dan Waktu Menggunakan javascript ini mempunyai banyak khasiatnya yaitu untuk memberitahukan kepada seseorang viewers atau blog kita kalau sekarang tanggal dan jam sekian .

Selain untuk memberitahukan kepada viewers kita , ini juga bisa untuk memperbagus suatu website atau blog kita dengan adanya Tanggal dan Waktu ini viewers kita tidak akan lupa akan waktunya codersss kali aja dia lagi membaca suatu article diblog TongCodersss dan mereka melihat suatu Widget Tanggal Dan Waktu mereka lupa untuk melaksanan ibadahnya karna keasikan membaca article menarik di TongCoders ini hehehe .

Nah Sekerang gimana Cara Membuat Tanggal Dan Waktu Menggunakan javascript. Caranya cukup mudah bisa kalian lihat pada source code dibawah ini, Dari source code dibawah ini merupakan source code Hari, Tanggal dan Tahun , Source code dibawah ini akan menampilkan Hari, Tanggal dan Tahun secara otomatis codersss hehehe.

    
<style type="text/css">
  .hari, .jam{
    color: red;
    background-color: black;
    width: 100%;
    height: 50px;
  }
</style>
<table align="center" class="hari">
  <td>
    <center>
<script type="text/javascript">
  date = new Date();
  if (date.getTimezoneOffset() == 0) (a=date.getTime() + ( 7 *60*60*1000))
    else (a=date.getTime());
  date.setTime(a);
  var tahun= date.getFullYear ()
  var hari= date.getDay ()
  var bulan= date.getMonth ()
  var tanggal= date.getDate ()
  var hariarray=new Array("Minggu,","Senin,","Selasa,","Rabu,","Kamis,","Jum'at,","Sabtu,")
  var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","/ 12 /")
  document.write("Sekarang Hari : " + ( hariarray[hari]+" "+tanggal+" - "+bulanarray[bulan]+" - "+tahun))
</script>
</center>
  </td>
</table>

Setelah itu kalian save dengan extensi .js contoh > tanggal dan jam.js . Dan coba kalian lihat hasilnya kurang lebih seperti yang ada pada dibawah ini ya Codersss, Setelah itu silahkan kalian taro diwebsite atau diblog kalian itu sih terserah kalian ya Codersss :3 wkwkwk.

Setelah kalian Berhasil Membuat Hari, Tanggal dan Tahun Sekarang kalian lihat Source code dibawah, source code dibawah merupakan suatu code javascript untuk menampilkan Jam, Menit, Dan Detik Menggunakan Javascript. Coba kalian copy source code dibawah ini untuk menampilkan Jam, Menit, Dan Detik Menggunakan Javascript .

    
<table align="center" class="jam">
  <td>
    <center>
<script type="text/javascript">
 window.onload = function() { jam(); }
 function jam() {
  var e = document.getElementById('jam'),
  d = new Date(), h, m, s;
  h = d.getHours();
  m = set(d.getMinutes());
  s = set(d.getSeconds());
  e.innerHTML = 'Sekarang Jam '+ h +':'+ m +':'+ s;
  setTimeout('jam()', 1000);
}
function set(e) {
  e = e < 10 ? '0'+ e : e;
  return e;
 }
</script>
<div id="jam"></div>
    </center>
  </td>
</table>

Setelah itu kalian save difile yang tadi kalian buat contoh nama file yang tadi kalian buat > tanggal dan jam.js Nah setelah itu coba kalian save dan kalian jalankan dibrowser kalian gimana berhasil atau tidak hehe? jika kalian berhasil maka akan menampakan sosok seperti dibawah ini .

Gimana Codersss Sudah selesai untuk Membuat Tanggal Dan Waktu Menggunakan javascript ini gimana hehehe nah jika kalian sudah selesai membuatnya jangan lupa untuk subscribe dan membaca article menarik lainnya ya Sobat Codersss diblog TongCoders ini hehe.

Cara Membuat Zoom In dan Out Menggunakan Css

2018-06-06T11:35:00.001-07:00

Hello Codersss mimin ingin memberikan sedikit ilmu Cara Membuat Zoom In dan Out Menggunakan Css Nah sebelum kita memasuki pada tahap lanjut untuk memulainya apa kalian mengerti maksud dari zoom in dan zoom out pada gambar ini yapsss kalo dipikiran mimin sih kalian udah mengerti ya gk Codersss hehe.

Nah bagi kalian nih yang belum mengerti apa itu zoom in dan zoom out pada gambar , mimin akan memberikan sedikit pengetahuan untuk sobat Codersss mimin ini hehehe . Zoom in apa itu zoom in ? zoom in ini yang berarti memperbesar pada suatu objek gambar dan begitu juga sebaliknya dengan zoom out ya Codersss ,

Sekarang mimin akan memberikan Contoh Source Code pada zoom in gambar nah sebelum kalian copy script dibawah ini coba kalian lihat pada gambar dibawah ini dan kalian sentuh dengan kursor kalian Codersss Nah kurang lebih begitulah hasil dari Source code zoom in ini Codersss..


<html>
<head>
<style type="text/css">
.img {
  height: 200px;
  width: 200px;
  overflow: auto;
}
.zoomin img {
  height: 200px;
  width: 200px;
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
.zoomin img:hover {
  width: 300px;
  height: 300px;
}
</style>
</head>
<body>
<div class="zoomin img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1jB41oLsoBvVvxnzwYB-fudVZDFnl4R5ikEFedkqwKIzqEkuiJpLOS_cw4P0XcpGuSX2aKTXcbAEGqI5OZsGr-4OZszwc0LexSMIFX3DzHBzznbDDsUFty4BPFUIpEtGjRHApMVX7dA/s1600/tongcoders.png" title="Cara Membuat Zoom In dan Out Menggunakan Css" />
</div>
</body>
</html>

Setelah kalian copy script diatas tersebut coba kalian simpan dengan extensi .html contoh > zoomin.html Nah Gimana Codersss keren buka hehehe Nah selanjutnya kalian lihat lagi pada paragraf dibawah ini

Sekarang coba kalian sentuh lagi pada gambar dibawah ini , gambar dibawah ini merupakan suatu source code dari code css dan html dari Zoom Out Nah gimana untuk cara membuatnya sekarang coba kalian copy script dibawah ini.


<html>
<head>
<style type="text/css">
.img {
  height: 200px;
  width: 200px;
  overflow: hidden;
}
.zoomout img {
  height: 300px;
  width: 300px;
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
.zoomout img:hover {
  width: 200px;
  height: 200px;
}
</style>
</head>
<body>
<div class="zoomout img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1jB41oLsoBvVvxnzwYB-fudVZDFnl4R5ikEFedkqwKIzqEkuiJpLOS_cw4P0XcpGuSX2aKTXcbAEGqI5OZsGr-4OZszwc0LexSMIFX3DzHBzznbDDsUFty4BPFUIpEtGjRHApMVX7dA/s1600/tongcoders.png" title="Cara Membuat Zoom In dan Out Menggunakan Css" />
</div>
</body>
</html>

Setelah itu kalian save ya Codersss dengan extensi html lagi contoh > zoomout.html lalu kalian jalankan dibrowser kesayangan kalian Codersss hehehe.

Nah setelah itu bisa kalian edit dibagian transition dan bagian overflow, fungsinya untuk apa transition? fungsinya cukup mudah yaitu waktu transisi pada objek yang ingin kita berikan efek zoom atau laiinnya .

Nah kalau bagian overflow bisa kalian edit dengan kata hidden, atau auto fungsinya untuk menyembunyikan, menampakkan, atau membuat scroll. Dimana fungsi ini bisa diterapkan dalam objek teks ataupun gambar. kalian bisa mengganti dengan kata overflow: auto, scroll, hidden, display

Gimana Codersss Paham kan hehehe lumayan lah Mungkin itu dulu dari mimin Cara Membuat Zoom In dan Out Menggunakan Css , oke Codersss jangan lupa untuk membaca article-artilce menarik lainnya ya dan jangan lupa untuk subscribe agar tidak ketinggalan postingan menarik dari TongCoders ini ya Sobat Codersss makasih.

Cara Memilih Html Color Code Yang Bagus

2018-06-05T12:46:00.003-07:00

Hello Sobat Codersss mimin mau membawakan sesuatu nih buat kalian yang sukanya memainkan warna, asal jangan memainkan hati seseorang aja ya Codersss wkwkwk. Nah kali ini mimin ingin memberikan Cara Memilih Html Color Code Yang Bagus .

Nah kalau kita menggunakan Color Code seperti code HEX ini akan memudahkan kita untuk memilih warna sesuai kengininan dan lebih indah seperti cintanya dia hahahaha, selain keindahan color code hex ini bisa juga untuk menambahkan nilai keindahan pada website kita Codersss yailah kan dikasih warna gimana sih TongCoders -,- :v haha

Untuk memilih warna yang kalian inginkan kalian bisa membuka website dibawah ini untuk memilih warna keinginan kalian .

https://html-color-codes.info/old/colorpicker.html

Selain Web disitu kita juga bisa menggunakan fasilitas dari google kalian cukup mengetikan Color Code #ffffff , nah color code seperti #ffffff ini yang artinya warna putih :v emang warna putih tong cek aja hahaha.

https://www.google.co.id/search?q=%23ffffff

Nah kira-kira ketika kalian tuliskan digoogle search engine seperti mimin bilang kurang lebih tampilannya seperti diatas , selain code Hex ada banyak code yang bisa kita gunakan difasilitas tersebut seperti HEX, RGB, HSV, HSL, & CMYK .

Gimana Codersss gk usah bingung-bingung untuk memilih warna karna sudah banyak yang mewarnai hati kita ya kan hahaha, Nah gimana udah gk bingung lagi kan untuk memilih warna yang kita inginkan .

Okke Codersss mungkin itu dulu Cara Memilih Html Color Code Yang Bagus , nanti mimin akan update lagi tentang article menarik lainnya jangan lupa untuk subscribe dan baca article menarik lainnya ya diwebsite TongCoders.

Cara Memberi Warna Saat text Di Selected Atau Di Block

2018-06-05T10:22:00.000-07:00

Asslamualaikum

Hai sobat Codersss Gimana nih Mau mempercantik blog atau website kita gk nih hehehe, Nah kali ini TongCoders Ingin memberikan Cara Memberi Warna Saat text Di Selected Atau Di Block , paham atau tidak dengan kata-kata tersebut? Oke akan mimin jelaskan sedikit nih mumpung mimin lagi baik hahahah.

Text selected atau yang biasa kita kenal dengan sebutan blok suatu text disebuah web maupun word , nah disini mimin bukan ingin membirakan cara yang diword ya tapi disuatu website atau blog sobat Codersss. Selain itu juga Memberi Warna Saat text Di Selected Atau Di Block itu akan membuat pembaca blog kita terasa nyaman maupun akan terlihat indah .

Gimana sih cara buatnya ngomong bae hahahah, Nah untuk cara membuatnya kalian cukup menyalin dan merubah warna background dan color .


::selection {
    background: #070707; 
        color: #ff0000;
    }
::-moz-selection {
    background: #070707;
        color: #ff0000;
    }
::-webkit-selection {
    background: #070707; 
        color: #ff0000;
    }

Nah untuk penempatannya kalian bisa tempatkan di bagian css <style> , dan fungsi dari code tersebut itu merupakan untuk memberi warna background dan Warna Saat text Di Selected Atau Di Block , kalian cukup mengedit bagian background dan color.

Setelah kalian sesuaikan dengan keinginan kalian bisa save dan bisa kalian lihat hasilnya :) , mungkin itu dulu tips Cara Memberi Warna Saat text Di Selected Atau Di Block dari mimin semoga tips ini bermanfaat ya Codersss

Jangan lupa untuk subscribe dan membaca article menarik lainnya dari TongCoders ini ya sobat Codersss hehehe

Wassalamualaikum

Cara Membuat Alert Dengan Javascript

2018-06-05T09:08:00.001-07:00

Assalamualalikum

Selamat Malam semua sobat Codersss Nah mimin ingin memberikan Cara Membuat Alert Dengan Javascript , ada yang tau alert itu apa? alert itu adalah sebuah pemberitahuan kepada seseorang saat pertama kali masuk kedalam website atau blog kita , Kurang lebih penjelasannya seperti itu sobat Codersss hehehe.

Untuk Membuat Alert Dengan Javascript Caranya cukup mudah nih sobat Codersss yang pertama itu kalian harus mempunyai sebuah kopi ataupun sebuah teh manis untuk menemani kalian ngoding hehehe gk ko itu hanya sebuah pemanis sobat Codersss.

Nah berikut dibawah ini adalah sebuah Source Code Cara Membuat Alert Dengan Javascript Silahkan kalian salin Source code dibawah ini dan kalian ganti textnya dengan kata-kata manis kalian ya :3


<script>
alert('Hello, Sobar Codersss');
</script>

Code diatas merupakan Cara Membuat Alert Dengan Javascript dengan mudah sobat Codersss hehehe itu hanya sebuah pop up yang tampil hanya sekali sobat Codersss, jika kalian ingin lebih dari 1 kali popnya kalian bisa tambahkan alert('text'); atau kalian bisa lihat seperti source code dibawah ini Sobat Codersss.


<script>
	alert('Hello, Sobar Codersss'); // 1
	alert('Hello, Sobar Codersss'); // 2
	alert('Hello, Sobar Codersss'); // 3
</script>

Nah kalian bisa Menambahkan semau kalian Sobat Codersss, Oke sobat Codersss semoga Cara Membuat Alert Dengan Javascript ini bisa bermanfaat bagi kalian ya para Codersss Jangan lupa untuk Membaca article-article menarik lainnya di TongCoders ini ya sobat :)

Wassalamu'alaikum