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.

Cara Mengganti Favicon Pada Blog

Salah satu hal kecil yang bisa dilakukan untuk membuat blog sobat sedikit lebih keren adalah dengan mengganti Favicon di blog sobat.

Apa itu Favicon?

Favicon adalah singkatan dari Favorite Icon yaitu sebuah gambar icon yang muncul pada address bar suatu website. Favicon bisa disebut juga sebagai shortcut icon, website icon, URL icon, atau bookmark icon.

Secara default jika sobat membuat blog di blogger, blog sobat akan memiliki favicon berupa logo “Blogger”

Nah agar blog sobat terlihat lebih unik sobat bisa mengganti favicon tersebut dengan favicon milik sobat sendiri.

Berikut adalah caranya:

1. Pertama sobat harus menyiapkan terlebih dahulu sebuah gambar persegi dengan ukuran tidak lebih dari 100KB. Format gambar bisa apa saja, .JPG, .PNG, atau .ICO.

Sobat bisa membuat gambar tersebut secara manual menggunakan software seperti photoshop atau GIMP. Selain itu bisa juga menggunakan Favicon Generator.

2. Jika gambarnya sudah siap, sekarang login ke blogger.com > Masuk ke menu “Tata Letak” > Klik “Edit” pada bagian Favicon :

  

3. Klik “Choose File” dan pilih gambar favicon yang sudah sobat buat.

4. Setelah itu tinggal klik tombol “Simpan”

Setelah sobat berhasil memasang favicon di blog, kemungkinan saat sobat cek blog sobat, faviconnya masih tetap berupa logo blogger. Hal tersebut wajar karena pengaruh Cache browser.

Silakan sobat bisa hapus cache browser untuk melihat perubahan favicon.

Cara Menghitung Jumlah Kata dalam Artikel Blog

Kini untuk menghitung jumlah kata dalam sebuah Artikel dapat dilakukan dengan cepat, telah banyak layanan menghitung jumlah artikel seperti software contohnya, kita bisa menggunakan ms word atau yang lebih praktis lagi kita tinggal mem-buka web penyedia hitung kata gratis yang dibuat semudah mungkin. terkadang kita menulis artikel di blog tetapi banyak yang tidak mengetahui berapa jumlah kata yang sudah ditulis dalam artikel atau postingan blog tersebut.

Salah satu cara menghitung jumlah kata artikel yaitu dengan menggunakan web aplikasi online bernama "word count tools" , aplikasi ini dikhususkan untuk menghitung jumlah kata artikel (postingan blog) sehingga anda tidak perlu lagi menghitung kata satu per satu secara manual karena itu akan memakan waktu yang lama

Caranya pun cukup mudah karena anda hanya tinggal meng-copy dan paste kata-kata yang sudah ada didalam artikel yang ingin dihitung jumlah kata nya kedalam form situs tersebut dan secara otomatis akan keluar berapa angka (nominal) jumlah artikel anda. langsung saja disimak berikut ini adalah tutorial singkat cara menghitung jumlah kata dalam artikel :

1. Pertama-tama masuk ke word count tool
2. Copy semua kata artikel yang ingin dihitung jumlah katanya
3. Paste di kolom yang sudah disediakan
4. Kemudian klik "Submit"
5. Akan keluar berapa angka yang ada dibawahnya, misalnya "300" berarti jumlah kata artikel (postingan) anda berjumlah 300 kata.

Demikianlah tutorial singkat tentang Cara Menghitung Cepat Jumlah Kata dalam Artikel Blog yang dapat saya share, semoga bermanfaat.