Cara Membuat Halaman Statis Menjadi Full Page




Hai sobat blogger dimanapun anda berada. Terasa sudah lama saya tidak posting di Blog ini. Maaf ya sob, saya lama tidak posting karena kesibukan di dunia offline. Dari bulan Februari lalu sampai Mei saya akan terus menghadapi Try Out. Jadi, tolong dimaklumi jika saya jarang posting.

Selagi hari libur, kali ini saya akan memposting tentang "Cara Membuat Halaman Statis Menjadi Full Page". Sebenarnya ini mudah sekali, karena itu posting ini akan terlihat singkat hehe... Tidak usah basa-basi langsung saja ini caranya:

1. Log in Blogger
2. Klik Laman, pilih laman (halaman statis) yang ingin dijadikan full page
3. Copy kode di bawah lalu paste di bagian HTML (bukan Compose ya)





<style scoped="" type="text/css">
#post-wrapper {width:100%;}
#sidebar-wrapper {display:none;}
</style>

4. Klik Publikasikan


Update 3 Mei 2015

Jika halaman statis tidak bisa menjadi full page, coba cari css post wrapper dengan cara:

1.  Cari #post-wrapper dengan Ctrl + F

  • Kira-kira kodenya seperti:

/* CSS Post Wrapper */
 #post-wrapper {background:transparent;color:#444;float:left;width:68%;max-width:768px;margin:0 0 10px;}
.post-inner {padding:15px 0 0 0;}
.breadcrumbs {background:#fff;font-size:100%;height:45px;overflow:hidden;padding:0;border:1px solid #e6e6e6;border-bottom:none;}
.breadcrumbs > span {padding:0;}
.breadcrumbs > span:last-child {background:#fdfdfd;color:#666;border-right:none;font-family:'Open Sans';font-size:13px;font-weight:300;padding:10px;line-height:30px;}
.breadcrumbs a {background:#fdfdfd;color:#666;font-family:'Open Sans';font-size:13px;
font-weight:normal;line-height:45px;}
.breadcrumbs span a {color:#666;padding:10px;}
.breadcrumbs span:first-child  a{background:#fdfdfd;color:#666;margin-left:15px;}
.breadcrumbs span a:hover {color:#7fa8f0;}
.breadcrumbs a:hover {color:#7fa8f0;}
.post {background:#fff;margin:0;padding:20px;border:1px solid #e6e6e6;}
.post-body {line-height:1.6em;color:#444;margin-top:15px;font-size:14px;}
.post-body img {max-width:95%;margin:0 auto;height:auto;}
h3.post-title, h2.post-title, h1.post-title {font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;text-align:center;padding:15px;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#999;}
h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#fe3434!important;}
...

2. Ubah max width menjadi auto

  • Maka kodenya menjadi:

#post-wrapper {background:transparent;color:#444;float:left;width:68%;max-width:auto;margin:0 0 10px;}


Halaman statis anda sudah menjadi full page. Sangat mudah bukan? 
Semoga bermanfaat :)

Custom Search

0 Response to "Cara Membuat Halaman Statis Menjadi Full Page"

Post a Comment

Dilarang mengiklan di kolom komentar
Gunakan format www[dot]weblog[dot]com untuk menunjukkan link blog
dan gunakan format email[at]gmail[dot]com untuk menunjukkan email

Back to top