.com

Cara Membuat Widget Artikel / Postingan Terbaru di Blogspot

f g+ t
Publikasikan :
Cara Membuat Widget Artikel / Postingan Terbaru di Blogspot
Untuk membuat widget tentang artikel atau postingan terbaru di Blogspot (Blogger) kita harus membuat widget HTML/JavaScript terlebih dahulu. Bagi pemula yang belum memahami apa itu Widget, widget adalah komponen tambahan selain konten utama yang disediakan Blogger untuk melengkapi isi dari suatu blog. Widget bisa diletakkan di samping konten utama (sidebar), di bagian teratas (header) ataupun di bagian terbawah (footer).

Kembali membahas tentang widget HTML/JavaScript. Untuk mengakses widget tersebut silahkan menuju ke Dashboard » Layout (Tata Letak) [gambar 1a], dan silahkan klik 'Add a Gadget' (Tambah Gadget) [gambar 1b] di lokasi yang kita inginkan. Akan muncul Configure HTML/JavaScript [gambar 2]. Tempelkan kode berikut di widget tersebut :

<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/widget-new-post2.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 90; </script> <script src="http://ardilas.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

Jangan lupa untuk mengganti ardilas.com dengan alamat situs atau blog anda. Dan ada beberapa setingan yang bisa kita setel agar sesuai dengan keinginan :
  1. Numposts yang mengatur berapa banyak artikel yang diperlihatkan (ganti nilai 10)
  2. Showpostdate yang mengatur diperlihatkannya tanggal (ganti false menjadi true)
  3. Showpostsummary yang mengatur diperlihatkannya rangkuman dari isi konten (ganti false menjadi true)
  4. Numchars yang mengatur berapa banyak huruf dari rangkuman yang diperlihatkan (ganti nilai 90)

Layout / tata letak, add a gadget / tambah gadget - Cara Membuat Widget Artikel / Postingan Terbaru di Blogspot
Gambar 1a. Tata Letak | 1b. Tambah Gadget

Form widget / gadget HTML Javascript - Cara Membuat Widget Artikel / Postingan Terbaru di Blogspot
Gambar 2. Form HTML/JavaScript

Sebagai informasi tambahan, widget ini berisikan daftar atau list yang mempunyai class, kodenya <ul class="widgetbaru"> jadi kita bisa mengubah CSS widget tersebut secara spesifik agar tampilannya sesuai dengan keinginan kita.

Informasi terkait
  1. Cara membuat daftar isi (Daftar isi ke-3)
  2. Cara menulis kode HTML di dalam posting
  3. Cara melakukan penghapusan blog