Jumat, 10 Agustus 2012

Cara Membuat Recent Post Per Label

Wah sudah lama sudah saya tidak mosting artikel tutorial di blog ini, dikarenakan saya disibukkan dengan pembuatan blog baru yag ingin saya publikasikan hari ini juga. Dan sebagai gantinya karena saya sudah lama nggak mosting tutorial di blog ini maka saya hari ini akan share tutorial tentang Cara Membuat Recent Post Per Label.

Bagi para pengguna blog yang mempunyai blog dengan tema berita atau segala info unik pasti banyak di antara mereka yang menggunakan template bergaya magazine, nah pada template magazie tersebut tersedia menu posting perlabelnya yang membuat artikel yang ada di blognya terlihat rapi dan professional.

Nah kita juga bisa membuat posts perlabel seperti yang ada di template bergaya magazine kedalam blog kita. Bagi yang sudah tidak sabaran lagi untuk menerapkan tutorial yang satu ini. Silahkan untuk mengikuti langkah-langkah Cara Membuat Recent Post Per Label berikut ini.

1.Log in ke blogger.
2.Klik rancangan » edit HTML » centang kotak Expand Temlpate Widget.
3.Cari kode ]]></b:skin> dan pastekan kode dibawah ini tepat di atasnya.

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}

4.Kemudian cari kode </head> dan letakkan kode dibawah ini tepat di atas kode </head>.

<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>

5.Save template anda dan tinggalkan halaman edit HTML dan menujulah kehalaman rancangan.
6.Klik add gadget  » HTML/Java Script.
7.Masukkan kode di bawah ini tepat pada kolom yang sudah disediakan.

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>


<script type="text/javascript" src="/feeds/posts/default/-/NAMA LABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Keterangan :
  • kode yang berwarna biru ganti dengan nama label anda.
  • kode yang berwarna ungu adalah thumbnail nya ubah false jika tidak ingin menampilkan thumbnail.
8.Klik save.

Nah demikianlah tutorial cara Cara Membuat Recent Post Per Label mudah-mudahan artikel ini bisa bermanfaat bagi anda.

Tidak ada komentar:

Posting Komentar