Bagaimana Meningkatkan Isyarat Wi-Fi di Rumah

Wi-Fi tidak hadir pada hari ini, dan terutama di rumah. Tetapi omnipresence tidak bermakna ia berfungsi dengan sempurna sepanjang masa. Isyarat mungkin lemah atau hilang sama sekali kerana faktor halus yang anda tidak tahu. Inilah sebabnya mengapa banyak pengguna Internet terus bertanya, "Bagaimana saya dapat meningkatkan WiFi saya?" Jadi, apa yang boleh anda lakukan untuk meningkatkan sambungan Wi-Fi rumah sekarang? Berikut adalah beberapa langkah.
Bagaimana Meningkatkan Isyarat Wi-Fi di Rumah

Cari penempatan yang optimum

Penghala Wi-Fi berfungsi dengan baik apabila ia mempunyai sambungan visual tanpa gangguan dengan peralatan yang memindahkan data ke. Jadi, idea paling buruk meletakkannya di suatu sudut gelap. Sebaliknya, cari beberapa lokasi pusat di flat anda dengan banyak ruang di semua arah di sekelilingnya, dan yang lebih tinggi, lebih baik. Ia akan menjadi sempurna jika anda benar-benar dapat melihat semua peranti penyambung dari kedudukan penghala. Ini sahaja akan membolehkan anda meningkatkan sambungan Wi-Fi dengan ketara.

Ambil peralatan lain dari penghala

Banyak peralatan elektrik boleh mengganggu isyarat Wi-Fi, terutama yang menggunakan band 2.4 dan 5 GHz. Ini boleh menjadi ketuhar gelombang mikro, monitor bayi, telefon tetap, dll. Apabila anda membeli elektronik rumah, pilih orang-orang yang menggunakan kumpulan lain. Sebagai contoh, anda boleh membeli monitor bayi menggunakan 900 MHz berbanding 2.4 GHz.

Gantikan antena penghala

Kebanyakan penghantar Wi-Fi bergantung kepada antena luaran, tetapi biasanya biasanya pendek. Walau bagaimanapun, antena yang lebih lama, walaupun dengan kabel yang dipasang, secara mendalam boleh memanjangkan isyarat Wi-Fi. Perhatikan, bagaimanapun, ini bukan cara terbaik untuk meningkatkan Wi-Fi dari segi kekuatan isyarat, tetapi ia boleh mengubah bentuknya. Jika anda tidak boleh meletakkan penghala anda di suatu tempat di pusat flat anda, anda boleh membeli antena dengan kabel dan meletakkan ujung kabel yang lain ke kawasan yang lebih terbuka. Ini akan mempunyai kesan yang sama seperti memindahkan penghala itu sendiri.

Tukar jalur tanpa wayar

Kebanyakan router berfungsi dalam band 2.4 atau 5 GHz, tetapi anda boleh menggunakan band lain juga. Pergi ke tetapan penghala anda dan semak sama ada anda boleh menukar saluran secara manual. Jika anda boleh, cari saluran yang paling terbuka menggunakan beberapa aplikasi ujian rangkaian, terdapat banyaknya. Ujian kelajuan Internet Wi-Fi mungkin menunjukkan bahawa sesetengah band di pangsapuri anda mempunyai penggunaan yang lebih rendah - ini adalah apa yang anda perlu beralih kepada.

Beli penyambung pelbagai

Ini boleh menjadi yang paling mudah, tetapi bukan penyelesaian yang paling murah. Peranti yang dipanggil penjana jarak jauh boleh mengembangkan liputan Wi-Fi anda dengan ketara dengan penempatan, antena, dan band yang sama.

Selepas anda melaksanakan beberapa (jika semua) penyelesaian ini, jangan lupa untuk melakukan ujian kelajuan Internet tanpa wayar. Jika ia menunjukkan bahawa sambungan anda berfungsi dengan baik, tetapi anda masih mengalami masalah prestasi, itu bermakna bahawa kesesakan ini adalah sesuatu yang lain daripada router anda. Anda mungkin ingin bertanya kepada Google "periksa kelajuan komputer saya" atau sesuatu seperti itu untuk mencari masalah.

6 Apps Perlindungan Data Teratas untuk Telefon Pintar Android

Adguard Untuk Android
6 Apps Perlindungan Data Teratas untuk Telefon Pintar Android

Aplikasi ini digunakan untuk menyekat iklan pada telefon pintar Android yang dilindungi. Ia tidak memerlukan akses root, menyekat iklan secara intelek dan melarang memancing. Keseluruhannya, program ini berfungsi sebagai sejenis penapis Internet, kerana Adguard tidak hanya menyekat iklan dengan cara yang sama seperti AdBlock, juga melindungi peranti anda dari laman web malware dan latihan dalam talian, menjimatkan trafik rangkaian anda dan membolehkan anda menghidupkan banyak tetapan berguna, termasuk menapis trafik. Pada masa yang sama, kelajuan penapis tidak bergantung pada program VPN yang dipilih, kerana penapisan berlaku secara tempatan dalam program.

Setara: Pelayar Adblock. Pelayar ini mempunyai fungsi yang sama seperti Adguard, tetapi penapisan dan perlindungan boleh dilakukan dalam penyemak imbas sahaja.


Pengawal Mikro PERCUMA

Aplikasi perlindungan Android ini membolehkan anda mendengar perbualan telefon. Program ini mengenal pasti program yang telah diberi kuasa untuk mendapat akses ke mikrofon dan memberitahu anda tentang ini dengan isyarat amaran.

Setara : Penyekat Kamera. Aplikasi ini mempunyai fungsi yang sama seperti Pengawal Mikro, satu-satunya pengecualian adalah bahawa ia beroperasi dengan kamera telefon pintar. Perisian ini menyekat akses ke kamera dan galeri, supaya aplikasi malware tidak membuat foto dan video peribadi anda dapat dilihat di Internet dan tidak menggunakan telefon pintar untuk penyiaran web.


Keepass2Android

Program ini direka untuk menguruskan kata laluan. Ia didasarkan pada kod sumber terbuka, yang bermaksud bahawa data yang direkodkan di atasnya tidak akan masuk ke tangan pelaku.

Bersamaan. KeePassDroid adalah pengurus kata laluan dan SuperGenPass adalah program yang direka untuk menghasilkan kata laluan laman web yang unik.


Wallet Wallet Bitcoin

Dompet Bitcoin autonomi ini untuk telefon pintar Android membolehkan anda membuat transaksi kewangan. Aplikasi ini dilengkapi dengan kalkulator penukar cryptocurrency, memaparkan baki anda dalam format mata wang apa pun dan menggunakan kata laluan untuk menyulitkan fail dengan pangkalan data dan alamat Bitcoin.


Pelayar Anonymous untuk Android

Orfox: Browser Tor untuk Android dibangunkan oleh pasukan yang sama yang melancarkan pelayar desktop TOR. Orfox adalah penyemak imbas yang dilindungi berdasarkan Mozilla Firefox untuk platform Android. Semua kelebihan dan kebaikan dan keburukan utama pelayar TOR dipindahkan ke versi mudah alih penyemak imbas web ini. Memasang aplikasi pada telefon pintar anda tidak menimbulkan sebarang masalah.


VPN untuk Android

Jika anda tidak tahu aplikasi VPN yang dipasang pada telefon pintar anda, kami mengesyorkan supaya anda mengenali salah satu program perisian terkini. Browsec, sambungan penyemak imbas yang menyediakan akses ke laman web yang disekat, kini menawarkan pengguna versi Android. Aplikasi ini mempunyai konfigurasi VPN klasik (menukar alamat ID di seluruh sistem, menyulitkan lalu lintas, dan sebagainya).

Cara Membuat Tool Encoder Base64 Di Blogger

Apa Itu base64 Encoder?
Cara Membuat Tool Encoder Base64 Di Blogger

Base64 Encoder adalah skema kod binari untuk teks serupa yang mewakili data binari dalam format rentetan ASCII dengan menerjemahkannya menjadi representasi radix-64. Istilah Base64 berasal dari pemindahan pengekodan kandungan MIME tertentu. Setiap digit Base64 mewakili 6 bit data. Oleh itu, tiga bait 8-bit (iaitu, sejumlah 24 bit) dapat diwakili oleh empat digit Base64 6-bit. Base64 biasanya digunakan oleh pereka web untuk menyulitkan kod ke dalam kod rawak atau binari dalam bentuk teks. Kemudian, pereka web, yang membuat template biasanya melindungi hak cipta (pembuat template) dengan menyulitkan kod "Redirect / Redirect" jika pada bila-bila masa hak cipta atau kredit templat dipadamkan, ia akan dipindahkan ke laman pembuatan template. Anda boleh menggunakan Base64 untuk melindungi kod anda.

Cara Membuat Borang Pengekodan Base64 di Blogger

  1. Masuk Ke Blogger.
  2. Buat Halaman Baru.
  3. Berikan nama Base64 encoder ataupun sesuai kemahuan anda.
  4. Pasangkan code berikut dan simpan.

  

<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>    
<script type="text/javascript" src="https://cdn.staticaly.com/gh/hilmay619/pribadi/f430da03/alertify.min.js"></script>    
<script type="text/javascript" src="https://cdn.staticaly.com/gh/hilmay619/pribadi/54b713e9/codecs.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">


<style type="text/css">

.ribbon {
    position: relative;
    z-index: 1;
    padding: 1em 2em;
}

.ribbon-tampilan {
    font-size: 120% !important;
    text-transform: uppercase;
    width: 60%;
    position: relative;
    background: #2980b9;
    color: #fff;
    text-align: center;
    padding: 1em 2em;
    margin: 2em auto 3em;
}

.ribbon-tampilan:before,.ribbon-tampilan:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #2980b9;
    z-index: -1;
}

.ribbon-tampilan:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent;
}

.ribbon-tampilan:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}

.ribbon-tampilan .ribbon-nama:before,.ribbon-tampilan .ribbon-nama:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #2980b9 transparent transparent transparent;
    bottom: -1em;
}

.ribbon-tampilan .ribbon-nama:before {
    left: 0;
    border-width: 1em 0 0 1em;
}

.ribbon-tampilan .ribbon-nama:after {
    right: 0;
    border-width: 1em 1em 0 0;
}
    
 textarea {
    width: 94%;
    height: 300px;
    margin: 0 auto;
    display: block;
    background-color: #fff;
    padding: 20px;
    font: normal 13px 'Courier New',Monospace;
    border: 3px solid #2980b9;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
    border-radius:8px;
    resize: none;
}

#belakang {
    background: #ecf0f1;
    position: relative;
    display: block;
    clear: both;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.05);
}

.hasil {
    color: #fff;
    background: #2980b9;
    text-align: center;
    padding: 20px 40px 20px;
    margin: 20px;
    border-radius: 4px;
}

input[type="file" i] {
    width: 50%;
    color: #fff!important;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    background: #015c98;
    padding: 15px 25px;
    border-radius: 4px;
    border: none;
    outline: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    cursor: pointer;
    transition: all .4s ease-in-out;
    text-transform: uppercase;
    margin: 10px;
}

.minify {
    width: 15%;
    margin: 2%;
}

.beautify {
    width: 15%;
}

button {
    color: #fff !important;
    height: 50px;
    font-weight: bold;
    outline: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    text-transform: uppercase;
}
    
.button-group {
    margin: 0 auto 0;
    text-align: center;
}

button,button[disabled]:active {
    border: none;
    padding: 5px 35px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    background-color: #0ea6d8;
    cursor: pointer;
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    position: relative;
    top: -1px;
    margin: 10px;
    line-height: 23px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

button:hover {
    background: #034c64;
}

button[disabled],button[disabled]:active {
    background: #0095c6;
}

.belakang-upload {
    background: #2980b9;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: block;
    clear: both;
    border-radius: 5px;
    padding: 10px 20px;
    border: 1px solid rgba(0,0,0,0.05);
}

form {
    padding: 20px;
}

form label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 47px;
    vertical-align: top;
    font-weight: bold;
}

form .form-check {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 25px;
}

form .form-check::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 50px;
    height: 25px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50px;
    -moz-border-radius: 30px;
}

form .form-radio {
    display: none;
}

form .form-radio + label {
    padding-left: 35px;
}

form .form-radio + label::before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #fff;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 2px 2px 2px #bbb;
    -moz-box-shadow: 2px 2px 2px #bbb;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
}

form .form-radio:checked + label::before {
    background: #34A8BF;
    border: 5px solid #fff;
    width: 17px;
    height: 17px;
}

form .form-check::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    background: #b6b6b6;
    left: 3px;
    top: 3px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
}

form .form-check:checked::after {
    left: 27px;
    background: #1bc94d;
}

fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border: 2px solid aliceblue;
    border-radius: 4px;
}

legend {
    text-align: center;
    display: block;
    margin: 5px;
    font-weight: bold;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.opt1,.opt2,.opt3,.opt4,.opt5 {
    color: #fff!important;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .4s ease-in-out;
    text-transform: uppercase;
    margin: 10px 5px 15px;
}

.belakang-memilih {
    margin: 10px auto;
    font-size: 15.5px;
    color: #fff;
    font-weight: bold;
    background: #2980b9;
    position: relative;
    display: block;
    clear: both;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.05);
}

.belakang-memilih-2 {
    margin: 15px;
    background: #2980b9;
    position: relative;
    display: block;
    clear: both;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.05);
}

.belakang-tombol {
    background: #015c98;
    position: relative;
    display: block;
    clear: both;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.05);
}
    
/* CSS Demo Download Buttons */
.de-down {
    font-weight: bold;
    border-radius: 8px;
    background: #2980b9;
    list-style: none;
    text-align: center;
    margin: 10px!important;
    padding: 20px!important;
    font-size: 14px;
    clear: both;
    display: inline-block;
    text-decoration: none!important;
    color: #FFF!important;
}

.de-down ul {
    margin: 0;
    padding: 0;
}

.de-down li {
    display: inline;
    margin: 5px;
    padding: 0;
    list-style: none;
}

.demo {
    text-decoration: none;
    padding: 12px 15px!important;
    color: #fff!important;
    font-weight: 700;
    font-size: 14px;
    font-family: Open Sans,sans-serif;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    opacity: .95;
    border: 0;
    letter-spacing: 2px;
    transition: all .2s ease-out;
}

.demo {
    background-color: #3498DB;
}

.download {
    background-color: #fff;
    padding: 12px 15px!important;
    color: #000!important;
    font-weight: 700;
    font-size: 14px;
    font-family: Open Sans,sans-serif;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    opacity: .95;
    border: 0;
    letter-spacing: 2px;
    transition: all .2s ease-out;
}

.demo:hover {
    background-color: #015c98;
    color: #fff;
    border-bottom: 2px solid #fff;
    opacity: 1;
}


.demo:before {
    display: inline-block;
    font-weight: normal;
    vertical-align: top;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    line-height: 24px;
    font-family: fontawesome;
    transition: all 0.5s ease-out;
}

.download:before {
    content: '\f019';
    display: inline-block;
    font-weight: normal;
    vertical-align: top;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    line-height: 24px;
    font-family: fontawesome;
    transition: all 0.5s ease-out;
}
    
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
    
.alertify,.alertify-show,.alertify-log {
    -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    -ms-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275);
    ;
}

.alertify-hide {
    -webkit-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -moz-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -ms-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -o-transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    transition: all 250ms cubic-bezier(0.600,-0.280,0.735,0.045);
    ;
}

.alertify-log-hide {
    -webkit-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -moz-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -ms-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    -o-transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    transition: all 500ms cubic-bezier(0.600,-0.280,0.735,0.045);
    ;
}

.alertify-cover {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

.alertify-cover-hidden {
    display: none;
}

.alertify {
    position: fixed;
    z-index: 99999;
    top: 50px;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    opacity: 1;
}

.alertify-hidden {
    -webkit-transform: translate(0,-150px);
    -moz-transform: translate(0,-150px);
    -ms-transform: translate(0,-150px);
    -o-transform: translate(0,-150px);
    transform: translate(0,-150px);
    opacity: 0;
    display: none;
}

:root *>.alertify-hidden {
    display: block;
    visibility: hidden;
}

.alertify-logs {
    position: fixed;
    z-index: 5000;
    bottom: 10px;
    right: 10px;
    width: 300px;
}

.alertify-logs-hidden {
    display: none;
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: -300px;
    opacity: 0;
}

.alertify-log-show {
    right: 0;
    opacity: 1;
}

.alertify-log-hide {
    -webkit-transform: translate(300px,0);
    -moz-transform: translate(300px,0);
    -ms-transform: translate(300px,0);
    -o-transform: translate(300px,0);
    transform: translate(300px,0);
    opacity: 0;
}

.alertify-dialog {
    padding: 25px;
}

.alertify-resetFocus {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.alertify-inner {
    text-align: center;
}

.alertify-text {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
}

.alertify-buttons {
}

.alertify-button,.alertify-button:hover,.alertify-button:active,.alertify-button:visited {
    background: none;
    text-decoration: none;
    border: none;
    line-height: 1.5;
    font-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

@media only screen and (max-width:680px) {
    .alertify,.alertify-logs {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .alertify {
        left: 5%;
        margin: 0;
    }
}

.alertify,.alertify-log {
    font-family: sans-serif;
}

.alertify {
    background: #FFF;
    border: 10px solid #333;
    border: 10px solid rgba(0,0,0,.7);
    border-radius: 8px;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.alertify-text {
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 4px;
}

.alertify-button {
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));
    background-image: -o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));
    background-image: linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));
}

.alertify-button:hover,.alertify-button:focus {
    outline: none;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));
    background-image: linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));
}

.alertify-button:focus {
    box-shadow: 0 0 15px #2B72D5;
}

.alertify-button:active {
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
}

.alertify-button-cancel,.alertify-button-cancel:hover,.alertify-button-cancel:focus {
    background-color: #FE1A00;
    border: 1px solid #D83526;
}

.alertify-button-ok,.alertify-button-ok:hover,.alertify-button-ok:focus {
    background-color: #5CB811;
    border: 1px solid #3B7808;
}

.alertify-log {
    background: #1F1F1F;
    background: rgba(0,0,0,.9);
    padding: 15px;
    border-radius: 4px;
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}

.alertify-log-error {
    background: #FE1A00;
    background: rgba(254,26,0,.9);
}

.alertify-log-success {
    font-weight: bold;
    width: 400px;
    padding: 15px;
    right: 120px;
    background: #5CB811;
    background: rgba(92,184,17,.9);
} 
    
    </style>
    
    
<body>
    
<article>
<div class="ribbon">
<h1 class="ribbon-tampilan">
<strong class="ribbon-nama">BASE64 ENCODER</strong>
</h1>
</div>    
<div id="belakang">
            <div class="belakang-upload">
            BROWSE :
            <input type="file" id="fileToEncode" name="fileToEncode" onchange='$("#uploadFileInfo").html($(this).val().replace(/^.*\\/, ""))' />
        </div>
            
  <div class="hasil">
<span style="font-size: large;"><b> INPUT :</b></span>
        </div>
    <textarea placeholder="Paste your code here..." id="toEncode"  class="codec-input"></textarea>
    
<br />
    
    <div id="textOutputPanel">
  <div class="hasil">
<span style="font-size: large;"><b> RESULT :</b></span>
        </div>
    <textarea readonly id="htmlOutput" class="codec-output"></textarea>
    </div>
<div class="belakang-memilih"> 
<form action="">
<fieldset>
<legend>SELECTED</legend>
<input checked="checked" type="checkbox" id="generateTextRendition" class="opt1 form-check">
<label for="generateDownloadLink">AUTO GENERATE TEXT RENDITION</label>
    
<input type="checkbox" id="generateDownloadLink" class="opt2 form-check">
<label for="generateDownloadLink">AUTO GENERATE DOWNLOAD LINK</label>
    
<input type="checkbox" id="makeUrlSafe" checked="checked" class="opt3 form-check">
<label for="makeUrlSafe">USE URL-SAFE BASE64</label>
    
<input checked="checked" type="checkbox" id="useSimplifiedEncoding" class="opt4 form-check">
 <label for="useSimplifiedEncoding">USE SIMPLIFIED ENCODER</label>
    </fieldset>
    </form>    
 </div> 
 
<div style="display: none" id="fileOutputContainer">   
<div style="text-align: center;">
<ul class="de-down">
<li><a class="demo" href="#" id="fileOutputLink">DOWNLOAD</a></li>
    FILE NAME :
        <input class="download" type="text" id="filenameField" value="BASE64.txt" />
</ul>
</div>
    </div>
    
    
    
    <center>
    <div class="belakang-memilih-2">
       <div class="belakang-tombol">
<div class="button-group">
    <button onclick="return encode()">ENCODE</button>
    <button onclick="window.location.reload()">RELOAD</button>
    <button onclick="copyToClipboard();">COPY TO CLIPBOARD</button>
           </div> 
        </div>
        </div>
</center>
</div>
    
    </article> 
    
    
 <script type="text/javascript">
    function fetchEncoder() {
        let encoder;
        if ($('#useSimplifiedEncoding').is(':checked')) {
            encoder = new SimplifiedBase64Encoder();
        } else {
            encoder = new FullBase64Encoder();
        }

        if ($('#makeUrlSafe').is(':checked')) {
            encoder = new MakeUrlSafeTransformer(encoder);
        }

        return encoder;
    }

    function fetchOutput() {
        let fileOutput;
        if ($('#generateDownloadLink').is(':checked')) {
            fileOutput = new FileOutput('#fileOutputContainer', '#filenameField', '#fileOutputLink');
        } else {
            fileOutput = new InactiveFileOutput('#fileOutputContainer', '#filenameField', '#fileOutputLink');
        }

        let htmlOutput;
        if ($('#generateTextRendition').is(':checked')) {
            htmlOutput = new HtmlOutput('#htmlOutput', '#htmlOutput');
        } else {
            htmlOutput = new InactiveHtmlOutput('#htmlOutput', '#htmlOutput');
        }

        const container = new ContainerVisibilityOutput('#textOutputPanel')
        const output = new CompoundOutput(container, htmlOutput, fileOutput);

        return output;
    }

    function encode() {
        const fileInputElement = $('#fileToEncode').get(0);
        const fileInput = new BinaryFileInput(fileInputElement)
        const htmlInput = new HtmlInput('#toEncode');
        const input = new OneOrOtherInput(fileInput, htmlInput, function() { return fileInputElement.files.length == 1})

        const encoder = fetchEncoder();

        const output = fetchOutput();

        const action = new Action(input, encoder, output);
        action.act();
    }
     function copyToClipboard() {
  $("#htmlOutput").select();
  document.execCommand("copy");
alertify.success("YOUR CODE HAS BEEN SUCCESSFULLY COPIED");
}
</script>   
    
    

Jika anda mengalami kesilapan atau mempunyai sesuatu untuk bertanya, jangan teragak-agak untuk post koment di bawah. Semoga bermanfaat! Terima kasih kerana Membaca: Cara Membuat Tool encoder Base64 di Blogger

Cara Membuat First Image Cover Diatas Tajuk Artikel Blog

Cara Membuat First Image Cover Diatas Tajuk Artikel Blog
Hai kali ini O4u akan memberikan tips untuk blogger yang ingin mencantikan laman blog mereka dengan membuat Cover Image Pertama Di Atas Artikel.

Bagi anda yang ingin tahu untuk membuat anda dapat mengikuti tutorial yang saya kongsikan ini,

Buat Cover Image Pertama Di Atas Tajuk Artikel Blog menggunakan JavaScrpit yang membuat blog anda agak lambat, jika blog anda mementingkan penampilan blog itu tidak masalah tetapi jika anda mementingkan kemudahan pengunjung saya tidak mengesyorkannya untuk memasang cover image ini.

Cara Membuat Cover Imej Pertama Di Atas Tajuk Artikel Blog

Seperti biasa anda masukkan blog => Blogger.com
Pergi ke menu Tema => Edit Html => Mencari kod <b: if cond = 'data: post.title'> jika kod lebih daripada 1 maka anda mencari kod kedua (atau ketiga) jika anda telah menemui kod tersebut. <b: else /> di bawah kod <b: if cind = 'data: post.title'> dan mereka yang hampir dengan kod <h1 class = 'tajuk masuk selepas judul'> 

Salin kod di bawah dan letakan betul-betul di bawah kod <b: else />

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='coverImage'>
<b:if cond='data:post.firstImageUrl'>
<img class='firstimage' expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
<b:else/>
<img class='firstimage' expr:alt='data:post.title' src='URL_GAMBAR_NOIMAGE'/>
</b:if>
</div>
</b:if> 

Jangan lupa untuk mengubah URL_GAMBAR_NOIMAGE sesuai gambar no image anda.

Seterusnya pasangkan code css berikut ke dalam css anda
 .post img.firstimage {
       width:100%;
       height:auto;
       max-width:100%;
   }
.post-body .separator:nth-child(1) {
       display:none;
   }

Seterusnya cari code </body> dan pasangkan code berikut di atas code </body>
<script type='text/javascript'>
//<![CDATA[
$(function() {
   $(".separator:first").remove();
      $(".post-body > img:first").remove();
                      });
//]]>
</script>

JavaScript Ini berpungsi untuk menyembunyikan gambar first image di dalam article anda, dan seterusnya hanya cover image yang akan mengantikan first image.

Sekian posting saya tentang cara membuat cover image di blogger.

Arlina Design Lates Template Clone

Arlina Design Lates Clone Template : Saya menerima email bertanyakan tentang update template Arlina Design, so kali ini saya akan kongsikan template versi lama update like new haha, atas permintaan ramai

Arlina Design Lates Template Clone

Arlina Design Lates Template Clone


Features Availability
Responsive True 
SEO Friendly True 
Google Testing Tool Validator True 
Mobile Friendly True 
Dynamic Heading True
Personal Blog True
2 Column Style True
3 Column Footer True
Google Friendly True
Custom Threaded Comment True
Responsive Ad Slot True
Light Base Theme Color True
Minimalist True
Breadcrumbs True
Top Navigation True
Responsive Dropdown Menu True
Related Posts with Thumb True
Search Box True
Social Share Button True
Smooth Scroll Back To Top True
Custom Subscribe Box Widget True
Custom Contact Form Widget True
Custom Sitemap Widget True
Multi-Author Box True
Well Documentation True

Sebenarnya ia cuma memgubah beberapa css code untuk mendapatkan tampilan yang sama seperti pembuat thema asalnya,

<b:includable id='postauthorbox' var='post'>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  <b:if cond='data:post.authorPhoto.url'>
 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='90px'/>
  </b:if>
  <div>
 <a class='g-profile' href='/' itemprop='url' rel='author' title='author profile'>
   <span itemprop='name'><data:post.author/></span>
 </a>
  </div>
  <span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</b:includable>

Link Demo and Download

Naminakiky Responsive Blogger Template

Kali ini O4U akan kongsikan template yang digunakan oleh Naminakiky , template responsif memberikan SEO Friendly ini dibekali dengan fitur-fitur yang cukup menarik dengan tampilan yang nyaman digunakan untuk kegiatan blogging sehari-hari.
Naminakiky Responsive  Blogger Template

Template ini sangat ringan dan sangat simple berbanding template Naminakiky sebelumnya.

Berikut beberapa Feature yang Ada di Dalam template ini:

Features Availability
Responsive True Cek
Mobile Friendly True Cek
Google Testing Tool Validator (Index) True Cek
Google Testing Tool Validator (Item) True Cek
SEO Friendly True
Personal Blog True
2 Column True
Top Navigation True
Breadcrumbs True
2 Option Search Box True
Back to Top Button True
Footer Menu True
ShareThis Share Button True
Featured Recent Post True
2 Option Comment System True
Fast Version True
Newsletter Widget True
Related Post True
Sticky Sidebar True
Image Lightbox True
Sitemap Widget True
Contact Form Widget True
Instagram Widget True
Fixed Menu on Mobile True
Version 1 and 2 True
Shortcodes True

Template yang di gunakan oleh Naminakiky sebenarnya template invet pro yang di redesingn oleh Naminakiky sendirinya, dan kelihatan lebih simple dan ramai yang menyukaainya.
Ramai para blogger suka pada template ini.

Berikut Link download template Naminakiky:

Cara Membuat Night Mode di Blogger dengan Cookie

Night Mode : Adalah ciri yang bertujuan untuk menjadikan paparan gelap. Ciri ini biasanya ditemui pada peranti mudah alih yang memadankan Mod Malam atau Fungsi Mod Gelap yang mempunyai manfaat untuk menjimatkan penggunaan bateri


Di sini O4U akan berkongsi petua tentang Cara Membuat Mod Malam di Blogger dengan Cookies. Di sini saya menambah ciri Cookie supaya apabila kita menyegarkan halaman yang telah diaktifkan dengan Mod Malam, ia tidak akan kembali ke mod awal walaupun anda telah mengubah halaman. Bagaimana, menarik bukan? Bagi mereka yang berminat memasang ciri Mod Malam, sila ikuti langkah-langkah di bawah.

Cara Membuat Night Mode di Blogger dengan Cookie


Pertama buka halaman Blogger > Klik menu Tema dan klik Butang Edit HTML > Tambahkan kode ini sebelum kode </body>

<div class='Switchbtn'>
<span class='nightly'>Night Mode</span> <input class='togglenight togglenight-switch' id='nightmode' type='checkbox'/>
<label class='togglenight-btn' for='nightmode'/></div>
<script type='text/javascript'>
//<![CDATA[
// Night Mode
$("#nightmode").click(function(){$("body").toggleClass("nightmode")}),$("body").toggleClass(localStorage.toggled),$("#nightmode").click(function(){"nightmode"!=localStorage.toggled?($("body").toggleClass("nightmode",!0),localStorage.toggled="nightmode"):($("body").toggleClass("nightmode",!1),localStorage.toggled="")});
//]]>
</script>

Kemudian tambahkan kode CSS ini sebelum kode </head>

<style type='text/css'>
/* Night Mode */
.nightly{color:#999;font-size:13px}
.Switchbtn{position:fixed;text-align:center;display:inline-block;align-items:center;z-index:100;right:20px;top:20px}
.togglenight{display:none;}
.togglenight + .togglenight-btn{outline:0;display:inline-block;width:45px;height:10px;position:relative;cursor:pointer;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.togglenight + .togglenight-btn:after,.togglenight + .togglenight-btn:before{position:relative;display:block;content:&quot;&quot;;width:50%;height:100%}
.togglenight-switch + .togglenight-btn{background:#d5d2fc;border-radius:99em;transition:all .4s ease}
.togglenight-switch + .togglenight-btn:after{content:&#39;&#39;;border-radius:100px;background:#887fff;transition:left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease,margin 0.3s ease;position:absolute;width:20px;height:20px;top:-5px;left:0;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}
.togglenight-switch:checked + .togglenight-btn{background:rgba(255,255,255,.15)}
.togglenight:checked + .togglenight-btn:after{content:&#39;&#39;;left:55%;background:#ff9f43}
.nightmode{background:#202124;color:rgba(255,255,255,.7)}
.nightmode a{color:rgba(255,255,255,.7)!important}
.nightmode a:hover{color:rgba(255,255,255,.4)!important}
.nightmode .class-baru{}
.nightmode .class-baru{}
</style>

Beri perhatian kepada kod yang ditandakan, kod itu adalah contoh kod yang boleh anda edit dengan menggantikan yang baru. Kelas dengan kelas atau ID dalam seksyen tertentu pada templat anda. Sila tambah .nightmode sebelum kelas atau ID templat yang anda mahu tukar apabila Mod Malam aktif. Sebagai contoh seperti ini:


.nightmode .header{background:#222}

.nightmode .title{color:#fff}

Edit juga kode CSS ini untuk menentukan posisi dari tombol Night Mode


.Switchbtn{position:fixed;text-align:center;display:inline-block;align-items:center;z-index:100;right:20px;top:20px}

Jika sudah selesai mengedit semua yang dibutuhkan, klik Butang Simpan tema dan lihat hasilnya di blog Anda.

Demo

Untuk demo silakan semak nightmod yang ada di dalam blogf ini, ianya sangat sama,
Demikian posting saya tentang cara memasang nightmod ataupun mod malam di blogger, sekiranya ada kekurangan silakan tinggalkan comment anda di ruangan yang disediakan.

Cara Meng-Upgrade dan Menginstal Hard Drive atau SSD Baru di PC atau laptop Anda

Hal Yang Anda Perlu Tahu Tentang Menaik taraf HHD ke SSD

Menaik taraf hard driver adalah salah satu cara untuk memperbaiki Pc/Laptop anda.

Sekiranya ana menaik taraf dari HHD ke SSD kelajuan PC/Laptop anda akan bertambah baik kerana SSD lebih laju 5x berbanding HHD.

Bagaimanapun anda bebas memilih sama ada menggunakan HHD ataupun SSD.

Kerana banyak hal yang perlu anda ketahui, ia itu harga SSD lebih mahal berbanding SSD. Anda boleh menaik taraf mengikut kemampuan dan keperluan anda.

Adakah anda inginkan kecepatan ataupun penyimpanan yang lebih banyak?

Sekiranya anda inginkan penyimpanan yang besar anda boleh menggunakan HHD, kerana harganya jauh lebih murah.

Tetapi sekiranya anda inginkan kelajuan 5x saya cadangkan anda menggunakan SSD kerana ia lebih laju 5x berbanding HHD.

Apa itu HHD?

HDD ialah singkatan daripada Hard Disk Drive. Ia sejenis storan yang digunakan secara meluas pada hari ini. Sama ada sebagai storan utama untuk memasang sistem operasi komputer, atau sebagai storan luaran untuk menyimpan data, malah pelayan untuk host laman web juga banyak gunakan HDD.

HDD mempunyai kompenen bergerak seperti cakera berputar dan juga lengan untuk membaca/menulis data ke cakera tersebut. Anda mungkin boleh mendengar atau rasa putaran HDD anda apabila ia sedang digunakan. Cakera HDD disaluti bahan bermagnetik kerana menggunakan teknologi storan magnetik untuk menyimpan data.

Apa Itu SSD?

SSD bermaksud Solid State Drive  atau Solid State Disk, adalah peranti simpanan data yang menggunakan siri IC sebagai memori yang digunakan untuk menyimpan data atau maklumat.


Umumnya SSD menggunakan apa yang disebut flash memori berbasis NAND. Ini merupakan jenis memori Non-Volatile. Sederhananya, Non-Volatile berarti memori tersebut tetap bisa menyimpan data walaupun tegangan suplai nya dimatikan. Ini merupakan prinsip dasar dari sebuah memori permanen seperti halnnya USB Flash drive.


Pada awalnya, banyak yang meragukan ketahanan data yang tersimpan di dalam memori jenis ini. Mereka beranggapan data hanya bisa tersimpan untuk beberapa tahun saja. Data akan lenyap jika disimpan lebih lama lagi. Namun kenyataannya tidak demikian apalagi dengan teknologi yang terkini. Bahkan data bisa tersimpan dengan aman hingga 200 tahun. Berikut contoh SSD merek Samsung.

Instal Drive Baru Anda

Langkah-langkah untuk menginstal (atau mengganti) drive sedikit berbeda, tergantung pada apakah Anda menginstal drive di laptop atau PC desktop.

Memasang Drive Baru Anda pada Laptop

Dua opsi upgrade HDD ke SSD

1. Upgrade HDD ke SSD dengan memindahkan HDD lama ke HDD caddy ( Laptop memiliki slot DVDRW ).

2. Upgrade HDD ke SSD saja tanpa perlu HDD caddy ( Laptop tidak memiliki slot DVDRW ).

Note;

Untuk laptop yang mempunyai warantty, saya sarankan untuk memasang SSD di mana mana  center berdasarkannwaranty card anda.

CONTOH;

1. Laptop Lenovo V110-14AST dengan ukuran DVDRW sebesar 9mm
2. Kingston SSD A400 120GB
3. HDD caddy 9mm sata to sata
4. Sandisk flash disk 16GB
5. Software Easeus todo backup free,

Bersambung..

Bagaimana Menonton YouTube Tanpa Iklan di Android, Video Streaming Tanpa Gangguan Iklan

Bagaimana Menonton YouTube Tanpa Iklan di Android, Video Streaming Tanpa Gangguan Iklan
Inilah cara menonton YouTube tanpa iklan di Android.

Cara menyiarkan video di YouTube tanpa iklan nampaknya menjadi impian untuk sesetengah penonton.

Menonton video, terutama di YouTube, tidak boleh dipisahkan dari aktiviti harian.
Terutama sekarang bahawa terdapat banyak pencipta yang membuat pelbagai video yang menarik untuk di muat naik di youtube.

Untuk pencipta video, pengiklanan adalah sumber pendapatan mereka.
Tetapi bagi penonton, kemunculan iklan masih dianggap mengganggu. kan?

YouTube sendiri tidak menyediakan ciri premium untuk menikmati video tanpa iklan.
Seperti beberapa aplikasi perkhidmatan streaming muzik telah membuka kelas premium tanpa iklan.
Walaubagaimanapun masih ada cara untuk menonton YouTube tanpa iklan di Android.

Satu-satunya cara untuk menyingkirkan iklan di YouTube dengan cara melanggan Muzik Google Play dan YouTube Red.

Walaubaimanapun saya akan kongsikan satu lagi cara yang selalu saya gunakan pabila menonton video di youtube, cara ini 100% berkesan.

Cygery AdSkip adalah aplikasi android mudah yang dapat mengesan apabila iklan YouTube muncul.

Tidak perlu risau kerana memasang aplikasi ini tanpa root, tanpa menetapkan proksi, dan VPN.

Namun bagaimana pun saya ingatkan pada anda bahawa aplikasi ini tidak dipublikasikan secara meluas,

So bagai mana untuk mendapatkan aplikasi ini?
Aplikasi ini boleh anda dapatkan terus melalui XDA Developers Secara percuma, saya akan kongsikan link untuk download aplikasi ini, di penghujung posting ini.

Bagi cara penggunaanya cukup senang.

Install AdSkip dan ikut arahan yang diberikan, selsai, nikmati video youtube anda tanpa iklan .

Berikut Link download aplikasi AdSkip



Cara Menjimatkan Kuota Internet Apabila Menonton Video Youtube

Youtube merupakan sebuah laman sesawang menonton video terbesar didunia. Dimana di ihalaman Youtube juga anda boleh dapatkan pelbagai manfaat untuk untuk digunakan. Contohnya video-video tutorial, berita, perkembangan dunia semasa dan sebagainya.

Selain daripada mendapat info dari youtube, Anda juga boleh menjana pendapatan melalui youtub, caranya telahpun saya kongsikan pada posting sebelum ini, silakan semak sekiranya anda ingin mempelajarinya.


Anda harus tahu kebanyakan video-video di youtube mempunyai saiz yang besar, dan mamou menghabiskan data internate anda dalam sekelip mata, Tetapi jangan risau di sini saya akan kongsikan beberapa tips agar data internate anda dapat di jimatkan sewaktu menonton video di laman sesawang youtube.

Bagai mana cara untuk menjimatkan data internate apabila menonton video di youtube? Sekiranya anda mencari jawapanya, anda berada di tempat yang betul, silakan baca article ini sampai habis.

Cara Menjimatkan Data Internate Ketika Menonton Video Di Youtube


1. Buka aplikasi Youtube anda dan klik pada account ataupun gambar profile d youtube anda, silakan semak gambar ini.



2. Click / masuk menu Settings, Sila lihat gambar ini.



3. Click / masuk pada menu Gneral, Silakan lihat gambar ini.



4. Dalam menu General cari dan aktifkan "limit mobile data usage", Aktifkan menu ini.



Mengapa perlu mengatipkan menu limit mobile data usage? Kerana sekiranya anda menggunakan kualiti video HD maka semakin besarla data internate anda di telanya haha...

Sebenarnya ada banyak cara untuk menjimatkan data internate ketika menonton video di youtube, Cara lainya download video youtube untuk di tonton secara offline.

Cara ini akan menjimatkan 50% dari data internate anda, Dan sekiranya anda menonton video yang anda download tadi, ia tidak mempunyai iklan. Akan tetapi bukan semuanya video di youtube itu boleh anda download untuk tontonan offline, Sesetengah video tidak boleh di download untuk tontonan offline, kerana sebap sebap tertentu.

Untuk save video offline anda boleh cek gambar ini.



Macam mana dengan tutorial diatas ? mudahkan. jadi dengan ini sedikit sebanyak anda mampu menjimatkan kuota internet anda. Bermanfaat? kongsikan artikel ini dengan rakan-rakan anda dan jangan lupa untuk baca artikel yang lain!!.