Recent Post Blogger By Label Filter Abjad

Recent Post Blogger By Label Filter Abjad - Recent post label dengan fitur mengurutkan judul/huruf depan dari postingan blog, Mulai dari Nomor, lalu ke huruf A sampai Z. Recent Post ini lebih mengutamakan Filter huruf depan dari sebuah judul post blog bukan mengurutkannya dengan tanggal di rilisnya postingan tersebut.


Cara Membuat Recent Post Blogger By Label Filter Abjad

Fitur ini berbeda dari recent post sebelumnya yaitu Simple Recent Post By Label yang mengandalkan tanggal rilis postnya dan jika dilihat mungkin acak-acakan judul postnya jadi bikin pusing atau tidak nyaman dipandang mata, maka dari itu Recent Post Label Filter Abjad jadi alternatifnya agar lebih minimalist dan rapih jika dilihat


Recent Post Blogger By Label Filter Abjad

  1. Silahkan buka Blogger > Tema > Edit HTML, lalu tambahkan CSS diatas </style>
  2. /* Recent Post Label Filter Abjad - Arlethdesign
      ======================================= */
    ul.grup-listanime{max-height:200px;overflow:auto;margin:auto;padding:0;list-style:none;}
    ul.grup-listanime li.title-anime{list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;line-height:22px;}
    ul.grup-listanime li.title-anime a{display:block;}
    ul.grup-listanime li.title-anime a:before{display:inline-block;content:"\f101";font-family:"FontAwesome";margin-right:5px;vertical-align:middle}

  3. Jika sudah save tema.
  4. Kemudian buka Tata Letak > Tambahkan widget > HTML/Javascript lalu simpan javascript berikut ini
  5. <script type="text/javascript">
    /*<![CDATA[*/
    function recent_post_filter_abjad(b){var a=document.createElement("script");a.src="data:text/javascript;base64,"+b;a.type="text/javascript";document.head=document.head||document.getElementsByTagName("head")[0];document.head.appendChild(a)}recent_post_filter_abjad("ZnVuY3Rpb24gcmVjZW50cG9zdF9maWx0ZXJhYmphZChhKXt0aGlzLmhydWZueWE9e307dGhpcy5rZXl3b3JkbnlhPVtdO3RoaXMuZ3JhYj1mdW5jdGlvbigpe3ZhciBiPWEuZmVlZC5lbnRyeTt2YXIgZT1iLmxlbmd0aDtmb3IodmFyIGY9MDtmPGU7ZisrKXtpZihmPT1lKXticmVha312YXIgZz1iW2ZdO3ZhciBpPWcudGl0bGUuJHQ7dmFyIGQ9IiI7Zm9yKHZhciBoPTA7aDxnLmxpbmsubGVuZ3RoO2grKyl7aWYoZy5saW5rW2hdLnJlbD09ImFsdGVybmF0ZSIpe2Q9Zy5saW5rW2hdLmhyZWZ9fXZhciBjPWkuc3Vic3RyKDAsMSkudG9Mb3dlckNhc2UoKTt2YXIgaj17anVkdWw6aSx0YXV0YW46ZH07aWYodHlwZW9mIHRoaXMuaHJ1Zm55YVtjXT09InVuZGVmaW5lZCIpe3RoaXMuaHJ1Zm55YVtjXT1bal19ZWxzZXtpZih0eXBlb2YgdGhpcy5ocnVmbnlhW2NdPT0ib2JqZWN0Iil7dGhpcy5ocnVmbnlhW2NdLnB1c2goail9fX19O2RvY3VtZW50LndyaXRlKCc8dWwgY2xhc3M9ImdydXAtbGlzdGFuaW1lIj4nKTt0aGlzLmZpbHRlcj1mdW5jdGlvbigpe2Zvcih2YXIgYiBpbiB0aGlzLmhydWZueWEpe3RoaXMua2V5d29yZG55YS5wdXNoKGIpO3RoaXMua2V5d29yZG55YS5zb3J0KCl9fTt0aGlzLm1lbWJhbmd1bj1mdW5jdGlvbigpe2Zvcih2YXIgYyBpbiB0aGlzLmtleXdvcmRueWEpe3ZhciBkPXRoaXMua2V5d29yZG55YVtjXTt2YXIgZz10aGlzLmhydWZueWFbZF07dmFyIGk9W107dmFyIGU9W107Zm9yKHZhciBmPTA7ZjxnLmxlbmd0aDtmKyspe2kucHVzaChnW2ZdLmp1ZHVsKTtpLnNvcnQoKX1mb3IodmFyIGY9MDtmPGcubGVuZ3RoO2YrKyl7dmFyIGI9aVtmXTt2YXIgaj0iIjtmb3IodmFyIGg9MDtoPGcubGVuZ3RoO2grKyl7aWYoZ1toXS5qdWR1bD09Yil7aj1nW2hdLnRhdXRhbn19ZG9jdW1lbnQud3JpdGUoJzxsaSBjbGFzcz0idGl0bGUtYW5pbWUiPjxhIGhyZWY9IicraisnIj4nK2IrIjwvYT48L2xpPiIpfX1kb2N1bWVudC53cml0ZSgiPC91bD4iKX07dGhpcy5ydW49ZnVuY3Rpb24oKXt0aGlzLmdyYWIoKTt0aGlzLmZpbHRlcigpO3RoaXMubWVtYmFuZ3VuKCl9fWZ1bmN0aW9uIHJlY2VudHBvc3RfYXJsZXRoeihiKXt2YXIgYT1uZXcgcmVjZW50cG9zdF9maWx0ZXJhYmphZChiKTthLnJ1bigpfTs=");
    /*]]>*/
    </script>
    
    <script src="/feeds/posts/default/-/LABEL POST?orderby=published&alt=json-in-script&callback=recentpost_arlethz&max-results=20"></script>


TagKeterangan
LABEL POST Silahkan Ganti Dengan Label Post
20 Ganti Dengan Jumlah Post Yang Ingin Ditampilkan
Related Post
Comment Post