Cara Menambahkan Recent Post Multi Label Simple. Great!!

recent post multi label/katagori automatic update simple

TutorialMixs - hallo broo.. jumpa lagi pada postingan yang rada ngadat karena beberapa aktifitas. baik langsung saja, pada kesempatan ini aku mo sedikit share, bagaimna membuat/menambahkan recent post multi label, tanpa melakukan otak-atik html templete sobat.. sangat sederhana tapi penampilannya oke punya dan mak jusss

langsung saja menuju tutorialnya:
seperti biasa lakukan tahapan seperti image berikut di penambahan widget di template anda (saya nyakin anda sudah memahaminya jadi tidak perlu aku kasih tutorialnya mendetail)

terserah anda mau taruh di penambahan widget sidebar atau di bawah postingan.. jika tamplate anda sudah ada widget di bawah postingan, berarti anda beruntung karena tidak usah pusing-pusing lagi buat penambahan widget bawah postingan.

Tetapi jika template anda belum ada widget bawah posting, anda bisa memasukkan ini langsung di template anda tanpa harus melakukan penambahan widget pada template anda. walaupun ini bisa mempengaruhi masalah kualitas kecepatan blog anda, karena sript yang di tambahkan begitu banyak.
kalo ada kesempatan nanti aku akan kupas bagaimana cara memperingkas script pada html.. moga aja tidak males he,e,e, oke lanjut sobbb

dasar penambahan widget pada template anda

untuk melihat hasil dari demo silahkan klik link di bawah

kalau demonya seperti yang anda inginkan silahkan masukkan script di bawah ini pada widget template anda

Berikut Scriptnya :

<link rel="stylesheet" type="text/css" scoped="scoped" href="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.css"/>
<a href="http://tutorialmixs.blogspot.com/" rel="dofollow" target="_blank" /></a>
<style type="text/css" scoped="scoped">

/* Custom CSS */
.list-entries {
  margin:5px;
  width:315px; /* 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: "SCANDAL PUBLIC",
            url: "http://youtube-most-wanted.blogspot.com",
            tag: "Youtube%20Scandal"
        },
        {
            name: "HEALTHY SEX",
            url: "http://youtube-most-wanted.blogspot.com",
            tag: "Healthy"
        },
        {
            name: "HOT TRENDING TOPIC NEWS",
            url: "http://youtube-most-wanted.blogspot.com",
            tag: "Hot%20News"
        },
        {
            name: "MISTERY DAN FENOMENA UNIK",
            url: "http://youtube-most-wanted.blogspot.com",
            tag: "Mistery"
        },
        {
            name: "DANGDUT SUPER HOTs",
            url: "http://youtube-most-wanted.blogspot.com",
            tag: "Dangdut%20Ampuh"
        },
        {
            name: "HOT NEWS INDI",
            url: "http://youtube-most-wanted.blogspot.com",
            tag: "Hindi"
        }
    ],
    numPost: 4,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 100,
    titleLength: "auto",
    thumbSize: 72,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=7"
    }
};
</script>
<div style='font-size: 8px;float: right; margin: 5px;'>
<a href='http://tutorialmix.blogspot.com/' rel='dofollow' style='font-size: 8px; text-decoration: none;'>Thxs To>>www.dte.web.id</a></div>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js"></script>
<br/>

berikut sedikit pembahasan yang perlu di lakukan:
name: "HOT TRENDING TOPIC NEWS", (isi kan judul yang ingin di tampilan pada recent post)
url: "http://youtube-most-wanted.blogspot.com", (ganti dengan menggunakan url sobat)
tag: "Hot%20News" (Tag/label yang ingin ditampilkan)

numPost: 4, (jumlah postingan yang ingin ditampilkan)
showThumbnail: true, (menampilkan image pada recent post)
showSummary: true, (menampilkan description)
summaryLength: 100, (panjang description yang ingin di tampilkan)
titleLength: "auto",
thumbSize: 72, (ukuran gambar, silahkan anda ganti jika ingin di ganti)

oke selesai sudah tutorial ini, semoga bisa bermanfaat buat anda..
salam blogger

Cara Menambahkan Recent Post Multi Label Simple. Great!!

Share this

Related Posts