Cara Perbaiki Error 404 Page Not Found! pada Blogger

Apa yang akan anda lakukan ketika anda melihat Error 404 (Page Not Found) pada halaman website atau blog? Kemungkinan besar anda menekan tombol kembali atau jarang anda akan melangkah ke homepage website.  

Jika blog anda terdapat error 404 pada halaman blog anda mungkin pengunjung langsung menutup blog anda dan itu membuat anda kehilangan pengunjung. Dan di webmaster juga akan terdapat kesalahan URL 404 tadi, dan itu membuat SEO pada blog kita menjadi buruk. Itu terjadi karena anda menghapus artikel atau anda salah membuat artikel tapi sudah di publikasikan. Nah untuk itu di sini kita akan melihat cara mengatasi error 404 Page Not Found pada blogger dengan metode mendirect atau mengubah arah url yang error 404 ke hompage atau bisa ke URL artikel lain. 

Pertama yang perlu anda lakukan login ke Blogger > Pilih blog yang mau di perbaiki error 404 > Setelan > Pilih Preferensi penelusuran > Klik edit, lihat gambar dibawah ini jika bingung.

Klik edit yang di tandai merah, masukan kode di bawah ini:

    <script type="text/JavaScript"> location.replace('http://masanteraja.blogspot.com/'); </script>

Ganti warna Biru dengan URL blog anda atau juga bisa URL artikel blog anda. Jika sudah tinggal klik Simpan perubahan. Coba buka link yang error 404 tadi untuk memastikan sudah terpasang dengan benar.

Itulah cara mengatasi error 404 Page Not Found, simple dan mudah bukan?

Cara membuat kontak sederhana di Blog

Kali ini saya mau berbagi cara membuat form Contak diblog, dimana kontak ini berfungsi sebagai form pengajuan keluahan atau pertanyaan seputar artikel yang ada pada blog bersangkutan baik berikut caranya :

Pertama kita pasang widget Contact Form di Blog

Pertama kita tambahkan widget contact form kedalam halaman yang kita buat. Yaitu klik halaman layout > Add gadget > Contact Form letakkan disembarang tempat karena tidak akan mempengaruhi nantinya.

Kemudian simpan widgetnya.

Kedua Edit Template

Kemudian masuk ke template Edit html 

Kemudian cari kode seperti dibawah ini 

++++++++++++++++++

 <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>

    <b:includable id='main'>

Hapus bagian ini

</b:includable>

  </b:widget>

</b:section>

</html>

++++++++++++++

Kemudian simpan template.

Ketiga Membuat Halaman Contact Form

Saatnya membuat halaman "contact". Buat laman baru, jika sudah letakkan kode dibawah inidengan mode html kedalam halaman anda :

+++++++++++++++++++++++++++++++++++

<div class='seocips-contact-form'>

<div class='form'>

<!-- Custom Contact Form By Seocips start -->

<div class='seocips-contact-title'>

Contact Form

</div>

<form name='contact-form'>

<!-- Name Field -->

<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}' onfocus='if (this.value == &quot;Name&quot;) {this.value = &quot;&quot;;}' />

<p></p>

<!-- Email ID Field -->

<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID"  size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email ID&quot;;}' onfocus='if (this.value == &quot;Email ID&quot;) {this.value = &quot;&quot;;}'/>

<p></p>

<!-- Message Field -->

<textarea class='contact-form-email-message'  id='ContactForm1_contact-form-email-message' name='email-message'  value='Leave Your Message..'  onblur='if (this.value == &quot;&quot;) {this.value = &quot;Leave Your Message..&quot;;}' onfocus='if (this.value == &quot;Leave Your Message..&quot;) {this.value = &quot;&quot;;}'></textarea>

<p></p>

<!-- Clear Button -->

<input class='contact-form-button contact-form-button-submit seocips-button-color' type='reset' value='Clear'/>

<!-- Send Button -->

<input class='contact-form-button contact-form-button-submit seocips-button-color' id='ContactForm1_contact-form-submit' type='button' value='Send'/>

<p></p>

<!-- Validation -->

<div style='text-align: center; max-width: 222px; width: 100%'>

<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>

<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>

</div>

</form>

<!-- End Custom Contact Form By seocips -->

</div></div>

<style>

.seocips-contact-form { background:#fff; box-shadow:-1px 2px 3px #ddd; font:12px arial; width:100%; max-width:320px; margin:20px auto; padding:15px; border:1px solid #ddd; }

.seocips-contact-title { box-shadow:-1px 2px 3px #ddd; text-shadow:0 1px 1px rgba(0,0,0,.3); margin:0 0 10px 0; font-weight:400; padding:10px 15px; font:16px Arial; cursor:pointer; text-align:center; color:#fef4e9; border:solid 1px #da7c0c; background:#f78d1d; }

.contact-form-name,.contact-form-email,.contact-form-email-message { max-width:320px; width:100%; font-weight:bold; }

.contact-form-name { background:#f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAak4FQvz1-KbNIOAs8MeD3eLPDoZw1vXqIN6BsXwG5H8hZZdHJKv1GlWRSVocbWHNMsBS_PPc_jEOlzmEsinGuKrDK4uLJ3PywoRnG8NwrYBY4IZYdFq_yRZA9JJlxcPyq45bHHYfFI8/s320/name.png) no-repeat 7px 8px; background:#f3f3f3; border:1px solid #ddd; box-sizing:border-box; color:#A0A0A0; display:inline-block; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; height:35px; margin:0; margin-top:5px; padding:5px 15px 5px 28px; box-shadow:inset -2px 2px 3px #ddd; vertical-align:top; }

.contact-form-email { background:#F2F2F2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC9-25F3qyQPKD2qSR9K60jUbSvbryTK0C0mmet0lUeAiToZpbyXnMwmYfnkWyK1Tw8AWu2lPfKpoPTNTi0WGDg_ftApWOi8s76Ywvs6FWGQggzHdmBkYzHoGB5Z254XUGVWj0DSVw5y4/s320/email.png) no-repeat 7px 10px; background-color:#F2F2F2; border:1px solid #ddd; box-sizing:border-box; color:#A0A0A0; display:inline-block; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; height:35px; margin:0; margin-top:5px; padding:5px 15px 5px 28px; vertical-align:top; box-shadow:inset -2px 2px 3px #ddd; }

.contact-form-email:hover,.contact-form-name:hover { border:1px solid #bebebe; box-shadow:0 1px 2px rgba(5,95,255,.1); padding:5px 15px 5px 28px; }

.contact-form-email-message:hover { border:1px solid #bebebe; box-shadow:0 1px 2px rgba(5,95,255,.1); padding:10px; }

.contact-form-email-message { background:#FFF; background-color:#f2f2f2; border:1px solid #ddd; box-sizing:border-box; color:#A0A0A0; display:inline-block; font-family:arial; font-size:13px; margin:0; margin-top:5px; padding:10px; vertical-align:top; max-width:320px !important; height:150px; border-radius:4px; box-shadow:inset -2px 2px 3px #ddd; }

.contact-form-button { cursor:pointer; height:32px; line-height:28px; font-weight:bold; border:none; }

.contact-form-button { display:inline-block; zoom:1; *display:inline; vertical-align:baseline; margin:0 2px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:14px/100% Arial,Helvetica,sans-serif; padding:.5em 2em .55em; text-shadow:0 1px 1px rgba(0,0,0,.3); box-shadow:-1px 2px 3px #ddd; }

.contact-form-button:hover { text-decoration:none; }

.contact-form-button:active { position:relative; top:1px; }

.seocips-button-color { color:#fef4e9; border:solid 1px #da7c0c; background:#f78d1d; }

.seocips-button-color:hover { background:#f47c20; }

.seocips-button-color:active { color:#fcd3a5; }

.contact-form-name { background:#F3F3F3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAak4FQvz1-KbNIOAs8MeD3eLPDoZw1vXqIN6BsXwG5H8hZZdHJKv1GlWRSVocbWHNMsBS_PPc_jEOlzmEsinGuKrDK4uLJ3PywoRnG8NwrYBY4IZYdFq_yRZA9JJlxcPyq45bHHYfFI8/s320/name.png) no-repeat 7px 6px; padding:15px 15px 15px 28px; }

</style>

+++++++++++++++++++++++++++++++

Simpan template dan lihat hasilnya form kontak sudah jadi.

Cara Memasang Domain Freenom ke Blogspot

Menghubungkan / memasang domain freenom ke blogspot tergolong mudah, karena freenom mempunyai kecepatan update DNS Server tercepat dibandingkan penyedia layanan hosting dan domain yang ada di Indonesia. Mungkin dalam waktu 2-5 menit domain freenom sudah bisa digunakan, sedangkan layanan di Indonesia membutuhkan kurun waktu 1-5 Jam untuk menghubungkan domain mereka ke blogspot.

Apasih gunanya dihubungkan?

Melihat panjanganya kata blogspot, membuat orang susah untuk mengingat nama domain. Berikut menurut saya keuntungan untuk menghubungkan / memasang domain freenom ke blogspot :

    Mudah diingat orang, karena domain tergolong pendek (.ga, tk, dkk)

    Support untuk membuat akun google adsense non hosted

    Lebih simple dan lebih elegan

    Lebih keren

    Menambah wawasan dan lain sebagainya.

Selanjutnya, mari kita simak cara menghubungkan domain gratis freenom ke blogspot:

1. Buka Account freenom yang telah dibuat (jika belum punya, silahkan buat dan lihat caranya disini)

2. Buka Account blogspot (blogger) dan masuk ke menu setelan (jika belum punya buat blog caranya langsung baca saja disini)

3. Pada menu setelan dasar, Siapkan URL Pihak ke-3 untuk Blog, tepat dibawah domain blogspot.

4. Selanjutnya, masukkan nama domain freenom yang telah saya buat www.insurance88.ga, kemudian klik simpan.

5. Maka akan muncul error URL, selanjutnya, copy satu persatu Host Name ke Manage DNS di Freenom.

Buka Freenom, My Domain --> Manage Domain dan Manage Freenom DNS

Masukkan Name (www dan nqfqweunomwu (bisa berubah-ubah) ke Host Name freenom.

Untuk Type pilih CNAME, TTL gak usah diubah kemudian target isi sesuai target Host Name Seperti gambar dibawah:

 6. Setelah itu, masukkan Record IP Google. IP Google sebagai berikut:

    216.239.32.21

    216.239.34.21

    216.239.36.21

    216.239.38.21

Masukkan IP tersebut pada kolom target. Dengan Type = A. Seperti gambar dibawah ini.

Selanjutnya klik Simpan, jika semua benar maka akan muncul notifikasi Successfully. 

7. Kembali ke blogger, setelah setelan sudah selesai, maka tunggu 2-5 menit. Kemudian simpan perubahan domain. Jika masih error, tunggu beberapa menit dan simpan lagi.

8. Jika domain sudah berubah, selanjutnya edit kembali domain pihat ke-3 dan centang alihkan domain kamu, misal tsucommunity.ga ke www.tsucommunity.ga. Ini bertujuan ketika seseorang akses tanpa www didepan, maka otomatis langsung direct ke www. Jangan lupa simpan lagi.

 9. Pemasangan domain telah berhasil silahkan kamu bisa coba cek domain www.tsucommunity.ga

Demikian, tutorial mengenai Cara Memasang Domain Gratis Freenom ke Blogspot, semoga dapat menambah pengetahuan kalian dalam dunia blogspot. 

Cara Mengganti Background Blog Dengan Gambar Kesukaan Kita

Sobat blogger, kali ini dalam rangka mempercantik tampilan blog anda supaya lebih keren dan bisa seperti orang lain, pada kesempata kali ini, saya akan memberikan anda sebuah tutorial tentang bagaimana cara merubah atau mengganti background blog anda dengan sebuah gambar atau foto kesuakaan agan semua.silahkan ikuti tutorial yang saya berikan.

Cara Mengganti Background Blog Dengan Gambar 

1. Buka akun blogger anda

2. Pilih Menu Template > Klik Edit Html > gunakan ctrl+

3. Lalu anda cari kode body{ atau body { pada template anda.

   Maka pada umumnya kode background akan tampak seperti di bawah ini.

     body{background-color:#E7E5E6;

Atau Dengan cara klik kanan pada background tamplate pilih View background image akan tampil 

ikuti petunjuk No 2 dan 3

4. Sekarang tugas anda adalah mengganti atau menambhakan kode tersebut dengan url gambar, sehingga akan tampak seperti di bawah ini.

body{background-image: url(url gambar anda);background-position:top left;background-repeat: repeat-x repeat-y; 

Atau seperti di bawah ini.

body: #E7E5E6{background-image: url(url gambar anda);background-position:top left;background-repeat: repeat-x repeat-y; 

5. Lalu ganti url gambar dengan url gambar sesuai keinginan anda dan sesudah di tambahkan maka akan tampak seperti di bawah ini.

body{background-image: url(http://3.bp.blogspot.com/-latar-gambar/s1600/retina_wood.png);background-position:top left;background-repeat: repeat-x repeat-y; 

6. Jika proses penambahan gambar sudah selesai, Lalu klik save template anda.

Sobat blogger, namun perlu anda perhatikan untuk ukuran file gambar background di usahkan tidak boleh terlalu besar dalam ukuran byte gambar, minimal ukuran gambar background kurang dari 100kb, untuk menghindari loading lemot pada blog anda.

Sekarang selesai deh untuk tutorial bagaimana cara mengganti background blog anda dengan gambar sesuai yang anda inginkan.