Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blog / Blogger / CSS

Cara Membuat Halaman Under Construction di Blogger

Posting Komentar
Cara Membuat Halaman Under Construction di Blogger
Cara Membuat Halaman Under Construction di Blogger

Cara Membuat Halaman Under Construction di Blogger - Pada kesempatan kali ini saya ingin berbagi lagi dan masih seputaran blogging karena saya udah lama gak ngasih tutorial tentang blogging, yaitu tentang Cara Membuat Halaman Under Construction di Blogger yang mungkin bisa kalian manfaatkan disaat blog sedang dalam tahap perbaikan karena suatu permasalahan, jadi tidak hanya web yang berhosting saja ya yang bisa kaya gini, blog juga bisa.

Kalian belum paham? langsung baca saja artikel yang saya sajikan ini, agar semuanya paham dan tidak kesulitan saat sedang membuatnya.

Pada umumnya para blogger sangatlah tidak sedikit yang mau menggunakan halaman seperti ini, dikarenakan ada cara yang lebih mudah dilakukan dengan cara menggunakan fitur bawaan blogger yaitu dengan membatasi akses pembaca blog, seperti contoh gambar dibawah ini.

Source : ruangcoder.com

Hanya dengan merubah pengaturan terhadap bawaan blog kalian dari yang tadinya Umum menjadi Pribadi - Khusus Pengarang Blog, tentu dengan ini kalian juga sudah bisa membatasi aksesnya. Namun cara ini tidaklah menutup kemungkinan juga membuat para pengunjung blog kalian menjadi bertanya - tanya apakah blog kalian telah di akuisisi atau memang karena ada masalah lainya, dengan menggunakan cara ini menjadikan blog kalian saat aktif kembali traffic turun, karena tidak adanya kepastian yang jelas.

Jadi tidak ada salahnya jika dari kalian membuat halaman seperti ini yang lebih terperinci dengan memberikan alasan kenapa website atau blog kalian tidak bisa diakses dengan memberikan tautan sosial media untuk mendapatkan info dari kalian maupun ya menjelaskan di halaman tersebut secara langsung. Hal semacam ini perlu dilakukan apabila blog yang kalian kelola sudah memiliki trafik stabil perharinya.

Apa itu Halaman Construction?

Halaman Under Construction ialah yang berfungsi sebagai halaman sementara saat kalian sedang melakukan pengembangan / maintenance web atau blog utama kalian. Sehingga saat diakses pengunjung blog atau web kalian, halaman tidak dalam kondisi berantakan atau kosong tanpa kepastian, yang sudah saya jelaskan sebelumnya.

Cara Membuat Halaman Construction

Namun, Sebelum kalian melanjutkan ke tutorial, sebaiknya di Backup terlebih dahulu template yang sedang kalian gunakan untuk berjaga - jaga jika nantinya ada hal yang tidak diinginkan terjadi.


Silahkan kalian  login ke Blogger kalian dan kalian menuju ke pilihan menu Tema > Edit HTML , lalu cari kode <head> dan letakkan kode berikut diatasnya. 
<!-- Under v1.2.1 -->
<b:if cond='data:blog.title == &quot;off&quot; and !data:view.isPreview and !data:view.isLayoutMode'>
<b:tag name='head'>
<title>Oops</title>
<meta content='width=device-width,initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<link href='//use.fontawesome.com/releases/v5.12.1/css/all.css' rel='stylesheet'/>
<link href='//cdn.jsdelivr.net/gh/zkreations/plugins@1.0.5/dist/css/under.min.css' rel='stylesheet'/>
</b:tag>
<b:tag name='body'>
<div class='under'>
  <header class='under__content'>
    <h1 class='under__title'>Under Construction :(</h1>
    <div class='under__text'>Situs ruangcoder.com sedang dalam tahap perbaikan, silahkan ikuti sosial media ruangcoder untuk mendapatkan info terkini, tentang kenapa website ini tidak bisa di akses.</div>
  </header>
  <footer class='under__footer'>
    <a href='//facebook.com/' target='_blank'>
      <i class='fab fa-facebook-f'/>
    </a>
    <a href='//twitter.com/' target='_blank'>
      <i class='fab fa-twitter'/>
    </a>
    <a href='//github.com/' target='_blank'>
      <i class='fab fa-github'/>
    </a>
    <a href='//instagram.com/' target='_blank'>
      <i class='fab fa-instagram'/>
    </a>
    <a href='//youtube.com/?sub_confirmation=1' target='_blank'>
      <i class='fab fa-youtube'/>
    </a>
  </footer>
  <b:loop values='1 to 3' var='l'><div expr:class='&quot;wave wave&quot; + data:l'/></b:loop>
</div>
  </b:tag>
<b:else/>
Catatan:
Hapus css yang diblock jika di template kalian sudah menggunakannya.
Ubah tulisan berwarna kuning menjadi url sosial media kalian.
Kemudian langkah terakhir, silahkan kalian cari kode </html> dan letakkan kode berikut diatasnya. 
</b:if>

Penggunaan Dasar

Setelah semua langkah diatas tidak langsung akan bekerja apabila kalian tidak merubah judul blog menjadi off dan untuk menggantinya silahkan kalian pergi menuju ke menu Setelan > Dasar > Judul

Source : ruangcoder.com


Catatan :
Untuk mengembalikan blog kalian ke tampilan normal, ubah nama blog kalian seperti semula.

Tenang saja, dalam mode construction  ini kalian juga tetap bisa berkreasi dalam mengedit template blog kalian dalam tampilan asli (awal) dengan menggunakan fitur Pratinjau selain itu kalian pun juga bisa dapat menggunakan fitur - fitur desainer tema, posting, maupun mengedit widget, dan halaman.

Selama mode construction ini seluruh tampilan tema asli dan bahkan javascript pun yang terpasang rapih di tema tidak akan ditampilkan sebagaimana mestinya.

Penutup

Jika ada kesulitan atau kurang paham mengenai penyampain tutorial di atas, kalian bisa langsung tanyakan dengan berkomentar melalui form komentar dibawah artikel ini. Dengan senang hati akan saya bantu jika tidak ada kesibukan diluar kegiatan menulis ini.

Mungkin sekian dulu artikel dari Cara Membuat Halaman Under Construction di Blogger, semoga bermanfaat bagi kalian yang hobi blogging.
Terimakasih.

Posting Komentar untuk "Cara Membuat Halaman Under Construction di Blogger"