Cara Membuat Efek Artikel Baru Berjalan Di Blog

Bagikan :

Tweet

Cara Membuat Efek Artikel Baru Berjalan Di Blog. Menampilkan Artikel di blog dengan tampilan berbeda adalah salah satu cara menarik pembaca, karena tampilannya yang berjalan jadi pembaca dapat dengan mudah melihat artikel apa saja yang paling baru yang ada dalam blog sobat. 

Semakin banyak pengunjung yang melihat blog maka pagview blog sobat akan semakin bagus, itu salah satu manfaat dari artikel terbaru. Dengan memliki tampilan yang lebih indah maka tidak salah kalau blog sobat lebih banyak dikunjungi pembaca.

Baca Juga Membuat Related Post Dibawah Postingan Blog

Cara Membuat Efek Artikel Baru Berjalan di Blog

Tidak usah berlama-lama, langsung saja kita praktekan, pada blog sobat. Ikuti step by step membuat Efek Artikel Baru Berjalan Di Blog.

Langkah Membuat Artikel Baru Berjalan Di Blog

1. Login blog anda

2. Selanjutnya pilh Tata Letak

3. Kemudian Tambahkan Gadget dengan type HTML/javascript

3. Copy dan paste kode script dibawah pada widget HTML/javascript yang sudah anda buat sebelumnya.

<style type="text/css">
ul { list-style-image: url(http://img375.imageshack.us/img375/2936/flower.png) }
ul a{text-decoration:none;}
ul a:hover {background:#66FF00; text-decoration:none; color: red;"}
</style>
<marquee behavior="scroll" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
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;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
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, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>
<script>
var numposts = 15;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://bacaan-gratis.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></marquee>

4. Silahkan anda ganti alamat http://bacaan-gratis.com sesuai dengan URL blog anda

5. Pada var numposts ubahlah sesuai dengan keinginan anda karena menentukan jumlah artikel yang akan ditampilkan nantinya

4. Simpan dengan pilih Ok.

Demikian Cara Membuat Efek Artikel Baru Berjalan Di Blog, semoga blog anda terlihat lebih menarik dan banyak dikunjungi :) selamat mempraktekan.

Artikel Terkait
Cara Mudah Membatasi Jumlah Artikel pada Label Blog
Tips dan Triks SEO Artikel Cepat Terindex Google
Histat Tidak Muncul di Browser
Cara Mudah Blog Tidak Di Copy Paste

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Tag : BLOG