Cara Membuat Widget Artikel Per Kategori

Written By Fawaz Rifqi on Tuesday, June 19, 2012 | 5:28 PM

Blogger Italic - Tutorial Blogger dan SEO Blogger - Cara Membuat Widget Artikel Per Kategori. 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 Widget Artikel Per Kategori.

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 Widget Artikel Per Kategori 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 Widget Artikel Per Kategori mudah-mudahan artikel ini bisa bermanfaat bagi anda.

6 komentar:

Francisco Xavier said...

Artikelnya Bagus sekali mas dan sangat Bermanfaat buat saya blog pemula....Minta Kunjung balik ya mas http://omgelenk.blogspot.com

Fawaz Rifqi said...

@Francisco Xavier : iya mas trims :).

adityaN8zz said...

mantap mas izin saya coba dulu

Zulvan Khaidar said...

haloo... visit blog ku yaa... :)
http://zulvangames.blogspot.com
http://zulvansoftware.blogspot.com
http://zulvandroid.blogspot.com

thanks sobat.. ^_^

Marlinda Sudarma said...

halo, tolong tanya
saya sudah ikuti langkah2 anda di atas pada blog saya ini, mohon berkenan utk dilihat di http://ringkasanbukubagus.blogspot.com/

nah, cuma pertanyaan saya, yang saya buat dengan judul "GOOD TO GREAT" pada blog archive kenapa tidak bisa diklik dan muncul list/ daftar bab-nya yah (mustinya ada isinya bab1-6)

mohon bantuannya
saya masih totally amatir soal blog2an ^_^

tq yah

tips-blogseo said...

Terima kasih sarnya akan saya coba menambahkannya

Post a Comment

ini Blog DOFOLLOW
Cantumkan Komentar Jika Kurang Jelas

 
berita unik