Cara Menciptakan Widget Posting Terbaru Menurut Label

Cara Membuat Widget Posting Terbaru Berdasarkan Label  - Tips ini akan menciptakan blog sahabat terkesan lebih rapi dan memudahkan pembaca untuk menelusuri artikel blog sobat. Pada pada dasarnya widget ini ialah widget recent post biasa, namun mempunyai kemampuan untuk memalsukan diri semoga bisa menampilkan daftar posting terbaru lebih dari satu buah menurut label yang spesifik. Untuk lebih jelasnya silahkan lihat live demonya :

Cara Membuat :

Untuk memasang widget ini sangatlah mudah, sahabat tinggal masuk Tata Letak blogspot dan tambahkan Add Gaget HTML, masukkan Kode dibawah ini :

<link rel="stylesheet" type="text/css" scoped="scoped" href="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.css"/> <style type="text/css" scoped="scoped"> /* Custom CSS */ .list-entries {   margin:5px;   width:270px; /* Lebar widget */   float:left;   font-size:11px; } </style>  <div id="feed-list-container"></div> <div style="clear:both;"></div>  <script type="text/javascript"> var multiFeed = {     feedsUri: [         {             name: "Judul Widget 1",             url: "http://nama_blog-1.blogspot.com",             tag: "JQuery"         },         {             name: "Judul Widget 2",             url: "http://nama_blog-2.blogspot.com",             tag: "CSS"         },         {             name: "Judul Widget 1",             url: "http://nama_blog-3.blogspot.com",             tag: "Widget"         }     ],     numPost: 4,     showThumbnail: true,     showSummary: true,     summaryLength: 80,     titleLength: "auto",     thumbSize: 72,     containerId: "feed-list-container",     readMore: {         text: "Selengkapnya",         endParam: "?max-results=20"     } }; </script> <script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js"></script>

Konfigurasi :

Opsi	Keterangan
feedsUri	Berupa array objek dimana di dalamnya terdapat beberapa data berupa name, url dan tag: name dipakai untuk memilih judul widget, url dipakai untuk memilih URL feed, tag dipakai untuk memilih tag/label posting yang ingin ditampilkan.
numPost	Digunakan untuk memilih jumlah posting yang ingin ditampilkan
showThumbnail	Ganti nilainya menjadi false untuk menyembunyikan gambar posting
showSummary	Ganti nilainya menjadi false untuk menyembunyikan ringkasan posting
summaryLength	Digunakan untuk memilih jumlah huruf ringkasan posting
titleLength	Digunakan untuk memotong huruf judul posting yang terlalu panjang. Ganti nilainya menjadi angka untuk memotong huruf sebanyak angka tersebut, atau set sebagai "auto" untuk membiarkan judul posting sebagai apa adanya
thumbSize	Digunakan untuk memilih ukuran thumbnail posting
containerId	Digunakan untuk memilih ID kontainer yang akan dipakai untuk memuat widget
readMore	Terdiri dari text dan endParam. text dipakai untuk memilih label tautan “Baca Selengkapnya” yang terletak di bawah masing-masing widget dan endParam dipakai untuk memilih parameter selesai tautan tersebut (abaikan kalau tidak perlu).

Tentukan label postingan mana yang akan sahabat masukan di widget ini :

feedsUri: [     {         name: "Judul Widget 1",         url: "http://nama_blog-1.blogspot.com",         tag: "Blogger"     },     {         name: "Judul Widget 2",         url: "http://nama_blog-2.blogspot.com",         tag: "WordPress"     },     {         name: "Judul Widget 3",         url: "http://nama_blog-3.blogspot.com",         tag: "SEO"     } ]

Setelah semua pengaturan selesai, klik save / simpan dan lihat hasilnya.

Source

Share this post