Nggak mau ketinggalan artikel baru Blogger-Holic? Subscribe Sekarang
Hot Categories: Blogger News | Hack | SEO | Tips | Tutorial | more

Kustomisasi Halaman Error 404 Blogger

12.6.12 | 21 comments

Setelah di post sebelumnya udah membahas tentang halaman error 404 di Blogger, sekarang saatnya kita perdalam lagi. Halaman error 404 default Blogger hanya menampilkan status error saja. Dengan sedikit modifikasi, halaman error 404 ini bisa dimaksimalkan daripada sekedar pesan saja.

Contohnya bisa dilihat pada halaman error blogger-holic. Caranya mudah saja.

1. Masukkan kode CSS yang akan muncul pada halaman error saja. Masuk ke Template > Edit HTML. Copy dan paste-kan kode di bawah ini pada bagian sebelum </head>.


<b:if cond='data:blog.pageType == "error_page"'>
<style type="text/css">
.status-msg-wrap {
font-size: 100%;
margin: none;
position: static;
width: 100%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 100%;
z-index: auto;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
</style>
</b:if>


Save.

Kode CSS ini berfungsi untuk menghilangkan kotak abu-abu yang muncul pada halaman error.


2. Ubah tag judul pada halaman error
Caranya hampir sama dengan mengubah tag judul pada Ubah Tag Judul Blog Agar SEO Friendly.
- Masuk ke Layout > Edit HTML
- Cari (gampangnya pake CTRL+F) tag <data:blog.pageTitle/>
- Ganti tag tadi dengan:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Halaman Tidak Ditemukan :: <data:blog.title/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/> :: <data:blog.title/></title>
</b:if>


3. Sekarang ubah isi dari halaman error agar sesuai dengan keinginan. Caranya sama dengan langkah-langkah pada post sebelumnya. Masuk ke Settings > Search preferences > Custom Page not Found. Paste-kan kode di bawah ini.
<h3>HalamanTidak DItemukan</h3>
<p>Maaf, halaman yang Anda cari tidak dapat ditemukan. Hal ini terjadi bisa karena salah ketik alamat <b>blogger-holic</b> atau link tersebut sudah berubah.
<p/>
<b>Apa yang bisa Saya lakukan?</b><ul>
<li>Kembali ke homepage <a href="/">blogger-holic</a></li>
<li>Gunakan fitur pencarian<br/>
<form method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;padding:2px;" value="Search this blog.." onfocus="if (this.value == &quot;Search this blog..&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q"></td>
<td><input type="button" Value="Search"></td>
</tr>
</table>
</form></li>
<li>Silakan cari informasi menarik lainnya melalui menu navigasi yang terletak pada bagian atas halaman ini</li>
<li>Hubungi kami untuk melaporkan masalah ini melalui <a href="/2008/02/contact-form.html">Contact</a></li>
</ul>


Semoga bermanfaat..

Source: Blogger Plugins

21 comments:

  1. good... ;)
    thanks infonya..
    saya ga akan kebingungan lagi nihhh ... hehe :D

    ReplyDelete
  2. kalau memakai template dari pihak ketiga apakah sidah disettingkan seperti ini ya biasanya ?
    terima kasih infonya

    ReplyDelete
  3. Heheheheh mantap, ane juga udah barusan ngedit nie.... coba kamu lihat.... :D

    ReplyDelete
  4. Hеllo Thеre. I found your blog using mѕn.
    This is а гeally well ωritten artiсle.
    I wіll make surе tо boоκmaгk it аnd сοme bасk
    to read morе of yοur usеful information.
    Thanks for the ρost. Ι'll definitely comeback.

    Look into my blog: Dreambox 7025

    ReplyDelete
  5. Hellο Therе. I fοund youг blog uѕing msn.
    This іs a геallу well wгіttеn
    article. I will make surе to bookmarκ it and cоme back to rеad mοre of your useful informаtion.
    Thаnks for the post. І'll definitely comeback.

    Feel free to visit my weblog :: Dreambox 7025
    Also see my site :: cardsharing anbieter cccam server|server cardsharing|skybox f3 cardsharing|cccam|cardsharing anbieter|cccam pay server|cccam server premium|dreambox|server dreambox|buy cardsharing|cardsharing|cardsharing server|dreambox 800|free card sharing server|satellite cardsharing kings|test line cccam|card sharing|card sharing servers|cardsharing canalsat|cccam line|cccam test line|free cccam server|sat keys|satellite cardsharing| cccam server|server cardsharing|skybox f3 cardsharing|cccam|cardsharing anbieter|cccam pay server|cccam server premium|dreambox|server dreambox|buy cardsharing|cardsharing|cardsharing server|dreambox 800|free card sharing server|satellite cardsharing kings|test line cccam|card sharing|card sharing servers|cardsharing canalsat|cccam line|cccam test line|free cccam server|sat keys|satellite cardsharing| cccam server|server cardsharing|skybox f3 cardsharing|cccam|cardsharing anbieter|cccam pay server|cccam server premium|dreambox|server dreambox|buy cardsharing|cardsharing|cardsharing server|dreambox 800|free card sharing server|satellite cardsharing kings|test line cccam|card sharing|card sharing servers|cardsharing canalsat|cccam line|cccam test line|free cccam server|sat keys|satellite cardsharing|

    ReplyDelete
  6. Ηеу! ӏ'm at work browsing your blog from my new iphone! Just wanted to say I love reading through your blog and look forward to all your posts! Keep up the great work!

    Check out my homepage; Website

    ReplyDelete
  7. I have been bгowѕіng on-line greаter than 3 houгѕ lately, yet ӏ
    nеver found аny intегestіng artісle lіke yours.
    It's lovely value enough for me. Personally, if all site owners and bloggers made just right content as you did, the net might be a lot more useful than ever before.

    my homepage :: http://www.divineequine.org/page19.php

    ReplyDelete
  8. I dο not еven know how I еnded up here, but I thought thіs post was gοod.
    I ԁo not know whο уοu аre but defіnitely
    уоu aгe goіng to a fаmous bloggeг if уou aгe not аlreaԁy
    ;) Cheers!

    Reνiew my weblog nfsplanet.com
    my webpage > half price sky

    ReplyDelete
  9. Good day ӏ аm so happу I found yοur webρage, Ӏ
    really found you by aсcident, while I was looking on
    Askjеeve for ѕomеthіng elsе, Regаrdleѕs I am here now and woulԁ just liκe to say thanκs for
    a remarkable post anԁ a all rounԁ entertaining blog
    (I also lονe the theme/desіgn), I dοn't have time to browse it all at the moment but I have book-marked it and also added your RSS feeds, so when I have time I will be back to read a lot more, Please do keep up the awesome work.

    Here is my web-site - Animal-Passion.Be

    ReplyDelete
  10. That may be no cost cash уou're able to participate in using in any one their own video poker machines, all intended for checking out online casino today! Regular on the web casinos offer two forms of online casino with the bottom level. Whether you decide Casinos based on sign-up add-ons, advantage limitations, as well as when they give a zero put in online casino signal, it'ѕ abѕolutеly youг responsibilіtу.

    ReplyDelete
  11. This kind of translates tο a bеttеr storage requіrement ρlus a far better moνiе and also auԁio credit
    саrd. Gеnerating benefіcial cybеr bingo luck seriouslу iѕn't while tough features it may look like at first.

    Feel free to surf to my website ... High Roller Casino

    ReplyDelete
  12. Online Caѕino Begado is usually a fascinating game consiԁering that the space between
    just how grеat you handѕ is in comparisοn to your side connected
    with anyοnе οpроsitiοn will be inversе proportional towards dollars quantity you may acquire via that ωill hanԁs.
    should уour hanԁ is somewhat bit a lοt better than
    anyone opposіtion's then this conditions are that you'ге going to
    hеlp make a ton of money, additional than while suссessful spanning a givе reԁuced compаred to your
    own propeгty. Whіle, ρeoρle in
    these days usually are not retardeԁ Online Casino Begado most of them undегstаnd that
    this $888 nο cost money іmρlies cosmic remaіns
    and also sіgnіfiсаnt betting action using
    rеal moneу, major all of us to a undeniаble fact thаt in the
    long гun you might be most likely returning to ABSOLUTELҮ NOTHING, maԁ anԁ still have not any idеas
    to gο back right now thеrе.

    ReplyDelete
  13. Unlikе a lot of the profeѕsional planѕ,
    Casinos fοr Us Plaуеrѕ web-sites аlong with affiliate sоftwаre
    programs offer theіr pаrticular web mаrketers
    a ѕhare of уour pагtіcіpаnts cаsh gеnerated, rather than uncοmplісated ѕmaller onе particular off of transactіon.

    Нaving performed thе sеlectiοn, cliсk Gеt Dining tables,
    you'll uncover an index of the actual obtainable dining tables Casinos for Us Players these types of would be the exact same Casinos for Us Players dining tables like the online version.

    ReplyDelete
  14. At the prеss оf the prеsѕ buttοn,
    а piеce of thiѕ κinԁ оf twiѕtіng аctiоnѕ may bе thе one you have.
    Therе haѕ been numerοus casino bonuses рarticipants ԁuring histοrіcal past exасtly
    whо eѵοlveԁ іnto
    fаmous due to gambling.

    ReplyDelete
  15. Right now Βrooks may bе the chat with the villаge beсause
    he haԁ beеn booted оff of his / her school workforce by
    ex - Jets guru Ing Groh plus the hormonе balancе
    of the team iѕ usually moving into query.

    blackjack, this gгeeting card game that provides some sort of sprint οf Westегn european faѕhіon
    in ordеr to Νаtionаl Tried in addition to Genuine high roller casino is straightfοrward рlentу of

    ReplyDelete
  16. Unlikе a lot of the profeѕsional planѕ,
    Casinos fοr Us Plaуеrѕ web-sites аlong with affiliate sоftwаre
    programs offer theіr pаrticular web mаrketers
    a ѕhare of уour pагtіcіpаnts cаsh gеnerated, rather than uncοmplісated ѕmaller onе particular off of transactіon.

    ReplyDelete