Membuat Redirect Hanya Domain Saja

Cerita dibalik Redirect Hanya Domain Blogger


Membuat Redirect Hanya Domain Saja

Pernah suatu ketika saya membuat blog dengan domain gratisan dan ternyata domain gratisan tidak bagus di mata search engine saya tidak tau secara pasti kenapa Domain gratisan buruk di mata Google.

Akhirnya saya mencopot domain tersebut dan menggunakan domain default atau bawaan dari blogger dan mendaftarkannya kembali ke Google webmaster karena saat itu yang saya daftarkan adalah domain gratisan.

Karena pada saat itu saya menggunakan domain gratisan dan ada beberapa postingan saya yang saya share ke media sosial menggunakan domain gratisan tersebut, dan setelah saya copot domain gratisannya otomatis link yang saya share ke media sosial saat di klik akan mengalami error karena domain tersebut sudah tidak saya gunakan lagi.

Nah untuk mengatasi error tersebut saya tidak menghapus link yang ada pada media sosial, tetapi saya menggunakan sistem redirect domain saja dari pada repot karena postingan yang saya share pada medsos sudah banyak jadi saya memilih solusi redirect saja.

Contoh URL


1. http://www.domaingratis.tk/2016/09/judul-artikel.html
---------------------------||
------------Ini adalah domain gratis

2. http://www.domain.blogspot.com/2016/09/judul-artikel.html
---------------------------||
------------Ini domain asli

Perhatikan URL tersebut disini kita akan redirect hanya pada domain saja, jadi ketika user atau pengunjung mengklik URL nomor (1) maka user akan redirect ke URL nomor (2) tanpa mengubah URL di belakangnya yaitu "/2016/09/judul-artikel.html", kok gitu? ya karena disini kita hanya membuat redirect pada nama domain saja, untuk mengatasi error link yang sudah kita bagikan pada media sosial.

Hapus Domain Dan Simpan Di Blog Lain


Setelah domain kita copot sekarang pindahin domain ke blog baru, buat blog baru dan simpan tuh domain gratisan diblog baru tersebut, untuk pengaturannya silahkan anda sesuaikan sendiri (jika membutuhkan settingan lagi).

Jika domain sudah tersimpan sekarang buka template dan cari kode <head> dan letakan kode javascript dibawah ini, Dibawah kode <head>.

<script type="text/javascript">
var domain = window.location.href.substr(20);
window.location.replace("http://domain-asli.blogspot.com" + domain);
</script>

Perhatikan pada tanda berwarna kuning (angka 20) itu adalah jumlah karakter dari domain gratisan jadi coba hitung karakter domain ada berapa karakter setelah anda hitung ganti angka 20 sesuai dengan jumlah karakter dari domain anda (perhitungan mulai dari http).

Contoh URL Domain


http://www.domaingratis.tk/2016/09/judul-artikel.html

Pada contoh diatas karakter domain yang saya gunakan ada 26 jadi pada angka 20 diatas saya ganti menjadi 26, udah gitu aja dan simpan template anda. sekarang coba akses link yang ada pada akun sosial media anda kalau belum berhasil mungkin ada yang salah silahkan bertanya jika ada yang salah.

Kotak Pencarian Seperti Bing ( Css3 Efek Focus )

Bing adalah mesin pencari juga seperti Google, dari tahun ke tahun tampilannya pun berbeda. Apalagi sekarang pengembangan kode selalu dilakukan, sepertinya kode ini tidak pernah habis untuk dibahas dan kali ini saya akan membahas mengenai Cara membuat kotak pencarian seperti bing dimana saat kita mengklik Input pencarian maka backgroundnya akan tertutupi oleh sebuah elemen yang akan memburamkan background jadi kita akan lebih fokus saat mengetikkan kata kunci. Contohnya seperti gambar dibawah ini

Kotak Pencarian Bing Efek Fokus

Bagaimana? anda sudah mengerti dengan maksud dari judul postingan ini? ok saya anggap mengerti. Kotak pencarian ini saya buat dengan memanfaatkan Css3 Dan Jquery beserta dengan seperangkat HTMLnya.

Contoh
Silahkan Masukan Input Atau Ketik apa saja Dan Lihat Efeknya, Bagaimana? Kalau tidak bekerja Efeknya secara lembut berarti browser anda belum mendukung CSS3 dianjurkan untuk segera Upgrade Browser. Dibawah ini source kodenya

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
//ZTO Creation - Kotak Pencarian Seperti Bing
$(document).ready(function(){
$("#foc").focusin(function(){
//Menambah Kelas Fade Agar Efek buram tampil
$(".focus").addClass("fade");
});
$("#foc").focusout(function(){
//Saat Tidak mengetikan teks maka efeknya dihapus
$(".focus").removeClass("fade");
});
});
</script>
<style>
#bingkai {
width: 500px;
height: 200px;
margin: 0 auto;
position: relative;
background-image: url("https://2.bp.blogspot.com/-W-z_WNHpSOI/VtimxDyGgOI/AAAAAAAAFRY/Y_3YaDL3zyM/s1600/Hudson-Lobby.jpg");
overflow: hidden;
}
.fade {
background:rgba(0,0,0,0.5);
/* Css3 Membuat Efek Lembut */
transition:All 1.1001s ease-in;
-webkit-transition:All 1.1001s ease-in;
-moz-transition:All 1.1001s ease-in;
-o-transition:All 1.1001s ease-in;
}
.focus {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Css3 Membuat Efek Lembut */
transition:All 1.1001s ease-out;
-webkit-transition:All 1.1001s ease-out;
-moz-transition:All 1.1001s ease-out;
-o-transition:All 1.1001s ease-out;
}
#bingkai .form {
position: absolute;
margin: 0 auto;;
top: 40%;
left: 30%
}
</style>
<div id="bingkai">
<div class="focus">
<div class="form">
<form action="/search">
<input type='text' id='foc' name='q'></input>
<input type='submit' value='Cari'></input>
</form>
</div>
</div>
</div>

Cara ampuh mengatasi url terdeteksi SPAM di medsos

Mungkin anda pernah mengalami website anda terdeteksi sebagai SPAM di facebook? Syukur sih kalau gak pernah tapi kalau pernah seperti saya maka pasti anda akan bingung dan capek setiap kali anda Share Postingan pasti harus mengkonfirmasi kode keamanan dengan memilih beberapa gambar yang diminta oleh Tim Facebook.

Awalnya saya juga merasa, haduh capek juga harus mengisi kode keamanan setiap kali posting, tapi untung saya menggunakan salah satu website yang berfungsi untuk memposting artikel secara otomatis ke media sosial kita. Website ini akan memposting otomatis ke medsos kita setiap kali ada postingan yang baru kita publish.

Website ini bernama Delivery ( tebakan saya aja sih ) yang berlamat di dlvr.it. Silahkan anda Sign Up Untuk mendaftar, setelah selesai mendaftar silahkan anda koneksikan akun media sosial anda dengan website dlvr.it. Setelah itu anda bisa share postingan anda dengan lancar jaya, tanpa harus mengisi kode keamanan lagi.

Langkah-Langkah Koneksikan Medsos dan Post Artikel


Untuk pendaftaran saya sudah anggap selesai, karena pendaftarannya mudah, kalau tidak ingin menggunakan e-mail anda bisa gunakan akun Facebook atau Google plus, setelah itu untuk memposting dan mengkoneksikan akun medsos anda silahkan ikuti langkah-langkahnya dibawah ini.

Koneksikan akun dengan dlvr.it

Langkah Posting


Cara Posting di dlvr.it

Cara mengisi HTML kosong dengan konten

Javascript memang ahli dalam bidang manipulasi, kali ini saya akan bahas cara mengisi HTML kosong dengan konten menggunakan javascript. Konten kosong adalah sebuah tag HTML divisi yang belum terisi teks atau apapun.

Javascript Manipulasi Konten

Contoh HTML Kosong


<div id="konten"></div>

Diatas adalah contoh kode HTML yang masih kosong, dan kita akan mengisi sebuah konten didalamnya menggunakan javascript. Kenapa harus pake javascript? Karena dengan javascript ini anda bisa mengisi konten yang berbeda pada setiap postingan.

Kode Javascript


<script type="text/javascript">
window.onload = function(){
document.getElementById("konten").innerHTML = "AKU ADALAH ISI KONTEN";
}
</script>
<div id="konten"></div>

Contoh

Jika menggunakan Function kodenya seperti ini

<div id="konten"></div>
<script type="text/javascript">
function isi(text){
document.getElementById("konten").innerHTML = text;
};
isi("Aku ini isi konten");
</script>

Jika menggunakan function Pastikan javascriptnya dibagian bawah dan kode HTMLnya dibagian atas, karena jika javascriptnya diatas maka kontennya tidak akan terbaca itu disebabkan karena tidak ada window.onload seperti contoh pertama. Jika kode kedua menggunakan window.onload maka dimanapun anda menyimpan kodenya maka kode tersebut akan tetap terbaca.

Kode HTML anda bisa simpan dibagian Sidebar, kemudian untuk memunculkan konten yang berbeda silahkan anda sisipkan kode javascriptnya di beberapa postingan anda yang inginkan, Jadi konten hanya akan muncul pada postingan yang anda tentukan. Contoh menampilkan gambar

<script type="text/javascript">
window.onload = function(){
document.getElementById("konten").innerHTML = "<img src='URLGambar'/>";
}
</script>
<div id="konten"></div>

Untuk pengisian konten menggunakan kode HTML, hal yang perlu anda perhatikan disini adalah tanda petik Jika pada innerHTML anda menggunakan tanda petik dua seperti contoh diatas maka pada pengisian src anda harus menggunakan tanda petik tunggal seperti kode diatas, begitu pula sebaliknya jika anda menggunakan tanda petik tunggal maka pada src anda harus menggunakan tanda petik ganda.

Contoh

Melakukan sesuatu saat elemen menghilang

Contoh Hasil Penerapan Kode

Saat suatu elemen sudah tidak eksis lagi atau tidak ada lagi dalam template maka lakukan sesuatu, ya begitulah kira-kira maksud dari judul postingan ini. Contoh kasus saya mempunyai sebuah elemen yang penting dalam template blog saya dan saya tidak ingin elemen itu hilang, jadi saya menyisipkan kode javascript dibawah ini, agar saat elemen menghilang ada sebuah peringatan muncul.

CONTOH

Bagaimana? pada contoh diatas saya melakukan aksi saat elemen menghilang maka saya mengganti judul paragraf, ingin melihat lagi versi menggunakan ALERT? silahkan anda klik contoh dibawah ini,

CONTOH2

Dibawah ini adalah kode Javascriptnya.

window.onload = function(){
//ID elemen silahkan anda ganti dengan ID elemen yang anda tuju
var elemen = document.getElementById("ID Elemen");
if(!elemen){
//!elemen artinya jika elemen tidak ada
//maka lakukan tindakan dibawah ini
alert("Elemen menghilang");
}
}

Pertama tentukan dulu ID dari elemennya lalu eksekusi kodenya didalam kode if.

2 langkah mudah mengatasi domain www dan tanpa www

Terkait - Mengatur domain gratis di freenom

Sebagai blogger pemula seperti saya, pasti anda pernah mengalami hal seperti ini yaitu saat domain diakses tanpa www ataupun sebaliknya. Jadi kasusnya adalah saat domain kita akses tanpa www maka halaman blog kita akan jadi error, kenapa kok error? karena saat kita membuat Domain, pengaturan yang kita gunakan adalah menggunakan www.

Sebaliknya jika domain kita diakses menggunakan www dan kemudian muncul error berarti Mungkin saja saat kita mengatur domain kita tidak mengatur www nya jadi saat domain di akses menggunakan www blog kita jadi error.

Cara mengatasi domain www dan tanpa www yang error


Anda hanya perlu melakukan dua langkah saja untuk mengatasinya yaitu masuk ke dasbor blogger dan klik setting atau setelan kemudian pada tab Dasar anda atur seperti gambar dibawah ini.

Cara mengatur domain tanpa www dan menggunakan www yang error

Mudah banget kan caranya Anda tinggal klik Edit pada bagian domain anda lalu atur seperti gambar diatas. Sekarang anda bisa menikmati domain anda dengan nyaman, meski diakses dengan www ataupun tanpa www domain anda akan redirect sendiri.

Mengatur Domain gratis di Freenom

Freenom merupakan penyedia domain gratis yang beralamat di freenom.com. Diwebsite ini anda bisa mengetikan domain pada kotak pencarian dan klik Cek ketersediaan untuk mengecek domain anda tersedia dalam kategori gratis atau berbayar, jika berbayar maka daftar Domain akan disertai dengan Tarif Domain, tapi jika gratis maka tarifnya USD0.

Tapi dipostingan ini saya ingin membahas cara Setting atau mengatur Domain gratis dari Freenom karena kalau baru pertama mengenal domain seperti saya pasti akan sedikit bingung dengan pengaturannya.

Cara Mengatur Domain Gratis Dari Freenom


  1. Masuk ke area klien Freenom
  2. Pilih menu Domain kemudian My Domain
  3. Pilih My Domain
  4. Pilih Manage Domain
  5. Pilih Manage DNS
  6. Kemudian Pilih Manage Freenom DNS Lalu pada Add Record Klik More Record sampai 6 kotak
  7. Add Record Pada website Freenom
  8. Kemudian Isi Kotaknya seperti gambar dibawah ini
  9. Mengatur Domain pada website Freenom
  10. Khusus Warna MERAH anda harus masuk dulu ke SETTING Pilih masukan domain pihak ke 3 lalu masukan domain yang sudah anda daftarkan tadi lalu klik SIMPAN saat muncul error maka akan muncul kode seperti dibawah ini, salin kode yhppbt... seperti dibawah ini lalu isikan pada Bagian berwarna MERAH sesuaikan saja ya, kemudian klik SAVE CHANGE lalu pada Setting blog Refresh Halaman Setting kemudian masukan Domain anda dan klik SIMPAN kemudian selesai.
  11. Setting domain blog blogger

Sekarang anda siap dengan domain anda selamat ya, semoga Cara Mengatur Domain gratis di Freenom berguna untuk anda.