Membuat Widget Recent Post Sederhana di Blog

Senin, 22 Februari 2016

Pernahkah Anda membuat widget recent post sebelumnya di blog ? Pasti pernah. Kalau belum mari simak sebentar cara Membuat Widget Recent Post Sederhana di Blog. Sebelum ke TKP berikut adalah penjelasan Widget. Widget merupakan sebuah aplikasi yang di pasang pada web atau blog dengan menggunakan beberapa kode. Widget biasanya bisa berupa gambar, flash, video, dan lainnya. Kita pun bisa mendapatkan banyak widget menarik yang telah disediakan oleh setiap situs, atau kita bisa menyebutnya widget bawaan. Kita pun bisa mendapatkannya dari beberapa situs penyedia widget berbayar atau situs penyedia widget gratisan.

Adapun fungsi widget sebenarnya sangat banyak yang diantaranya adalah memberikan informasi kepada pengunjung tentang situs tersebut, memberikan hiasan pada blog agar terlihat lebih menarik dan indah, dan lainnya. Fungsi widget hampir sama dengan fungsi sedebar karena widget memang diletkkan di berbagai sidebar web atau blog.

Nah, udah tahu kan widget ? Dalam postingan kali ini saya akan memberi tahu soal syntax atau code html untuk membuat widget recent post sederhana di blog, seperti ini :

Langkah-langkahnya sebagai berikut :

• Pertama, agan harus login terlebih dahulu ke Dashboard blogger, lalu masuk ke opsi edit template dengan cara klik Template di panel kiri.
• Cari tag </head>, kemudian salin kode di bawah ini dan tempelkan tepat di atasnya.
  <!-- Javascript Recent Post -->
  <script type='text/javascript'>
      //<![CDATA[
      function showrecentposts(json)
      {
        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 == 'alternate') {
               posturl = entry.link[k].href;
               break;
            }}
          posttitle = posttitle.link(posturl);
          if (standardstyling) document.write('<li>');
          document.write(posttitle);}
          if (standardstyling) document.write('</li>');
       }
      //]]>
  </script>

• Lalu klik Simpan Template.
• Pilih Tata Letak di panel kiri dashboard blog agan, klik Add Widget > pilih HTML/Javascript
• Lalu salin dan tempel kode di bawah ini ke dalam kotak konten widget blog agan.
  <script type="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://mulyadialdivian.blogspot.co.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

• Ganti terlebih dahulu tulisan yang berwarna biru dengan url blog agan. Lalu klik Simpan.
• Lihat hasilnya.

Itulah selintasan untuk membuat widget sederhana di blog. Selamat mencoba. Adapun yang mau di rubah, silahkan bereksperimen sendiri.

Tweet

Tag : Tutorial