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.
<!-- Under v1.2.1 -->
<b:if cond='data:blog.title == "off" 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='"wave wave" + 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.
Hapus css yang diblock jika di template kalian sudah menggunakannya.
Ubah tulisan berwarna kuning menjadi url sosial media kalian.
</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.
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"