Membuat Template Kosongan Blogger dan Mode Maintenance - Andreans
News Update
Loading...

Minggu, 24 Oktober 2021

Membuat Template Kosongan Blogger dan Mode Maintenance

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. 

template blogger kosongan dan maintenance

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.

edit html blogger

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 :

template blogger blank

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 :

template blogger blank 2

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 :

template blogger maintenance

So.. that's it. Hope it helpful!


Jangan Lupa Share Gan

Komen Aja, Santai

Hai Readers..
Terimakasih sudah menerapkan budaya membaca.
Done
close