Kita tidak bisa membiarkan editor HTML tema / template blogger dalam keadaan kosong begitu saja. Silahkan dicoba saja, atau error akan terjadi. Jika Anda ingin bereksperimen untuk membuat tampilan blog Anda blank atau kosongan maka dalam artikel ini saya rangkum beberapa kode untuk mewujudkannya.
Tak hanya mode blank, saya juga menyediakan beberapa opsi yakni mode blank dengan teks singkat, juga mode maintenance. Jadi total ada 3 kode html yang bisa Anda coba.
Untuk menerapkan kode berikut Anda bisa menuju ke menu Blogger > Tema > Sesuaikan > Edit HTML.
Kode HTML Template Blogger Blank Kosongan
Kode berikut akan membuat blog Anda nampak putih bersih tak bernoda. Dan jika diakses maka tampilan judul tab browser atas akan menjadi "Blank Gan" dengan tampilan halaman yang benar-benar kosong (judul / title bisa Anda ubah sesukanya) :
<?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><b:skin><![CDATA[]]></b:skin></head>
<body><b:section id='fixelements' showaddelement='no'/>
<title>Blank Gan</title>
</body>
</html>Hasilnya adalah seperti berikut :
Kode HTML Template Blogger Kosongan dengan Teks Singkat
Sama dengan kode html yang blank, namun bedanya adalah kita memberikan sedikit teks pada tampilan halamannya sehingga tidak hanya nampak putih bersih bersinar sunlight. Teks bisa Anda edit sesukanya :
<?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><b:skin><![CDATA[]]></b:skin></head>
<body><b:section id='fixelements' showaddelement='no'/>
<title>Blank Gan</title>
<article>Tar dulu ya, template sebelumnya masih error</article>
</body>
</html>Berikut adalah nampak hasilnya :
Kode HTML Template Blogger Mode Maintenance
Untuk kode yang berikut ini sedikit ada sentuhan desainnya, saya gabungkan kode di atas dengan kode yang saya dapatkan dari Github dan bisa dikustomisasi sesukanya :
<?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><b:skin><![CDATA[]]></b:skin></head><body><b:section id='fixelements' showaddelement='no'/>
<title>Blog Maintenance</title>
<style>
body { text-align: center; padding: 150px; }
h1 { font-size: 50px; }
body { font: 20px Helvetica, sans-serif; color: #333; }
article { display: block; text-align: left; width: 650px; margin: 0 auto; }
a { color: #FF5733; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
</style>
<article>
<h1>Blog sedang dalam perbaikan!</h1>
<div>
<p>Maaf atas ketidaknyamanannya, kami akan melakukan perbaikan blog hari ini sampai beberapa jam kedepan. Cobalah kembali lagi besok! atau hubungi kami via Fanpage Facebook : <a href='https://facebook.com/andrean.space'>Andreans Blog</a></p>
<p> Admin</p>
</div>
</article>
</body></html>Ini adalah penampakannya :
So.. that's it. Hope it helpful!
