Cara Memasang Recent Post Dengan Pilihan Label

Kali ini saya akan memberi tutorial kepada sobat Blogger tentang Cara Memasang Recent Post Dengan Pilihan Label.
Setelah saya Searching di google dengan Keyword "Cara Memasang Widget Recent Post Sederhana Di Blog" ternyata sangat sulit, walaupun banyak yang menulis artikel tersebut, tetapi Widgetnya ternyata cacat, setelah itu saya mencoba Masuk ke Blognya Mas Kompi lalu coba Search dengan Keyword "Recent Post" , ehh, ternyata ketemu deh sama Tutorial ini, widgetnya pun tidak cacat, cuma, Widgetnya tidak bisa menggunakan Hover dan Background walaupun saya sudah sekian jam coba  utak-atik CSSnya tetap tidak berhasil, tetapi tidak apalah mungkin mas Kompi akan memberikan Tutorialnya belakangan.
Ok, berikut preview dari Recent Postnya :

Recent Post

Ok, kalau sobat tertarik menggunakannya, sobat bisa ikuti cara berikut :
- Copy Code dibawah ini
<div style="background:none repeat scroll 0% 0%; border: 1px solid #999999; height: 230px; 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/2103361588/carabloggerrecentpost.js
/">
</script>

<script src="http://my-topsite.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script></div>
- Buka Tab Tata Letak - Pilih Add Gadget - Ketika Masuk Pilih Mode HTML - Lalu Pastekan Kode Diatas.

Note :
  • Ganti Kode yang berwarna Hijau dengan Tinggi Widget yang sobat inginkan.
  • Ganti URL saya yang berwarna merah dengan URL Blog sobat.
  • Jika sobat ingin menghilangkan Scroll widgetnya, sobat bisa ganti kode yang berwarna biru dengan None.
  • Untuk mengatur jumlah post yang akan muncul, sobat bisa ganti tulisan yang berwarna Orange dengan jumlah post yang sobat inginkan.
  • Sedangkan jika sobat ingin menyembunyikan Cuplikan, sobat bisa ganti tulisan yang berwarna Pink dengan False
  • Jika sobat menggunakan Cuplikan dan ingin mengatur jumlah karakter Cuplikannya, sobat bisa ganti tulisan yang berwarna Ungu dengan jumlah karakter cuplikan yang sobat inginkan.

Demikian Artikel dari saya, semoga bermanfaat.

Sumber : Mas Kompi ajaib.

Artikel Terkait

  • Tempat Yang Harus Dikunjungi Dalam GTA V Rockstar Game tengah mempersiapkan peluncuran seri game Grand Theft Auto yang akan diliris pada 17 September mendatang. Di seri terbaru ini, Rockstar mempeluas jangkauan pet ...
  • Ujian NasionalOpini Singkat. UN, apa yang kamu pikirkan tentang gergasi penjaga pintu keluar sekolah ini (dulu). UN dulu adalah sebagai penentu kelulusan siswa, namun sekarang telah dialihkan m ...
  • Cara Membuat Tombol Share Dibawah Postingan Saya akan memberi Tutorial tentang cara memasang Tombol share dibawah postingan yang Ringan, Tutorial yang satu ini saya dapatkan dari mas Kompi Ajaib , cuma ada bagian yang s ...
  • Menambahkan Effect Hover Pada Blockquote .post blockquote:hover{margin:5px 10px 10px 20px;padding:30px 15px 10px;line-height: 1.6em;color: #333;background: #fff;border-left: 10px solid #b20000;text-decoration:none; ...
  • Buat Template Sendiri Dari 0 Kali ini saya akan berbagi pengalaman tentang pembuatan  template blogger yang mandiri, maksudnya eksklusif karena kita bikin sendiri. Saya awalnya iseng-iseng saja ingin ...