Random post adalah widged untuk menampilkan judul-judul posting pada yang sudah di publikasikan , dengan membuat random post maka akan membantu mempromosikan artikell yang sudah di buatnya , fungsi kedua akan menambah kemudahan bagi pengguna untuk mencari konten yang akan di bacanya
random post beragam macamnya namun kali ini Multi Blog akan memberikan panduan Membuat Random post jalan dan di lengkapi dengan cuplikan artikelnya
dengan tampilan Random post berjalan maka akan menambah keunikan dari website tersebut , semakin unik tampilan website maka membuka peluang pengguna betah dalam situs kita , tentunya di sertai dengan konten yang yang bermanfaat buat orang lain.
Untuk contoh Random post berjalan bisa di lihat pada tampilan widged blog Multi blog ini disebelah kanan atau bisa melihat gambar nya di bawah ini :
Cara membuat Random post Berjalan :
1.buka blog anda dengan mengunjungi www.blogger.com
2.lalu login
3.klik desain
4.pada menu blogger pilih tata letak
5.lalu klik tambahkan gadged
6.pilih gadged HTML/javascript
7.selanjutnya copi kode di bawah ini dan pastekan kedalam gadged
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:370px;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">
function rpthumbnt(json) {
document.write('<ul class="rp_plus_img">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break
}
}
var thumburl;
try {
thumburl = entry.media$thumbnail.url
} catch(error) {
s = entry.content.$t;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
thumburl = d
} else thumburl = 'http://1.bp.blogspot.com/-O7MpzZgITlE/VDZryFc0yTI/AAAAAAAAAZ4/0ZhRKFDEWfA/s1600/no%2Bimage.200.jpg'
}
document.write('<li class="news-title clearfix">');
document.write('<a href="http://www.seocips.com/" target="_blank"><img src="' + thumburl + '"/></a>');
document.write('<a href="' + posturl + '" target ="_top">' + posttitle + '</a><br>');
if ("content" in entry) {
var postcontent = entry.content.$t
} else if ("summary" in entry) {
var postcontent = entry.summary.$t
} else var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (postcontent.length < numchars) {
document.write('<span class="news-text">');
document.write(postcontent);
document.write('</span>')
} else {
document.write('<span class="news-text">');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0, quoteEnd);
document.write(postcontent + '...');
document.write('</span>')
}
document.write('</li>')
}
document.write('</ul>')
}
function rpnewsticker() {
last = $('ul#rp_plus_img li:last').hide().remove();
$('ul#rp_plus_img').prepend(last);
$('ul#rp_plus_img li:first').slideDown("slow")
}
</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?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
8.lalu simpan gadgednya
9. selesai
demikian tutorial blogger tentang cara membuat random post berjalan , jika kesulitan silahkan untuk bertanya saja , malu bertanya sesat di jalan
random post beragam macamnya namun kali ini Multi Blog akan memberikan panduan Membuat Random post jalan dan di lengkapi dengan cuplikan artikelnya
dengan tampilan Random post berjalan maka akan menambah keunikan dari website tersebut , semakin unik tampilan website maka membuka peluang pengguna betah dalam situs kita , tentunya di sertai dengan konten yang yang bermanfaat buat orang lain.
Untuk contoh Random post berjalan bisa di lihat pada tampilan widged blog Multi blog ini disebelah kanan atau bisa melihat gambar nya di bawah ini :
Cara membuat Random post Berjalan :
1.buka blog anda dengan mengunjungi www.blogger.com
2.lalu login
3.klik desain
4.pada menu blogger pilih tata letak
5.lalu klik tambahkan gadged
6.pilih gadged HTML/javascript
7.selanjutnya copi kode di bawah ini dan pastekan kedalam gadged
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:370px;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">
function rpthumbnt(json) {
document.write('<ul class="rp_plus_img">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break
}
}
var thumburl;
try {
thumburl = entry.media$thumbnail.url
} catch(error) {
s = entry.content.$t;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
thumburl = d
} else thumburl = 'http://1.bp.blogspot.com/-O7MpzZgITlE/VDZryFc0yTI/AAAAAAAAAZ4/0ZhRKFDEWfA/s1600/no%2Bimage.200.jpg'
}
document.write('<li class="news-title clearfix">');
document.write('<a href="http://www.seocips.com/" target="_blank"><img src="' + thumburl + '"/></a>');
document.write('<a href="' + posturl + '" target ="_top">' + posttitle + '</a><br>');
if ("content" in entry) {
var postcontent = entry.content.$t
} else if ("summary" in entry) {
var postcontent = entry.summary.$t
} else var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (postcontent.length < numchars) {
document.write('<span class="news-text">');
document.write(postcontent);
document.write('</span>')
} else {
document.write('<span class="news-text">');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0, quoteEnd);
document.write(postcontent + '...');
document.write('</span>')
}
document.write('</li>')
}
document.write('</ul>')
}
function rpnewsticker() {
last = $('ul#rp_plus_img li:last').hide().remove();
$('ul#rp_plus_img').prepend(last);
$('ul#rp_plus_img li:first').slideDown("slow")
}
</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?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
8.lalu simpan gadgednya
9. selesai
demikian tutorial blogger tentang cara membuat random post berjalan , jika kesulitan silahkan untuk bertanya saja , malu bertanya sesat di jalan