Cara Mudah Membuat Halaman Statis Blog (Static Page) Menjadi Full Page Tanpa Edit Html

komputerdia.comPengertian Halaman statis atau static page adalah suatu halaman pada situs atau blog yang berdiri sendiri. Halaman statis ini bukan bagian dari sebuah halaman posting walaupun cara pembuatannya atau penggunaanya sama seperti proses pembuatan posting artikel (konten) pada halaman post.

Halaman statis atau static page hanya terdiri dari satu judul postingan saja dan tidak mempunyai urutan waktu seperti halnya halaman post yang mempunyai urutan waktu tertentu dan bisa berisi dari beberapa subjudul postingan dalam satu halaman, begitupun dengan uraiannya yang terbilag cukup panjang, karena bertujuan untuk memberikan suatu informasi kepada pengunjung (pembaca)

Halaman statis atau static page difungsikan untuk memuat suatu informasi yang lebih bersifat personal atau internal mengenai siapa kita, atau menjelaskan apa isi blog kita serta sesuatu yang memang berhubungan dengan blog yang dikelola, misalnya seperti kontak, daftar isi (sitemap blog) atau keterangan lainnya yang menjadi halaman pendukung. Perlu kalian ketahui, dalam pembuatan halaman statis blog sendiri terkadang butuh sentuhan yang berbeda dengan halaman posting contohnya seperti penggunaan halaman yang full page tanpa adanya sidebar.

Dalam artikel ini, saya akan menjelaskan bagaimana cara membuat halaman statis blog (static page) menjadi full page tanpa harus edit template atau edit html. Artikel ini saya buat karena banyaknya permintaan dan pertanyaan terkait seperti :Cara membuat halaman sitemap menjadi full screen, cara membuat halaman sitemap menjadi full page, cara menghilangkan sidebar di halaman statis, cara membuat halaman statis di blog menjadi full page dan lain sebagainya

Cara Mudah Membuat Halaman Statis Blog (Static Page) Menjadi Full Page Tanpa Edit Html

Cara Membuat Halaman Statis Full Page

A. Cara Manual Setting Halaman Statis Full Page

  • Langkah pertama silahkan kalian masuk ke akun blogger kalian
  • Selanjutnya masuk ke menu Halaman kemudian klik tombol Halaman Baru
Cara Mudah Membuat Halaman Statis Blog (Static Page) Menjadi Full Page Tanpa Edit Html
  • Setelah kalian masuk ke pembuatan halaman baru, langkah selanjutnya silahkan kalian arahkan ke tab Html dan tempelkan kode dibawah ini di barisan awal halaman tersebut sebelum kalian menuliskan sesuatu atau memasukkan kode lainnya seperti html, css atau jQuery
  • Jika sudah salin, untuk menulis mode normal kembali, silahkan kalian arahkan ke tab Compose
<style scoped="" type="text/css">
#comments,#sidebar-wrapper {display:none;}
#post-wrapper {float:none;width:100%;margin:0 auto;max-width:100%;}
</style>
  • Setelah semunya telah kalian persiapkan, silahkan kalian publikasikan halaman tersebut dan lihat hasilnya
  • Selesai, dan semoga bermanfaat untuk kalian semuanya

B. Cara Otomatis Setting Halaman Statis Full Page

  • Langkah pertama silahkan kalian masuk ke akum blogger kalian
  • Masuk ke menu tema dan silahkan pilih menu edit html
  • Setelah berada dihalaman edit html silahkan kalian cari kode </style> atau kode ]]></b:skin> kemudian tempelkan kode dibawah ini tepat diatas kode </style> atau kode ]]></b:skin> 
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#comments,#sidebar-wrapper {display:none;}
#post-wrapper {float:none;width:100%;margin:0 auto;max-width:100%;}
</style>
</b:if>
  • Jika kalian menggunakan kode otomatis seperti diatas tidak memberikan perubahan apapun di halaman statis kalian, harap diperhatikan bagian kode yang saya berikan warna merah, biru dan coklat biasanya di setiap template menggunakan format yang berbeda
  • Untuk kode berwarna merah didalam suatu template biasanya menggunakan format yang berbeda-beda seperti .sidebar-wrapper , #sidebar-wrapper , .sidebar-inner atau #sidebar-inner
  • Untuk kode berwarna biru biasanya menggunakan format .comments , #comments , .comment atau #comment
  • Untuk kode berwarna coklat biasanya menggunakan format #main-wrapper atau #post-wrapper
  • Setelah semua pengaturan telah kalian lakukan langkah terakhir silahkan kalian tekan tombol simpan tema dan lihat hasilnya
  • Semoga artikel kali ini dapat bermanfaat dan bisa membantu permasalahan kalian semuanya

0 Response to "Cara Mudah Membuat Halaman Statis Blog (Static Page) Menjadi Full Page Tanpa Edit Html"

Post a comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2