Cara Membuat Post Berdasarkan Label dengan Satu Thumbnail

Apakah anda pernah mengunjungi satu blog/website yang memiliki postingan berdasarkan label pakai thumnail lagi? Atau anda penasaran bagaimana cara membuat posting berdasarkan label dengan satu thamnail?

Jika "YA", anda berada pada artikel yang tepat...

POST BERDASARKAN LABEL

Satu kali berkunjung kewebsite ahlinya webdesinger, saya beberapa pernah dulu saya gunakan templetenya, tetapi khusus blog ini tidak saya pakai karena kesalahan yang tidak bisa saya perbaiki sendiri. (Maklumlah bukan ahli coding...hehehe. bisanya tinggal memodifikasi). Mau minta bantuan, ngak enak...kan gratis... mau tidak mau..cari tutorial yang bisa dimodif biar tetap cakap..Demikian tampilannya kurang lebih seperti ini guys...

Script Post Berdasarkan Label

Berikut adalah sriptnya:

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

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

<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 1; i < json.feed.entry.length; i++)
 {
    for (var j = 1; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://blogmu.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://blogmu.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

Note:

Warna Merah: url Blog Anda

Warna Biru: Label postingan anda.

Ok guys, kalau kurang puas, bisa lihat script lengkapnya... semoga bermanfaat...share kemana-mana ya..

Lihat Script Lengkap: Continue Reading

Cara Membuat Post Berjalan Berdasarkan Label di Blogspot

Halo guys, apakah anda sedang mencari bagaimana cara membuat posting berjalan berdasarkan label di blogspot? atau anda sedang mencari tutorial bagaimana cara membuat post berjalan berdasarkan label di blogspot? atau masih bingung bagaimana cara membuat post berjalan berdasarkan label?

Jika anda menjawab "YA", saya juga dulu seperti itu hehehe..

Oke guys...tidak perlu kwatir, saya juga dulu seperti itu guys.

POST BERJALAN

Satu hari saya lihat blog teman, saya tertarik dengan post widgetnya berjalan automatis. Penasaran saya tidak mau menyerah, lalu saya tanyakan mbah google, ternyata ada, ini model yang pertama saya temukan:

SCRIPT POST BERJALAN

<br/> <br/>
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default/-/LABEL KAMU?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

Note: 

Warna Biru= Label post yang mau ditampilkan...


Selamat mencoba ya...ngak pake pusing.

Hasilnya akan menjadi seperti ini:

Mudah-mudah berhasila ya....habis itu share kemana-mana ya