Cara Membuat Widget Posting Terbaru Berdasarkan Label

176 views

alhadi.org – Cara Membuat Widget Posting Terbaru Berdasarkan Label, Cara Membuat Widget Posting Terbaru Berdasarkan Label

Cara Membuat Widget Posting Terbaru Berdasarkan Label

Cara Membuat Widget Posting Terbaru Berdasarkan Label  – Tips ini akan membuat blog sobat terkesan lebih rapi dan memudahkan pembaca untuk menelusuri artikel blog sobat. Pada intinya widget ini adalah widget recent post biasa, namun memiliki kemampuan untuk menggandakan diri agar bisa menampilkan daftar posting terbaru lebih dari satu buah berdasarkan label yang spesifik. Untuk lebih jelasnya silahkan lihat live demonya :

Cara Membuat :

Untuk memasang widget ini sangatlah mudah, sobat 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 digunakan untuk menentukan judul widget, url digunakan untuk menentukan URL feed, tag digunakan untuk menentukan tag/label posting yang ingin ditampilkan.
numPost Digunakan untuk menentukan 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 menentukan jumlah karakter ringkasan posting
titleLength Digunakan untuk memotong karakter judul posting yang terlalu panjang. Ganti nilainya menjadi angka untuk memotong karakter sebanyak angka tersebut, atau set sebagai "auto" untuk membiarkan judul posting sebagai apa adanya
thumbSize Digunakan untuk menentukan ukuran thumbnail posting
containerId Digunakan untuk menentukan ID kontainer yang akan digunakan untuk memuat widget
readMore Terdiri dari text dan endParam. text digunakan untuk menentukan label tautan “Baca Selengkapnya” yang terletak di bawah masing-masing widget dan endParam digunakan untuk menentukan parameter akhir tautan tersebut (abaikan jika tidak perlu).

Tentukan label postingan mana yang akan sobat 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
Terima Kasih Atas kunjungan anda di halaman  Cara Membuat Widget Posting Terbaru Berdasarkan Label, Jangan lupa untuk Membookmars Halaman ini jika  Cara Membuat Widget Posting Terbaru Berdasarkan Label berguna untuk anda.