Artikel ini menjelaskan perihal bagaimana caranya mengubah dan menghapus label, label memang sangat diharapkan untuk proses menampilkan data, sehingga dengan adanya label kita sanggup mengelompokkan masing-masing artikel menurut nama label, artikel ini aku rasa penting dibahas alasannya yaitu tidak ada rasa kepuasan bila hanya mendapatkan apa yang ada, dalam artian kita perlu mengubah dan delete label sesuai opsi yang kita suka, semua itu relatif, namun diluar topik suka atau tidak, aku hanya ingin membuatkan kepada agan-agan bagaimana caranya memanage label sesuai harapan kita.cekidot :)
A. Cara Mengubah Warna dan Tata Letak Label
Bagaimana cara mengubah warna dan tataletak label ?, ikuti langkah-langkah berikut ini :Jangan lupa backup template kau terlebiih dahulu, untuk waswas aja, ya manatau nanti terjadi error jadi sanggup di restore lagi templatenya.
Langkah 1.A : Login ke Blogger Dashboard => Pilih Template => Kemudian klik tombol Edit HTML
Langkah 2.A : Klik dimana saja didalam area code lalu tekan Ctrl + F maka akan muncul textbox pencarian Blogger
Tamukan arahan dibawah ini :
]]></b:skin>Langkah 3.A : dan letakkan code dibawah ini diatas code langkah 2
Sekarang save template dan jalankan.status-msg-body {
text-align: left;
line-height: 1.4;
font-weight: bold;
color: red;
padding: 0.5em 0.3em;
width: 100%;
}
itu saja untuk code css cara mengubah warna dan tataletak
B. Cara Mengubah goresan pena pada label
lihat pada gambar paling atas dengan goresan pena Showing Posts With Label News : Show All Posts, aku akan mengubah goresan pena tersebut menjadi Kategori Artikel : News.
Langkah 1.B : Temukan code dibawah ini
<data:navMessage/>format orisinil source codenya yaitu menyerupai ini :
<b:includable id='status-message'>Langkah 2.B : dan ganti code warna merah tersebut dengan code berikut ini
<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>
Kategori Artikel <data:blog.searchLabel/> :Sehingga tampilan source code keseluruhan menyerupai berikut
<b:includable id='status-message'>Itu saja cara mengubah goresan pena pada label
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Kategori Artikel <data:blog.searchLabel/> :
</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>
C. Cara Menghapus Label
Langkah 1.C : Temukan arahan berikut<b:includable id='status-message'>Langkah 2.C : lalu gantikan arahan diatas dengan arahan dibawah ini
<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>
<b:includable id='status-message'>atau kau sanggup juga menyembunyikan goresan pena label tersebut tanpa harus menghapusnya dengan code CSS berikut, letakkan diatas code ]]></b:skin>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
.status-msg-wrap,Save template kau dan tekan tombol View blog/jalankan
.status-msg-body {
display: none;
}
Sekian tutorial dari saya, untuk seterusnya kau sanggup improve sendiri, biar bermanfaat.
Ditulis tanggal 25 Februari 2015