Cara Membuat Label Pada Artikel Baru / Lama

Laba-Laba Blog - Hampir 12 hari kurang lebih saya tidak memposting artikel sama sekali dikarenakan saya sibuk mempersiapkan ujian praktik di sekolah, pada hari ini saya akan memulai postingan lagi. Postingan pada hari ini saya akan membahas kembali tentang dunia blogger yaitu Cara Membuat Label Pada Artikel Baru / Lama. Label sangat berguna untuk semua orang karena label bisa membedakan antara artikel yang satu dengan artikel yang lainnya, label sangat berguna untuk pengguna blogger dan begitupun bagi saya. Saya terinpirasi untuk memposting artikel ini ketika saya sedang berkunjung ke bloggernya mas anjas31. Berikut cara pembuatannya.

1. Masuk ke blogger.
2. Daru dasbor => template => edit html.
3. Cari kode ]]></b:skin>
4. Salin kode dibawah ini kemudian simpan diatas kode tadi.

.new1 {
width: 56px;
height: 56px;
position: relative;
left: 20px;
top: -13px;
float: right;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgduJizYMAYWFqVedxccaIh28FPRaMw0UXOGlpq4PR5vpMyIMx0cARZgicB67QuLZmUZ6xyYY8sv8ZvcnEXRY2aOkT5FtGe3c73oknnDZ_-UnqEyUwVIjc8QYANHk_gSijaMJVbXgzYT4Iv/s400/New.png") no-repeat scroll 0% 0% transparent;
}
.old1 {
width: 56px;
height: 56px;
position: relative;
left: 20px;
top: -13px;
float: right;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHX4ngeAXuyE-0KM-4HTGg1uSscfAuYvCWYCB6T3Kh_0_w_23l35xq_aZCZnas_aZZon47lXCjzxjQVbdyfk2O_DXTaz1rwytlHePdcAQa28LRer3Dpuc8p9lnGs8EcsxBmRvtGquQpnTS/s400/old.png") no-repeat scroll 0% 0% transparent;
}

5. Cari kembali kode </head>
6. Salin kembali kode dibawah ini kemudian taruh dibawah kode tadi.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
$(".dropdown img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html("Selected value is: " + getSelectedValue("sample"));
});
$('.blog-posts').find($('.post')).slice(1).prepend("<span class='old1'></span>")
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
});
$('.blog-posts').find($('.post')).first().prepend("<span class='new1'></span>")
$("#flagSwitcher").click(function() {
$(".dropdown img.flag").toggleClass("flagvisibility");
});
});
</script>

7. Simpan.