Membuat Halaman Static Page Di Blog

Membuat Halaman Static Page Di Blog, Sebenarnya tutorial ini sudah banyak para blog master sudah membahasnya, namun karena kemungkinan masih ada yang belum tahu ya akhirnya saya akan mengulasnya kembali siapa tahu saja ada blogger pemula atau sudah lama namun belum tahu cara membuatnya.Bisa dibilang tutorial ini gampang-gampang susah dimana kita hanya memerlukan script untuk menyembunyikan element. Sebenarnya ada banyak cara untuk membuatnya, selain cara otomatis adapula cara manual. Dimana cara manual kita memasukan kode CSS dihalaman posting HTML satu-persatu dan kelebihannya kita bisa edit halaman tersebut baik dari halaman Body, Postage, Header, Sidebar, Footer, Credit Link dan lain-lain berbeda dengan halaman lainnya, Namun untuk cara yang akan saya bahas pada artikel ini yaitu Membuat Halaman Static Page Di Blog secara otomatis. Kelebihannya kita bisa membuatnya secara keselurahan dimana seperti cara manual dari header sampai Credit Link tampilannya sama dengan halaman Static Page Lainnya.

Saya rasa Anda mengerti perbedaan antara Membuat Halama Static Page secara otomatis dan Manual yang telah saya uraikan di atas. Atau secara garis besarnya seperti ini : Halaman Static Page secara otomatis akan mewakili keseluruhan halaman static page yang ada pada blog sedangkan cara manual kita bisa edit berbeda-beda sesuai dengan tampilan masing-masing halaman static page yang kita inginkan.

Baiklah sesuai dengan judul artikel di atas, saya akan membahasnya di bahwa ini : Demo

1. Masuk pada halaman blog Anda, ingat bukan blog orang lain
2. Template = EDIT HTML
3. Selanjunya letakkan code di bawah ini, tepat di bawah /]]></b:skin> atau di bawah code </style>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
............................
............................
............................
</style>
</b:if>

Keterangan : Karena setiap code CSS pada template berbeda-beda silahkan pelajari code template Anda seperti Halaman Postage, content-wrapper, outropic-wrapper dll. Sedangkan untuk menyembunyikan sesuatu diahalaman tersebut seperti #comment, #sidebar-wrapper, #breadcrums dll, kita menggunakan {display:none}

Pelajari code yang saya gunakan pada template Static Page di bahwa ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.post h1,.post h2{font-size:24px;text-align:center}
.post{margin:8px 0;padding:25px 15px;border:1px solid #d9d9d9;}
.main-wrapper{width:100%;margin:0;float:left;word-wrap:break-word;overflow:hidden;}
.sidebar-wrapper,#comments,.breadcrumbs,.post-info{display:none}
</style>
</b:if>