
Widget daftar posting diperbaharui yang dimaksud dalam posting kali ini adalah widget yang didalamnya berisi daftar posting yang telah diperbaharui/diupdate oleh admin blog.
Cara Membuat Widget Daftar Posting Yang Telah Diperbaharui
- Buka dasbor blogger anda
- Pilih Tata Letak klik add elemen/tambah gadget
- Kemudian pilih HTML/JavaScript
- Copy
code
HTML di bawah ini kemudian masukkan. - 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% }
- 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. - Simpan
Menambahkan HTML
<ol id="updated-posts"></ol>
Menambahkan CSS
Menambahkan JavaScript
Widget daftar posting diperbaharui yang dimaksud dalam posting kali ini adalah widget yang didalamnya berisi daftar posting yang telah diperbaharui/diupdate oleh admin blog.
Blok kemudian tekan tombol
Ctrl
dan huruf C
pada keyboard secara bersamaan untuk copy
artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf
melalui tombol print/save
di atas.! Bagi yang mau repost ulang harap untuk mencantumkan tautan/sumber!..