Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Tips Blogger / Website

Cara Membuat Tampilan Maintenance Diblog

Oleh Surya Posting Komentar
Cara membuat tampilan maintenance di halaman utama blog - suryapero pada kesempatan ini akan berbagi tutorial untuk anda yang blog nya sedang diperbaiki atau dalam pemeliharan. pasti anda harus memberhentikan visitor masuk agar memperbaiki masalah blog anda. misalnya cara nya membuat tampilan maintenance diblog anda.
Biasanya para admin blog memasang tampilan ini sedang memperbaiki.

pasti anda harus memberhentikan visitor masuk agar memperbaiki masalah blog anda. misalnya cara nya membuat tampilan maintenance diblog anda.

  • memperbaiki / update tampilan terbaru
  • memperbaiki bug / kesalahan blog
  • dll.
Cara Membuat Halaman Utama Maintenance
1. Login akun blogger anda
2. Theme > Edit Html.
3. Cari kode <head>, letak kode dibawah ini, tepat di atas <head>
<!-- maintenance v1.0.1 -->
<b:if cond='data:blog.title == "maintenance" and !data:view.isPreview and not data:view.isPreview and not data:view.isLayoutMode'>
<head>

<!-- Tiny Meta -->
<meta expr:charset='data:blog.encoding'/>
<title>maintenance</title>
<meta content='width=device-width, initial-scale=1, user-scalable=no' name='viewport'/>

<!-- Under -->
<link href='https://cdn.rawgit.com/zkreations/whale.css/master/dist/version/whale@1.0.8.min.css' rel='stylesheet' type='text/css'/>
<link href='https://cdn.rawgit.com/zkreations/Canvas.xml/master/misc/under/dist/under.min.css' rel='stylesheet' type='text/css'/>
<b:tag cond='data:blog.blogspotFaviconUrl' expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon' name='link'/>

<!-- Robots solo en SingleItem y Homepage -->
<b:with value='data:view.isHomepage or data:view.isSingleItem ? "index,follow" : "noindex,nofollow"' var='pagefollow'>
   <meta expr:content='data:blog.isMobile ? "noindex,noarchive" : data:pagefollow' name='robots'/>
   <b:if cond='data:pagefollow == "index,follow"'>
      <meta content='noodp,noydir' name='robots'/>
   </b:if>
</b:with>

&lt;!--</head>--&gt;&lt;/head&gt;

<body>

<!-- HTML -->
<div class='under flex column align-items-center justify-content-center'>
 <header class='under__content flex column align-items-center justify-content-center'>
  <h1 class='under__title'>Maintenance :(</h1>
  <h4 class='under__subtitle'>Beberapa Hari Blog Akan Dinonaktifkan</h4>
  <p class='under__text'>Mohon maaf untuk pengunjung. blog kami sedang dalam perbaikan template dan artikel. :)</p>
 </header>
 <footer class='under__footer flex align-items-center justify-content-center'>
  <a href='#facebook' class='under-facebook'></a>
  <a href='#twitter' class='under-twitter'></a>
  <a href='#googe' class='under-google'></a>
  <a href='#youtube' class='under-youtube'></a>
  <a href='#instagram' class='under-instagram'></a>
 </footer>
</div>
<!-- Fin HTML -->

&lt;!--</body>--&gt;&lt;/body&gt;
<b:else/>
<!-- Fin de maintenance -->
4. Cari dan tambahkan kode 5. Simpan themplate anda.

5. Setting > Basic > Title, ubah menjadi maintenance

Liatlah hasilnya, halaman utama anda sudah menampilkan Maintenance.
Demikianlah tutorial cara memasang tampilan maintenance diblog. semoga anda bisa mencobanya diblog sendiri dan berhasil.
Surya
Surya Seorang mahasiswa yang senang membagikan informasi yang sudah saya dapatkan. Informasi yang saya tulis blog ini, sesuai pengalaman saya dari pertama blog.

Posting Komentar untuk "Cara Membuat Tampilan Maintenance Diblog"