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.