Oke kali ini saya akan memberi informasi trik dari seting tamplate yang saya pake ini yaitu merubah label dari post feed saya.sebelum anda memulainya ana harus membuat label terlebih dahulu di daftar post blog anda bisa di pelajari di: http://jawarakampung.blogspot.com/2011/10/cara-mengganti-nama-label-di-blogspot.html
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{}
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>
<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.
0 komentar:
Posting Komentar