Kali ini saya akan membagikan sebuah template blogger yang akan menampilkan pesan Error 404(Not Found). Template ini saya buat di sela-sela istirahat sehabis ngerjain project yang lumayan buat pusing...wkwk
Daripada gak kepakai, mendingan saya buat artikel. Mana tau pengunjung ada yang mau mencoba pasang di blognya, hehe.



Baik, langsung saja. Berikut sourch code Template Blogger Error 404(Not Found) Milik Google :

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="initial-scale=1, minimum-scale=1, width=device-width"/>
  <title>Error 404 (Not Found)!!1</title>
<b:skin><![CDATA[

/****CSS CODE*****/
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
]]></b:skin>
</head>
<body>
<b:section class='hello' id='hello'/>
  <a href="https://www.google.com"><span id="logo" aria-label="Google"></span></a>
  <p><b>404.</b> <ins>That’s an error.</ins></p>
  <p>The requested URL <code>/</code> was not found on this server.  <ins>That’s all we know.</ins></p>
</body>
</html


Cara Instalasi
  1. Buka Editor Blogger Kamu.
  2. Masuk ke menu "Tema".
  3. Pilih "Edit HTML".
  4. Hapus semua isi kode htmlnya.
  5. Salin Code Template Blogger Error 404(Not Found) di atas.
  6. Lalu pastekan di editor html tadi.
  7. Lalu klik "Simpan tema".
  8. Selesai.
Silahkan buka blog kamu, maka tampilannya akan berubah menjadi Error 404(Not Found).

Post a Comment

Lebih baru Lebih lama

Baca Artikel Lainnya