Google Cara Membuat Recent Post Untuk Blogger | Kebinekaan

Berbagi tips, tutorial, download, dan update berbagai macam berita menarik

Sunday, April 7, 2013

Cara Membuat Recent Post Untuk Blogger


Cara Membuat Recent Post Untuk Blogger
Membuat recent post untuk blog bisa kamu lakukan dengan berbagai jenis cara. Namun kali ini kita akan membuat sebuah recent posts yang hanya di buat untuk satu label saja. Recent post mempunyai kegunaan yang banyak untuk memberikan informasi artikel yang terbaru dan masih berkaitan.

Membuat Recent Post Untuk Blog :
 
  1. Masuk ke blogger, lalu masuk ke Template klik edit HTML,
  2. Centang kotak Expand Template Widget,
  3. lalu carilah kode ]]> </b:skin> dan paste kode di bawah ini tepat diatasnya.
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 kamu 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>
Penjelasan :
·         Ubahlah tulisan NAMA LABEL dengan nama kategori yang kamu inginkan.
·         Ubahlah angka 3, sesuai jumlah postingan yang diinginkan pada recent posts tersebut.
·         Bila ingin menonaktifkan tumbnails, ketik false pada tulisan true seperti yang berwarna merah kode script diatas.

8. Simpan Template,

9. Selesai.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments

Mohon tinggalkan sedikit jejak komentar anda disini !
Terima Kasih :)

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Kebinekaan. All Rights Reserved.
Posts RSSComments RSS
Back to top