Cara Membuat Recent Post Per Label


B-digg - Tutorial Blogger dan SEO Blogger - 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.

23 komentar:

  1. mantap. baru saja praktekkan.. tq gan :)

    BalasHapus
  2. mantap langsung saya coba di blog baruku..

    BalasHapus
  3. Tutorialnya mantap gan ...

    Kunjungi blog saya juga yah http://blogzeng.blogspot.com/
    Thank's

    BalasHapus
  4. Salam publisher. Hari ini saya sumbang satu klik untuk adsense anda, gantian dong klik adsense saya di www.newsoftpedia.com
    Ayo para netter indonesia saling klik adsense biar publisher Indonesia jadi kaya semua.
    trimsss..

    BalasHapus
  5. mntap gan , ntar ane cobain ,,,
    blogwlaking

    BalasHapus
  6. Terima kasih infonya bro sangat bermanfaat... kunjungan balik ya... http://boltim.blogspot.com

    BalasHapus
  7. saya akan pasang recent post ini di blogger
    terima kasih tutorialnya

    BalasHapus
  8. Terima kasih banyak atas semua infonya, salam sukses..
    http://goo.gl/4NLscu

    BalasHapus
  9. Terima kasih banyak atas semua infonya, salam sukses yah gan..
    http://goo.gl/su0ebq

    BalasHapus
  10. Terima kasih banyak atas semua infonya..
    http://goo.gl/5zJIpW

    BalasHapus
  11. Makasih banyak buat infonya….
    http://goo.gl/Y99b98

    BalasHapus
  12. Ini dia info yang saya cari…
    http://goo.gl/eYB2Uc

    BalasHapus
  13. Thank for all infomration…
    http://goo.gl/BLyBmN

    BalasHapus
  14. Matur nuhun kanggo infonya…
    http://goo.gl/36SrUP

    BalasHapus
  15. Thank For Infomation, Is Beautifull. Greeting... (y)

    BalasHapus
  16. ijin nyimak daah, semoga artikelnya bermanfaat ya gan.. :)

    BalasHapus

Hallo tamu, setelah anda membaca artikel di atas, jangan lupa untuk meninggalkan komentarnya ya. Klik subscribe by email, untuk mengetahui balasan komentar anda melalui email.

Your left Slidebar content. -->