Membuat Recent Posts Dengan Label

Membuat Recent Posts Dengan Label
Sebenarnya recent posts ini saya dapat dari Maskolis, namun karena Goole Code punya Maskolis dibanned dan memang selalu dibanned hehehehe... Jadi saya sharing aja di sini dengan javascript yang masih berfungsi.

Bercerita masalah Google Code yang dibanned khususnya akun Maskolis, menurut pengamatan saya (ciyee.... pengamatan... hehehe...) ada alasan kenapa Google melakukan banned akun Google Code yang patut kita perhatikan. Sepertinya sebuah akun Google Code tidak boleh membagikan atau menyebarluaskan kode yang disimpan di Google Code untuk dipakai banyak orang. 

Nah untuk itu jika kita mempunyai template atau widget yang memiliki kode javascript yang disimpan di akun Google Code orang lain, ada baiknya kita menyimpannya pada akun Google Code kita sendiri untuk menghindari banned akun. Biasanya javascript ini berekstensi *.js seperti contoh: https://masolis-javascript.googlecode.com/svn/trunk/recent-post.js. Cara penyimpanannya bisa Anda baca tutorial dari Maskolis DI SINI.

Balik lagi ke topik postingan. Mari kita mulai membuat recent posts ini seperti pada screenshot di atas atau pada recent posts Kompi Ajaib di sidebar. Apakah Anda tertarik untuk membuatnya? Lanjutt....

Membuat recent posts dengan label ini tidak harus mengobok-obok HTML template blog. Caranya cukup mudah, hanya meng-copy kode di bawah ini dan mempastenya pada gadget javascript di tata letak atau layout.
<div style="background:none repeat scroll 0% 0%; border: 0px; height: 300px; overflow: auto; padding: 10px;">
<span id="pbl_labels"></span>
<div id="pbl_posts">
Recent Posts </div>

<script type="text/javascript">
var jumlah_maksimum_post = 10;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>

<script type="text/javascript" src="http://yourjavascript.com/36152802110/recentposts.js">
</script>

<script src="http://www.kompiajaib.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script></div>
Perhatikan angka 300 yang berwarna merah, itu untuk tinggi widget, silahkan Anda sesuaikan dengan keinginan Anda sendiri.

Untuk kode http://yourjavascript.com/36152802110/recentposts.js, silahkan Anda simpan pada akun Anda sendiri. bisa di Google Code atau di Yourjavascript. Saya sendiri sekarang lebih senang lewat Yourjavascript karena proses uploadnya tidak ribet.

Kode www.kompiajaib.com yang berwarna biru, silahkan Anda ganti denga nama blog Anda.

Bagaimana, mudah kan...? Selamat berkreasi aja deh ... hehehe....

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments