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, kemudian ke huruf A hingga Z. Recent Post ini lebih mengutamakan Filter huruf depan dari sebuah judul post blog bukan mengurutkannya dengan tanggal di rilisnya postingan tersebut.

Fitur ini berbeda dari recent post sebelumnya yakni Simple Recent Post By Label yang mengandalkan tanggal rilis postnya dan kalau dilihat mungkin berantakan judul postnya jadi bikin pusing atau tidak nyaman dipandang mata, maka dari itu Recent Post Label Filter Abjad jadi alternatifnya semoga lebih minimalist dan rapih kalau dilihat

Recent Post Blogger By Label Filter Abjad

1. Silahkan buka Blogger > Tema > Edit HTML, kemudian tambahkan CSS diatas </style>

/* 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}



2. Jika sudah save tema.
3. Kemudian buka Tata Letak > Tambahkan widget > HTML/Javascript kemudian simpan javascript berikut ini

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

Demo

Tag	Keterangan
LABEL POST	Silahkan Ganti Dengan Label Post
20	Ganti Dengan Jumlah Post Yang Ingin Ditampilkan

Bagikan Artikel ini