Di sini kami akan menyampaikan informasi-informasi dan memuat berbagai macam cerita dari beberapa sumber yang menurut kami bagus.

Site Info

Sabtu, 29 Juni 2013

Cara membuat widget Recent Post berjalan tanpa Gambar

Selamat datang buat pembaca setia blog ini.. Semoga kesehatan selalu menyertai kita...
Kali ini akan saya share tentang tips dan trik blog aja deh, tips dan trik kali ini berhubungan dengan cara membuang recent post berjalan tanpa gambar. Apa kegunaan "tanpa gambar" ? Yaitu agar blog kita lebih ringan (SEO). Meskipun tanpa gambar, tapi saya jamin ini bagus banget deh... tuh lihat contohnya di sebelah kanan blog saya.

Kelamaan ya ? Sabaaarr, akan saya terangkan bagaimana cara menggunakannya. Recent Post tanpa gambar ini adalah sebuah widget, jadi untuk kalian yang sudah banyak menggunakan widget, terpaksa harus kalian buang salah satu widget kalian. Jika tidak kalian buang, maka widget tersebut bisa jadi beban saat ada pengunjung yang datang ke blog kita. Apalagi jika kalian menggunakan widget bergambar, bisa bermenit" pengunjung nunggu loading selesai, apalagi kalau koneksinya lemot...

Oke sekarang waktunya share widgetnya, berikut langkah-langkah membuat widget di blog :

  1. Buka Blog kamu
  2. Klik Rancangan atau Tata Letak
  3. Klik add widget
  4. Cari tulisan HTML, sudah ketemu ? Klik tulisan tsb
  5. Lalu copy paste kode berikut
<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://ceritadantipskeren.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></marquee>


Nb: Ganti tulisan warna merah dengan URL blog kamu
Kalau selesai, klik simpan... Lihat blog kamu :)

Sekian penjelasan Cara membuat recent post Tanpa Gambar... sampai ketemu lain waktu. Jangan lupa tinggalkan jejak di komentar

Baca Juga :
Mendaftarkan blog ke 3000 lebih situs (backlink)
Trik software canggih : menggerakkan mouse dengan kepala
Misteri : benua yang tenggelam
Trik Canggih Terbaru : membuat CCTV Sederhana


Tags : cara membuat berita terbaru berjalan, widget keren untuk blogspot Update berita, koleksi widget, cara membuat recent post berjalan, widget SEO untuk blog, widget Arsip Blog nasional
Share:

0 komentar:

Posting Komentar

Perhatian :

Dalam berkomentar perhatikan etika dan dengan bahasa yang sopan. Tidak ada unsur pornografi, sara, penghinaan, dsb. Komentar yang tidak pantas akan admin hapus

ADMIN ceritadantipskeren.blogspot.com

Change Language

Bekerja keraslah agar hidupmu tidak sia-sia. Jadilah satu bintang terang diantara beribu bintang. Diberdayakan oleh Blogger.

Histat

Flag Counter

Don't Copy

Protected by Copyscape DMCA Takedown Notice Search Tool

..

Arsip Blog

Blogger templates