Menandai Artikel Baru dan Artikel Lama Dengan Gambar

Sebenarnya mudah untuk mengetahui mana artikel lama dan mana artikel yang baru saja diupdate, tanpa harus pakai acara ditandai segala.

Semoga saja tutorial ini berguna bagi yang belum tahu cara membedakan mana artikel yang sudah sudah basi dan mana artikel yang masih hangettt! *smile

Berikut cara Menandai Artikel Baru dan Artikel Lama Dengan Gambar. 

CSS, simpan diatas ]]></b:skin>

.new1 { width: 56px; height: 56px; position: relative; left: 20px; top: -13px; float: right; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRjtgz8RB4YSh3__I7uuSF1HmOZMW4oKV7sVJ1P1NgiRSEr6XA0PnzMjHNE26QYU9ciB4Bs8bZqYkrNoxCMQ3PcJNPAsXaLy7dM6QHvmEilDMEZdhwAev5-yxVEw5-twGolE2QBNGelYU/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/AVvXsEhsy8-r33Re_GbNcmyHezK3x-u-a3qUykdLPIN3oNfLU9RiSn7SzZXOiTPGQlWc2thkHjRofVOUwygnHH-eQn4FtdXTfWd0kIuIbNhti54EGLaolsotP7ni7pFj9fPFdb2WK5WeFFJ6MsmJ/s400/old.png") no-repeat scroll 0% 0% transparent; }

jquery, simpan dibawah </head>

<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>

DEMO

Sumber:
http://www.trueblogtips.com