Halaman statis merupakan sebuah halaman yang memang disediakan blogger untuk halaman tertentu, misal untuk halaman kontak , daftar isi atau yang lainya yang dimana halaman ini berbeda dengan halaman postingan dengan tidak munculnya beberapa widget dan komentar yang muncul di beberapa postingan. Namun dengan adanya fasilitas tersebut kadang kita mengalami beberapa kendala, diantaranya karena modifikasi template kita untuk daftar isi, menampilkan postingan hanya judul atau karena pemasangan readmore. Diantara masalah itu adalah tidak munculnya halaman tersebut ( muncul hanya judulnya saja ), Tidak muncul penuh dengan ada readmore, atau muncul tidak penuh ( menutup kontent halaman ) . ini masalah yang pernah saya alami ketika mengutak atik template. lalu bagaimana untuk solusinya ? , mari kita bahas satu - satu :
Pertama , Hanya muncul judulnya saja .
Permasalahan ini biasanya muncul dikarenakan modifikasi template untuk kepentingan daftar isi atau juga karena ingin menampilkan postingan hanya judulnya saja , dan untuk mengatasinya ya kita harus mengorbankan salah satunya. bila ingin memunculkan halaman statis ini kita harus mengubahnya menjadi default blogger yaitu dengan mengganti kode yang mirip seperti ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Menjadi :
<b:include data='post' name='post'/>
Kedua, Muncul readmore
Untuk mengatasnya silahkan ganti kode readmore yang ada misal seperti dibawah ini :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Dan diganti dengan kode ini :
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></b:if>
Ketiga, Muncul tapi kontent tertutup
Permasalahan ini adalah yang sempat kemaren saya alami ketika mengutak atik templatenya mas doyok ini, kemaren sempat bingung untuk mengatasinya, sempat tanya kesana kemari tapi blm juga menemukan jawaban akhirnya saya otak atik sendiri lagi pun tetap gak bisa , contohnya adalah seperti screenshoot di bawah ini :
Perhatikan gambar tersebut, kontent yang berada di bawah kode <!-- end content-wrapper --> itu menutup kontent halaman statis. Lalu bagaimana solusinya? Akhirnya saya ketemu juga dengan seorang sahabat empunya http://oketrik.blogspot.com/ dan alhamdulillah masalah ini beres , yaitu dengan menambahakan kode berikut di bawah ]]></b:skin> :
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post {height: 100%;}
</style>
</b:if>
<style>
.post {height: 100%;}
</style>
</b:if>
Ingat tambahakan tepat dibawah kode : ]]></b:skin> dan masalah beres, saya ucapkan sekali lagi terima kasih sebanyak banyaknya buat sahabat empunya uantrik .
Demikian artikel share saya kali ini , semoga bermanfaat bagi anda yang mengalami hal serupa dengan masalah masalah tersebut, Tetap semangat dan
SALAM BLOGGER
--- Share Yaa Bro ----
Hubungi saya jika Anda menemukan konten yang rusak, aneh atau tidak berhasil Anda terapkan. Silahkan beritahu kami dengan klik : Contact Me! . Kami akan berusaha membalas atau memperbaiki konten secepatnya. Terima Kasih.
11komentar:
sAYA share ini juga karena kemaren mengalami hal ini hehe , semoga bermanfaat thanksss
Iya , siapa tau suatu saat bermasalah
Bro pny Emailnya "oketrik.blogspot.com q mo tny2 juga nich.. udah tny sana-sini ga ada yg bs.. Thx
Happy Blogging Bro ^^
Wookey , join fbnya aja
http://www.facebook.com/profile.php?id=1230474645
Semoga bermanfaat , thankss
Yua , silahkan monggo
Yupzzz
Post a Comment