Widget Daftar Posting Diperbaharui / Yang Telah Diupdate

Widget Daftar Posting Diperbaharui

Widget daftar posting diperbaharui yang dimaksud dalam posting kali ini adalah widget yang didalamnya berisi daftar posting yang telah diperbaharui/diupdate oleh admin blog.

Demo

Cara Membuat Widget Daftar Posting Yang Telah Diperbaharui

1. Buka dasbor blogger anda
2. Pilih Tata Letak klik add elemen/tambah gadget
3. Kemudian pilih HTML/JavaScript
4. Copy code HTML di bawah ini kemudian masukkan.

Menambahkan HTML

<ol id="updated-posts"></ol>

Menambahkan CSS

5. Selanjutnya masuk ke menu edit template/template. Kemudian tambahkan CSS di bawah ini tepat di atas ]]></b:skin>
   

   li.update {
       list-style: none;
       height:60px;
       overflow:hidden
   }
   .imgupdate {
       float:left;
       margin:5px 10px 0 5px
   }
   .tgl-com {
       display:block;
       font-size:90%
   }

Menambahkan JavaScript

6. Terakhir masukkan kode di bawah ini tepat di atas </body> dengan format penulisan <script> code disini </script>

   // Pengembangan dari http://www.dte.web.id/2012/01/basic-json-feeds-for-blogger.html
   // Widget Daftar Posting Diperbaharui
   // Nodified : yOu w4hyOu
   // https://plus.google.com/106933633716411881896/about
   // http://info-kmu.blogspot.com/
   
      function updatedPosts(a) {
       if (document.getElementById("updated-posts")) {
           var e = a.feed.entry,
               title, img, link, date, content = "",
               ct = document.getElementById("updated-posts");
           for (var i = 0; i < 7; i++) {
               for (var j = 0; j < 7; j++) {
                   if (e[i].link[j].rel == "alternate") {
                       link = e[i].link[j].href;
                       break
                   }
               }
               var title = e[i].title.$t,
                   pd = e[i].published.$t.substring(0, 10),
                   date = pd.replace(/-/g, "/");
               if ("media$thumbnail" in e[i]) {
                   img = e[i].media$thumbnail.url
               } else {
                   img = "http://2.bp.blogspot.com/-LQV025ltHWI/UnZSnJQN_GI/AAAAAAAAGes/gbXNGWA21LY/s40/logon.png"
               }
               content += '<li class="update"><img src="' + img.replace(/\/s72-c/, "/s40-c") + '" class="imgupdate" alt="thumb" height="40px" width="40px"/>';
               content += '<strong><a href="' + link + '" target="_blank">' + title + '</a></strong><span class="tgl-com"> diposkan pada ' + date + "</span></li>";
           }
           ct.innerHTML = content
       }
   }
   function getScript(url) {
       var s = document.createElement("script");
       s.type = "text/javascript";
       s.src = url;
       document.body.appendChild(s)
   }
   getScript("//info-kmu.blogspot.co.id/feeds/posts/summary?alt=json-in-script&orderby=updated&max-results=7&callback=updatedPosts");

   Jangan lupa untuk mengganti alamat blog yang ditandai dengan alamat blog kamu.
7. Simpan

Share this post