Skip to main content

Cara Merubah Tampilan Home Page Blog

Berikut beberapa cara merubah tampilan homepage/halaman utama pada blog.
1. Login Akun blogger anda
2. Pada dashboard pilih Template > Edit HTML
3. Untuk menghilangkan halaman posting ada 2 cara yang saya pakai yaitu dengan menggunakan tag conditional dan css {display:none}


#### Cara pertama Dengan menggunakan tag conditional berikut caranya:
Lihat kode berikut ini: 


            <b:section id='main-wrapper' maxwidgets='1'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

</b:section> 
Lihat code main-wrapper itu merupakan kode yang membungkus halaman posting dan untuk kode yang berwarna biru itu adalah kode/widget halaman posting.
Agar halaman posting tidak tampil pada homepage kita akan menggunkan tag conditional untuk menghilangkanya, dan kodenya menjadi sepeerti berikut ini


<b:if cond='data:blog.url != data:blog.homepageUrl'> 

            <b:section id='main-wrapper' maxwidgets='1'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

</b:section> 

</b:if>
kode yang berwarna hijau merupakan tag conditional dan yang bawah merupakan kode penutup dari tag conditional tersebut


#### Cara kedua dengan menggunakan css {display:none;} pada ID halaman posting yaitu Blog1
Untuk cara kedua ini kita menggunakan tag conditional dan css untuk menghilangkannya, menggunakan cara kedua ini kita bisa lebih leluasa untuk mengatur lebar dari tampilan homepage
contoh code seperti ini 


<b:if cond='data:blog.url==data:blog.homepageUrl'>

<style>

body {background-color:#fefefe}

#outer-wrapper {width:500px} /* yang membungkus halaman posting dan sidebar */ 

#Blog1 {display:none}

#main-wrapper {width:100%} /* halaman posting */

#sidebar-wrapper {width:100%} /* sidebar */

</style>

</b:if>

Silahkan anda sesuaikan sendiri, dengan kode diatas saya menghilangkan halaman posting dan hanya menampilkan sidebar saja. jika ingin menampilkan halaman posting saja rubah saja kodenya menjadi seperti ini  
#main-wrapper {width:100%;} 
#sidebar-wrapper {display:none;}
Anda juga bisa merubah warna background ataupun yang lainya.
Kode tersebut di khususkan untuk homepage saja. jika anda ingin menerapkanya copy saja kode tersebut dan letakkan diatas kode </head>
Tapi perhatikan, karena pada setiap template ID elment tidak selalu sama.
Semoga bisa di mengerti dan semoga bermanfaat. 


Sumber : http://mdf-blog.blogspot.com/2013/02/modifikasi-homepage-sesuai-keinginan.html


Baca juga:

Comments

Popular posts from this blog

Lirik Indal Faji kuntu usolli

Lirik lagu Indal Fajri ***
Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

subhanallaah
manrofaassama
waahsanal bina
subhanallah

subhannalah
faahatidzuhur
biazmalil 'utur
subhanallah

subhanallah
manzada bil hawa
antamuhu jawa
subhanallah

subahanllah
maasmalasuhun
minhosmihatakun
subhanallah

allah allah ....ya allah .....ya allah .....ya allah


Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

subhanallah
kawwanal insan 'allamal bayan subhanallah

subhanallah
yaman wahab dalluh
 hatta nagtu wanaruh
 subhanallah

subhanallah
wal aqla wal janan
wal hubba wal hanan
subhanallah

subhanallah
hamdan syukron lillah
kullu rojabillah
subhanallah

allah.. ya allah... ya allah... ya allah


Indal fajri
kuntu usolli
Usolli lillahi ta'ala
Adzkuru syauqon
Ismallahi
hubban ikroman ijlala 2X

Tahapan alur novel, cerpen dan drama