Langsung ke konten utama

Menampilkan posting berdasarkan label

 Untuk menampilkan posting atau artikel berdasarkan Label atau Kategori, silakan lakukan langkah-langkah sbb.:



1. Masuk ke akun Blogger Anda. Pilih Blog Anda dan klik pada Layout/Tata Letak > Add Gadget/Tambah Gadget.



2. Lalu klik pada HTML/JavaScript.



3. Setelah itu copy paste kode HTML/JavaScript berikut:
<style>
img.recent_thumb {padding:1px;width:65px;height:65px;border:0; float:left;margin:0 10px 5px 1px;}

.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 0px 10px 5px 0px;padding: 0;font-size:11px;}

ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}

</style>

<script>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';
}
var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');
if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
if (showpostsummary == true) {
      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==false)
if (i!=(numposts-1))
document.write('<hr color="#d9f1fa" size=0.5>');
}document.write('</ul>');

}
</script>
<script>
     var numposts = 5;
     var showpostthumbnails = true;
     var displaymore = false;
     var displayseparator = true;
     var showcommentnum = true;
     var showpostdate = true;
     var showpostsummary = true;
     var numchars = 36;
</script><script src="
http://your-blog.blogspot.com/feeds/posts/default/-/Your-Label?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script>
<a class='labelmore' href='/search/label/Your-Label/max-results=5'  title='Show All'>More »</a>


Keterangan
Ganti your-blog.blogspot.com dengan alamat blog Anda.
Ganti Your-Label dengan nama label posting Anda. 
Variabel warna orange dapat diganti sesuai keinginan Anda.


Sumber: https://www.javamagazine.co.id/

Komentar

Postingan populer dari blog ini

Pengertian dan Peran dari Forkopimda Forkopimcam, Muspida, hingga Muspika

Masih banyak yang bertanya-tanya, apa itu arti dari Forkopimda, Forkopimcam, Muspida, dan Muspika? Serta apa peran mereka dalam pemerintahan? Kali ini kita akan bahas pengertian dan peran apa itu Forkopimda Forkopimcam, Muspida, dan Muspika. Serta perangkat yang terlibat dalam setiap kelompok forum atau musyawarah tersebut. Selain untuk menambah wawasan pengetahuan, ini juga penting untuk pemahaman kita mengetahui peranan mereka yang terlibat dalam urusan pemerintahan. Semua perangkat tersebut memiliki funsi yang saling berhubungan satu sama lainnya. Pada fungsi koordinasi antar unsur forkopimda dalam pelaksanaan pembangunan dan penyelesaian masalah-masalah aktual di daerah. Agar terbangun konektivitas antar pusdalsis kabupaten/kota dan provinsi. Hal itu bisa terjalankan dengan adanya kerjasama dan relasi bersama Forkopimcam. Merujuk pada Undang-undang Nomor 23 tahun 2014 pasal 26 tentang Pemerintah Daerah. Demikian juga Komunitas Intelejen Daerah (kominda) melaksanakan perannya sebaga...

Cara Memindah Tata Letak Yang Tidak Bisa Dipindah

Hai ini sering dipartanyakan oleh mereka blogger pemula, "Kok nggak bisa digeser,?" Pertanyaan itulah yang memberi saya ide untuk kembali mengutak-atik template. Toh, cukup membantu kan.? ^_^

Cek Koneksi dengan ping 8.8.8.8 -t dan Cara Membacanya

  Bagi seorang operator dapodik disekolah kebutuhan untuk mengecek koneksi internet adalah hal yang lumrah, c ara termudah tentu saja anda membuka browser lalu mencoba mengunjungi situs tertentu seperti google.com , gmail.com , youtube.com atau juga facebook.com . namun menurut saya cara ini kurang dapat memberikan informasi yang lengkap. karena terkadang saat kita mengunjungi sebuah situs/web, dan tidak bisa terbuka , bukan berarti koneksi kita yang bermasalah. bisa jadi juga karena browser yang terkena virus atau juga situs tersebut sedang down (tidak bisa di akses). Oleh karena itu berikut ini tips  Cek Koneksi dengan ping 8.8.8.8 -t dan Cara Membacanya  tanpa perlu membuka browser dan juga memberikan informasi yang lebih lengkap. Koneksi yang di atas menunjukkan bahwa koneksi tidak stabil dan kurang cepat, hal ini dapat dilihat melalui time yang muncul, semakin kecil time maka menunjukkan semakin cepat koneksi Anda, dari time juga dapat dilihat apabila munculnya tida...