Cara Membuat Halaman Statis Menjadi Full

kali ini saya akan memposting tentang "Cara Membuat Halaman Statis Menjadi Full ". Sebenarnya ini mudah sekali, karena itu posting ini akan terlihat singkat wekaweka... 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

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;} 

Sangat mudah bukan, semoga bermanfaat =)

Unknown

Mencoba Berbagi Pengalaman di bidang Internet di blog asli Indonesia

Share this