Cara Membuat Widget Random Posts Yang Bagus Di Blog

Cara Membuat Widget Random Posts Yang Bagus Di Blog | Rasa-rasanya tidak akan pernah lepas dari memodifikasi blog yang kita miliki agar sesuai dengan yang kita inginkan. Kalau kita meninjau blog-blog besar ada dari mereka yang memasang Widget Random Post pada blog-blog mereka. Random pos secara singkatnya adalah menampilkan posting secara acak, jadi widget ini berfungsi untuk menanpilkan postingan kita secara acak. Nah bagi agan-agan yang ingin tahu lebih jelasnya tentang pembuatannya atau pemasangannya silahkan ikuti langkah-langkah di bawah ini :

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Tata Letak/Layout.
3. Klik Tambahkan Gadget pada posisi yang agan-agan inginkan.
4. Pilih HTML/Javascript.
5. Masukan kode berikut :

<style>
.rp-post-link {
font-weight: bold !important;
font-size: 12px !important;
}
.rp-summary {
margin-bottom: 5px !important;
border-bottom: 1px dotted #686868;
font-size: 12px !important;
line-height: 20px !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:60px;height:60px;
}
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary = 120;
var numofpost=10;
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0; i < numofpost;){
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){
if(l==randarray[j]){
flag=1;
}
}
if(flag==0&&l!=0){
randarray[i++]=l;
}
}
document.write('<div>');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"

if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write(item);
}
document.write('</div>');
}
</script>
<script src="http://regibrader-free.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>

<small><a href="http://softwarepcmania/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small>
<small><a href="http://regibrader-free.blogspot.com/2013/05/cara-membuat-widget-random-posts-keren.html" target="_blank">Get This Widget</a></small>

Catatan :

• Rubahlah kode yang berwarna BIRU di atas dengan jumlah posting yang ingin ditampilkan.
• Kode di atas yang berwarna Ungu berfungsi untuk menampilkan jumlah karakter yang akan ditampilkan.
• Dan yang terakhir jangan lupa rubah tulisan yang berwarna MERAH di atas dengan URL blog agan-agan.

6. Dan langkah yang terakhir adalah agan-agan tinggan Save dan serelah itu lihat hasilnya.

Demikianlah tadi tentang Cara Membuat Widget Random Posts Yang Bagus Di Blog, semoga bisa membantu agan-agan semuanya. Terimakasih.

Cara Membuat Widget Random Posts Yang Bagus Di Blog 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Cara Membuat Widget Random Posts Yang Bagus Di Blog' On ...

Anda baru saja membaca artikel yang berkategori Tutorial Blogspot dengan judul Cara Membuat Widget Random Posts Yang Bagus Di Blog. Anda bisa bookmark halaman ini dengan URL http://softwarepcmania.blogspot.com/2013/07/cara-membuat-widget-random-posts-yang.html. Terima kasih!

Ditulis oleh: MAN_3 - Saturday, July 20, 2013