1.

Login pada blogger ID Anda

2. masukkehalaman Template..
3. klik menu Edit Html
4. Carikode ]]></b:skin> (gunakanctrl+f)
5. Pasangkode di bawahini di ataskode ]]></b:skin>


#menubar{
width:920px;
height:38px;
background:#de360f;
border-radius:2px;
float:center;
margin:0px auto;
}
#menubar-left{
float:left;
width:720px;
padding:0 0 2px 2px;
}
#menubar-right{
float:right;
width:170px;
padding-top:8px;
padding-right:18px
}
#menubarul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:12px 10px;
color:#fff;
position:relative;
font-weight:bold !important;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a {
text-decoration:none;
background:#F0512D;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:35px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:37px;
border:1px solid #de360f;
border-radius:0px 0px 8px 8px;
}
#menubarli:hoverul, #menubar li li:hoverul, #menubar li lili:hoverul, #menubarli.sfhoverul, #menubar li
li.sfhoverul, #menubar li lili.sfhoverul{
left:auto
}
#menubarli:hover, #menubarli.sfhover{
position:static
}
#search{
border:1px solid #F0512D;
height:20px;
width:180px;
background:#f6f4f4;
}
#search input{
color:#777;
border:none;
}
#s-m{
font-size:11px;
width:180px;
padding-left:4px;
padding-top:5px;
margin:0;
}
#search-t #search{
background-color:#FFFFFF;
border:1px solid #F0512D;
border-radius:4px 4px 4px4px;
-moz-border-radius:4px 4px 4px4px;
-khtml-border-radius:4px 4px 4px4px;
-webkit-border-radius:4px 4px 4px4px;
}
#search-t #s-m{
width:155px;
padding-top:3px;
}
6. Selanjutnya, carikode <div id="content-wrapper">
7. Lalupasangkode di bawahini, di ataskode <div id="content-wrapper">



<div id='menubar'>
<div id='menubar-left'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://21selection.blogspot.com/'>Edit me 1</a></li>
<li><a href='http://21selection.blogspot.com/'>Edit me 2</a></li>
<li><a href='http:/21selection.blogspot.com/'>Edit me 3</a>
<ul>
<li><a href='http://21selection.blogspot.com/'>Sub menu 1</a></li>
<li><a href='http://21selection.blogspot.com/'>Sub menu 2</a></li>
</ul>
</li>
<li><a href='http://21selection.blogspot.com/'>Edit me 4</a></li>
<li><a href='http://21selection.blogspot.com/'>Edit me 5</a></li>
</ul>
</div>
<div id='menubar-right'>
<div id='search-t'>
<div id='search'>
<form action='/search' method='search' target='_blank'>
<input class='keyword' id='s-m' name='q' onblur='if (this.value == &quot;&quot;) {this.value =
&quot;Cariartikeldisini..&quot;;}' onfocus='if (this.value == &quot;Cariartikeldisini..&quot;) {this.value =
&quot;&quot;}' type='text' value='Cariartikeldisini..'/>
<input
src='http://1.bp.blogspot.com/_C6KkooKXCEw/TIBqtV6pdmI/AAAAAAAAGyM/QUBsym_R9V0/s200/sear
ch-c.png' style='border: 0pt none ;vertical-align: top; padding-top:4px; padding-right:3px;' type='image'/>
</form>
</div>
</div>
</div>
</div>
8. Simpan Template
9. danlihathasilnyadenganKlikLihat Blog






Cara menghapus tulisan tampilkan posting dengan label di blog. Dan juga tulisan tampilkan
semua posting yang berada diatas posting pertama dari label atau kategori atau dibawah menu
header blog. Tepatnya ketika kita buka salah satu label, maka tulisan tersebut akan muncul.
Untuk lebih jelasnya silakan lihat gambar dibawah ini.

Tulisan diatas akan muncul setiap kali kita buka label atau kategori. Nama label yang muncul
sesuai dengan nama label yang kita pilih. Ada 2 cara untuk menghapus tulisan tampilkan posting
dengan label, yaitu menghapus tulisan tersebut dari blog dan yang kedua hanya
menyembunyikannya dari halaman blog label yang kita buka. Ikuti langkah-langkah dibawah ini.
Cara menghapus tulisan tampilkan posting dengan label di blog
1. Login ke blogger. Dari halaman dasbor pilih pengaturan template.
2. Selanjutnya klik edit HTML, dan cari kode dibawah ini.
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/>
</div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
3. Ganti kode diatas menjadi.
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
4. Terakhir preview template, jika template berjalan dengan benar, baru Save. Selesai.

Hanya menyembunyikan Tulisan Tampilkan Posting Dengan
Label
1. Login ke blogger. ke pengaturan template.
2. Selanjutnya ediit HTML dan cari kode ]]></b:skin> gunakan Ctrl f untuk mempermudah
pencarian.
3. Kemudian letakkan kode dibawah ini, diatas ]]></b:skin>
.status-msg-wrap{
display:none;
}
.status-msg-body{
display:none;
}
.status-msg-border{
display:none;
}
4. Terakhir, save template. Selesai.
Silakan gunakan salah satu cara dari kedua cara diatas. Menghapus atau hanya menyembunyikan
tulisan tampilkan posting dengan label dan tulisan tampilkan semua posting di halaman blog
label yang kita buka. Semoga Bermanfaat.