Buka template editor anda di blogger dan letakkan ini di atas kode </head>
<b:if cond='data:blog.url == "http://blog_anda.com/1999/09/sesuatu.html"'>
|
Itu
adalah dasarnya untuk membuat tampilan berbeda di setiap halaman yang
kita inginkan berdasarkan url nya. Berikut ada beberapa lagi yang
mungkin ingin anda coba
<b:if cond='data:blog.pageType == "index"'>
|
<b:if cond='data:blog.url == data:blog.homepageUrl'>
|
//CSS dihalaman home/beranda
|
<b:if cond='data:blog.searchLabel'>
|
<b:if cond='data:blog.searchLabel == "goreng"'>
|
//CSS dihalaman kategori goreng
|
<b:if cond='data:blog.searchLabel == "insum"'>
|
//CSS dihalaman kategori insum
|
<b:if cond='data:blog.searchLabel == "labelsesuatu"'>
|
//CSS dihalaman kategori labelsesuatu
|
<b:if cond='data:blog.searchQuery'>
|
//CSS dihalaman pencarian
|
<b:if cond='data:blog.pageType == "static_page"'>
|
<b:if cond='data:blog.pageType=="item"'>
|
//CSS dihalaman item/postingan
|
<b:if cond='data:blog.pageType == "archive"'>
|
<b:if cond='data:blog.pageType=="error_page"'>
|
Dibawah ini untuk membuat tampilan postingan berbeda berdasarkan kategori postingan
<b:section id='labels-style'>
|
<b:widget id='Blog9' locked='true' title='Posting Blog' type='Blog'>
|
<b:includable id='main' var='top'>
|
<b:if cond='data:blog.pageType == "item"'>
|
<b:loop values='data:posts' var='post'>
|
<b:include data='post' name='post'/>
|
<b:includable id='backlinkDeleteIcon' var='backlink'/>
|
<b:includable id='backlinks' var='post'/>
|
<b:includable id='comment-form' var='post'/>
|
<b:includable id='commentDeleteIcon' var='comment'/>
|
<b:includable id='comment_count_picker' var='post'/>
|
<b:includable id='comment_picker' var='post'/>
|
<b:includable id='comments' var='post'/>
|
<b:includable id='feedLinks'/>
|
<b:includable id='feedLinksBody' var='links'/>
|
<b:includable id='iframe_comments' var='post'/>
|
<b:includable id='mobile-index-post' var='post'/>
|
<b:includable id='mobile-main' var='top'/>
|
<b:includable id='mobile-nextprev'/>
|
<b:includable id='mobile-post' var='post'/>
|
<b:includable id='nextprev'/>
|
<b:includable id='post' var='post'>
|
<b:if cond='data:post.labels'>
|
<b:loop values='data:post.labels' var='label'>
|
<b:if cond='data:label.name == "lorem"'>
|
<style> //CSS untuk postingan dengan kategori lorem </style>
|
<b:if cond='data:label.name == "ipsum"'>
|
<style> //CSS untuk postingan dengan kategori ipsum </style>
|
<b:if cond='data:label.name == "dolor"'>
|
<style> //CSS untuk postingan dengan kategori dolor </style>
|
<b:includable id='postQuickEdit' var='post'/>
|
<b:includable id='shareButtons' var='post'/>
|
<b:includable id='status-message'/>
|
<b:includable id='threaded-comment-form' var='post'/>
|
<b:includable id='threaded_comment_js' var='post'/>
|
<b:includable id='threaded_comments' var='post'/>
|
Ganti
bagian yang sudah di tandai dengan kategori yang ada diblog Anda dan
terakhir sobat hanya perlu mengisi kode CSS pada bagian yang sudah
disediakan untuk mengatur desain tampilan sesuai keinginan.