Senin, 03 Juli 2017

Membuat Halaman Full Width Berbeda Dari Lainnya



Dirolu - Salah satu trik untuk mempercantik tampilan blog adalah dengan merancang beberapa halaman untuk kebutuhan khusus. Misalnya, untuk membuat halaman statis. Kadang, para blogger ingin membuat halaman ini berbeda dengan halaman lainnya. Seperti halaman lebar penuh (full width).

Dibawah ini adalah trik untuk membuat halaman tertentu memiliki lebar penuh tanpa sidebar.
Caranya :

1. Saat masuk Dashboard, pilih template dan Edit HTML

2. Cari ]]></b:skin> lebih mudahnya cari dengan Ctrl + F

3. Bila sudah ketemu, tempatkan kode ini tepat dibawahnya.

<style type='text/css'>
<b:if cond='data:blog.url == &quot;Masukkan Url Halaman Disini&quot;'>

.sidebar-area,.comments,.breadcrumbs,._post-title{display:none;}
#main-wrapper{width: 100%}
._post-footer{width: 200%}
.widget-content
.bwrapsite-content{width:100%}
.content-area {float:none;width:initial;width:100%!important}

</b:if>
</style>
 4. Lihat tulisan berwarna merah. Ganti tulisan tersebut dengan url halaman yang ingin anda buat full width

5. Save, selesai. Lihat hasilnya.

Demikian cara membuat halaman full width secara mudah. (and)