17 Sep 2012

Menampilkan Feed Post untuk kategori tertentu pada blogspot


Anda ingin memajang feed kategori tertentu yang anda inginkan untuk di display pada area widget sidebar anda. Ikut post ini secara seksama dan praktekkan pada blogspot anda. Anda dapat melihat contoh hasil dari script ini pada Sidebar Tab5.

Langkah 1: Tentukan Kategori yang ingin feednya ingin anda tampilkan.

http://UrlBloganda/feeds/posts/default/-/Your-category-name

Contoh :
http://Jabotabekinfo.blogspot.com/feeds/posts/default/-/Muallaf

Langkah 2: Tambahkan Widget ke Blog

Buka Dashboard blog anda, klik Design, Layout >> Add a Gadget >> HTML/JavaScript

Lalu paste dan sedikit edit pada script dibawah ini:


<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":" FEED-LINK-Dari-Langkah1-Diatas"},
"hideHeader":"false","height":"","count": 5 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://jabotabekinfo.blogspot.com" target="_blank">Widgets</a> </div>
<noscript>Browser anda tidak mendukung bagi eksekusi Javascript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr {background:transparent url(http://3.bp.blogspot.com/-oxTuqVj1ziA/T6P6wtxqsgI/AAAAAAAACBE/wWR0bb2gfuE/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>


Catatan : Anda dapat merubah / menambahkan berapa banyak feed artikel yang ingin anda tampilkan dengan merubah Jumlah Count yang standar dari script ini berjumlah 5.

Selesai dan lihat hasilnya. Lihat dalam tampilan PDF

2 comments: