Artikel ini menjelaskan tentang bagaimana caranya mengubah dan menghapus label, label memang sangat diperlukan untuk proses menampilkan data, sehingga dengan adanya label kita bisa mengelompokkan masing-masing artikel berdasarkan nama label, artikel ini saya rasa penting dibahas karena tidak ada rasa kepuasan kalau hanya menerima 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, saya hanya ingin berbagi kepada agan-agan bagaimana caranya memanage label sesuai keinginan kita.cekidot :)
 |
| Cara Mengubah Label dan Menghapus |
A. Cara Mengubah Warna dan Tata Letak Label
Bagaimana cara mengubah warna dan tataletak label ?, ikuti langkah-langkah berikut ini :Jangan lupa backup template kamu terlebiih dahulu, untuk waswas aja, ya manatau nanti terjadi error jadi bisa 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 kemudian tekan Ctrl + F maka akan muncul textbox pencarian Blogger
Tamukan kode 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 tulisan pada label
lihat pada gambar paling atas dengan tulisan Showing Posts With Label News : Show All Posts, saya akan mengubah tulisan tersebut menjadi Kategori Artikel : News.
Langkah 1.B : Temukan code dibawah ini
<data:navMessage/>format asli source codenya adalah seperti 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 seperti berikut
<b:includable id='status-message'>Itu saja cara mengubah tulisan 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 kode berikut<b:includable id='status-message'>Langkah 2.C : kemudian gantikan kode diatas dengan kode 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 kamu bisa juga menyembunyikan tulisan 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 kamu dan tekan tombol View blog/jalankan
.status-msg-body {
display: none;
}
Sekian tutorial dari saya, untuk seterusnya kamu bisa improve sendiri, semoga bermanfaat.
Ditulis tanggal 25 Februari 2015
Silahkan berkomentar sesuai dengan topik, setiap komentar akan direspons, dan mohon maaf sekali untuk komentar yang berbau P*RN*GRAFGI, *BAT, HACK, JUDI dan komentar yang mengandung link aktif tidak akan ditampilkan. Trimakasih atas pengertiannya.