Cara Benar Menambahkan Custom Error 404 di Blogger
Halo sobat blogging semua,pada kesempatan kali ini admin seoblogger.id akan memberikan sebuah ulasan bagaimana menambahkan custom error pada blogger,fungsi dari custom error 404 ini bahwasanya nantinya pengunjung akan bisa mengetahui bahwa alamat url yang sedang di akses ternyata tidak terdaftar,pada umumnya error 404 ini merupakan hal yang tidak baik apa bila pengunjung mendapatkan halaman tidak di temukan biasanya tampil dengan tanda 404 pada blog anda.mungkin selama ini anda tidak terlalu memperhatikan mode ini,pada dasarnya hal ini bisa di sebabkan karena beberapa faktor yaitu :
Untuk itu kita perlu membuat tanda error 404 pada blog kita ketika tiga hal tersebut di lakukan oleh pengunjung agar meraka tau bahwasanya url yang di kunjungi tidak ada di blog kita.
Sebagai publisher blogging tentunya kita harus memberikan kepuasan pada pengunjung kita,dengan cara membuat tampilan blog yang menarik,membuat konten yang relefan,bermanfaat dan tentunya mudah di pahami,dan juga memberikan tanda apa bila url atau postingan yang sudah kita hapus dengan menampilkan error 404 agar pengunjung tau kalau url yang di kunjungi nsudah tidak ada.
dengan beberapa aspek berikut,bisa memberikan keyamanan pada pengunjung,bahwasanya pengunjung tau,blog yang sedang di kunjunginya merupakan blog yang profesional dan sudah memiliki kreadibilitas yang bagus.dengan ini pengunjung tidak akan kabur bahkan bisa balik lagi.
Dan bukan hanya itu,dimata pengunjung bagus juga di mata google juga bagus,apabila blog di awali dengan baik maka blog kita akan cepat berkembang dengan traffic yang memuaskan.
Baik mungkin sedikit ulasan dari admin,dan kita bisa langsung melihat atau mempraktikan bagaimana cara membuat tanda custom Error 404 di blogger,yang nantinya bisa di ketahui oleh pengunjung.yuk langsung saja kita simak ulasan dibawah ini :
Langkah Yang Kedua Yaitu : Silahkan salin kode di bawah ini dan letakan di bawah kode <body>
Bagaimana mudah bukan,dengan mengikuti cara simpel di atas anda sudah berhasil membuat Custom error 404 pada blog anda,dan untuk pengujian silahkan anda bisa kunjungi halaman yang tidak tersedia pada blog anda.mungkin penambahan ini bisa di bilang penting dan tidak,namun kalau menurut saya penting.
Agar pengunjung tau ketika pengunjung salah mengetikan url di blog kita,nantinya kan munculk bahwa apa yang ia cari tidak ada atau tidak suport di blog kita.
Baik Mungkin hanya itu saja yang bisa admin berikan tentang tutorial simpel bagaimana menambahkan Custom Error 404 Pada blog kita,semoga tutorial ini bermanfaat dan salam sukses untuk anda semua.
- Pengunjung salah mengetikan alamat Url
- Bisa jadi pengunjung mencoba mengunjungi halaman yang tidak terdaftar pada situs anda
- Atau Bisa Juga url yang sedang di kunjungi sudah tidak ada lagi alias di hapus
Untuk itu kita perlu membuat tanda error 404 pada blog kita ketika tiga hal tersebut di lakukan oleh pengunjung agar meraka tau bahwasanya url yang di kunjungi tidak ada di blog kita.
Sebagai publisher blogging tentunya kita harus memberikan kepuasan pada pengunjung kita,dengan cara membuat tampilan blog yang menarik,membuat konten yang relefan,bermanfaat dan tentunya mudah di pahami,dan juga memberikan tanda apa bila url atau postingan yang sudah kita hapus dengan menampilkan error 404 agar pengunjung tau kalau url yang di kunjungi nsudah tidak ada.
dengan beberapa aspek berikut,bisa memberikan keyamanan pada pengunjung,bahwasanya pengunjung tau,blog yang sedang di kunjunginya merupakan blog yang profesional dan sudah memiliki kreadibilitas yang bagus.dengan ini pengunjung tidak akan kabur bahkan bisa balik lagi.
Dan bukan hanya itu,dimata pengunjung bagus juga di mata google juga bagus,apabila blog di awali dengan baik maka blog kita akan cepat berkembang dengan traffic yang memuaskan.
Baik mungkin sedikit ulasan dari admin,dan kita bisa langsung melihat atau mempraktikan bagaimana cara membuat tanda custom Error 404 di blogger,yang nantinya bisa di ketahui oleh pengunjung.yuk langsung saja kita simak ulasan dibawah ini :
Cara Menambahkan Custom Error 404 di Blogger Dengan Benar
- Langkah pertama yang harus anda lakukan yaitu : Buka halaman Dabor Blogger
- Kemudian Klik Template > Edit HTML
- Tambahkan Kode Dibawah ini tepat di Atas kode </head>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
/* CSS Error 404 */
#oopss{background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;left:0}#error-text{top:30%;position:relative;font-size:40px;color:#eee}#error-text a{color:#eee}#error-text a:hover{color:#fff}#error-text p{color:#eee;margin:70px 0 0}#error-text i{margin-left:10px}#error-text p.hmpg{margin:40px 0 0}#error-text span{position:relative;background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px}#error-text span:hover{background:#d7401f;color:#fff;-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s}#error-text span:after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;margin-left:-7px}.back:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);background:#f53b3b;color:#fff}.back:hover{background:#4c4c4c;color:#fff}.back{text-decoration:none;background:#5b5a5a;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all .5s ease-out}@-webkit-keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@media only screen and (max-width:640px){#error-text span{font-size:200%}#error-text a:hover{color:#fff}}
</style>
</b:if>
<style type='text/css'>
/* CSS Error 404 */
#oopss{background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;left:0}#error-text{top:30%;position:relative;font-size:40px;color:#eee}#error-text a{color:#eee}#error-text a:hover{color:#fff}#error-text p{color:#eee;margin:70px 0 0}#error-text i{margin-left:10px}#error-text p.hmpg{margin:40px 0 0}#error-text span{position:relative;background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px}#error-text span:hover{background:#d7401f;color:#fff;-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s}#error-text span:after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;margin-left:-7px}.back:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);background:#f53b3b;color:#fff}.back:hover{background:#4c4c4c;color:#fff}.back{text-decoration:none;background:#5b5a5a;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all .5s ease-out}@-webkit-keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@media only screen and (max-width:640px){#error-text span{font-size:200%}#error-text a:hover{color:#fff}}
</style>
</b:if>
Langkah Yang Kedua Yaitu : Silahkan salin kode di bawah ini dan letakan di bawah kode <body>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='oopss'>
<div id='error-text'>
<span>404</span>
<p>PAGE NOT FOUND</p>
<p class='hmpg'><a expr:href='data:blog.homepageUrl' class="back">Back To Home</a></p>
</div>
</div>
</b:if>
<div id='oopss'>
<div id='error-text'>
<span>404</span>
<p>PAGE NOT FOUND</p>
<p class='hmpg'><a expr:href='data:blog.homepageUrl' class="back">Back To Home</a></p>
</div>
</div>
</b:if>
Bagaimana mudah bukan,dengan mengikuti cara simpel di atas anda sudah berhasil membuat Custom error 404 pada blog anda,dan untuk pengujian silahkan anda bisa kunjungi halaman yang tidak tersedia pada blog anda.mungkin penambahan ini bisa di bilang penting dan tidak,namun kalau menurut saya penting.
Agar pengunjung tau ketika pengunjung salah mengetikan url di blog kita,nantinya kan munculk bahwa apa yang ia cari tidak ada atau tidak suport di blog kita.
Baik Mungkin hanya itu saja yang bisa admin berikan tentang tutorial simpel bagaimana menambahkan Custom Error 404 Pada blog kita,semoga tutorial ini bermanfaat dan salam sukses untuk anda semua.
Posting Komentar