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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0LTbJbBOILEDOljV5NDD0VwKShpbX4il0pltNpx1kExCLLK68GHPbbwwa6RJXh5VtPWnSVmyWI5qj8fsiQQKx1OXExTViEmFQ4-hXcpRvLKjahDBDdSyPy0zp3K7nqMgYgkeT67yBLM/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.

Lanjutkan Membaca ...

Simpan Javascript (.js) di blogger-blogspot

Anda dapat menyimpan script Javascript anda langsung template blogspot anda. Ketika anda ingin menaruh javascript pilihan anda pada blog blogger anda, anda hanya perlu merubah sedikit script pembuka dari kode javascript tersebut. Mengapa metode ini yang harus anda pilih ? karena ini bebas bandwith dan yang lebih penting lagi adalah, akan mempercepat proses loading blog anda.

Berikut ini adalah langkah-langkah untuk mengkonversi javascript agar dapat di host di blogger dan tentunya dapat di eksekusi oleh blogspot :

1. Download atau copas file javascript yang ingin anda tempatkan ke blogger.
2. Ganti Script pembuka file javascript dari kode1 ke kode2
   Kode1:
   <script src="JavaScript File" type="text/javascript">

   Kode2:
   <script type='text/javascript'>
//<![CDATA[
<-- Javascript (.js) File Code </script>
//]]&gt;
</script>

3. Buka file javascript tersebut dan copy paste seluruh isi teks dari javascript tersebut
   menggatikan tulisan yang dibuat bold diatas
   
4. Simpan Template anda, dan sekarang file javascript tersebut sudah tersimpan di blogger anda dan dapat di eksekusi.
   

Jika anda, tetap ingin menyimpan diluar blog anda dan menggunakan layanan google yang lain yaitu google code, saya sarankan untuk mencoba DROPBOX, karena berdasarkan pengalaman saya, akses ke DROPBOX akan jauh lebih cepat dibanding ke google code.

Lanjutkan Membaca ...