Membuat Widget Recent Post Dengan Thumbnails Di Blogger
Recent post atau dalam bahasa Indonesia berarti artikel terbaru, adalah sebuah widget navigasi blog yang fungsinya untuk menampilkan artikel-artikel terbaru suatu blog. Sehingga, pengunjung blog tidak harus ke halaman homepage untuk melihat update artikel karena widget recent post sudah menampilkannya di semua halaman blog.
Recent post dapat juga meningkatkan pageviews blog karena menampilkan update artikel walau tidak selalu. Biasanya widget recent post terletak di sidebar blog. Untuk pembuatannya, kita hanya memerlukan kode JavaScript saja dan widget ini tidak memberatkan blog. Ikuti langkah-langkah berikut ini untuk membuat widget recent post dengan thumbnails di blogger:
1. Pada dasbor, pindah ke Tata Letak.
2. Klik Tambahkan Gadget, kemudian pilih gadget HTML/JavaScript.
3. Beri judul "artikel terbaru", "recent post" dan sebagainya. Setelah kita memberi judul, letakkan kode HTML berikut di kolom konten:
<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />
<script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script>
<script type='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script type="text/javascript" src="http://www.asli-tutorial.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script>
Perhatikan=
Warna merah, Anda ganti dengan alamat URL blog Anda.
Banyak terdapat tulisan 'true' dan 'false'. Anda dapat mengubahnya sesuai dengan kebutuhan dan selera Anda.
4. Klik Simpan. Sekarang, seharusnya widget recent post sudah dapat ditampilkan di blog Anda.
Warna merah, Anda ganti dengan alamat URL blog Anda.
Banyak terdapat tulisan 'true' dan 'false'. Anda dapat mengubahnya sesuai dengan kebutuhan dan selera Anda.
4. Klik Simpan. Sekarang, seharusnya widget recent post sudah dapat ditampilkan di blog Anda.
+Di+Bawah+Postingan.png)
.png)
0 komentar