Cara Pasang Widget Recent Post Bergerak Tanpa Gambar di Blog | Zski48™

Cara Pasang Widget Recent Post Bergerak Tanpa Gambar di Blog

Posted by : Leon Channel Sabtu, 12 April 2014

Pada Kesempatan kali ini ijinkan saya untuk membagi artikel Tentang Tutorial Blog : Cara Pasang Recent Post Bergerak Tanpa Gambar disini. Pada bagian Recent Post terlihat Link Post blog saya bergerak dari bawah ke atas.
Kenapa saya lebih memilih topik ini untuk di bahas ,yang pertama untuk menambahkan gambar di postingan atau artikel blog kita harus gambar dari koleksi kita sendiri, kebiasaan mengambil gambar dari internet yang notabene sudah di Tag alt Text dan tittle hanya akan mengakibatkan gambar di artikel blog kita di identifikasi oleh search engine sebagai Duplicate Picture oleh search engine. Jadi saran saya buat sahabat hindari mengambil gambar dari internet saat membuat artikel baru di blog sahabat.

Jika ingin menambahkan gambar di artikel blog sahabat , gunakan gambar yang sahabat buat sendiri boleh dari image grabber nya mozilla firefox atau jika sahabat menggunakan google chrome bisa menggunakan pixlr grabber atau bisa juga koleksi foto dari Handphone sahabat sendiri.

Menurut saya sebuah blog dengan banyak Thumbnail atau gambar di dalam postingan akan mempengaruhi kecepatan Loading dari blog tersebut. Tentunya Sahabat kurang suka terhadap blog yang loadingnya lambat bukan. Nah langsung saja Sobat berikut Cara paling mudah pasang widget Recent Post tanpa gambar di blog sahabat.

Cara Pasang Widget Recent Post Bergerak Tanpa Gambar di Blog :

Silahkan sahabat Login ke blogger.com
Pilih Layout >> Add A Gadget >> HTML/JavaScript
Copy Paste Code HTML dibawah ini pada Kotak HTM/JavaScript yang kosong tadi

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

Catatan : Silahkan sahabat ganti URL : http://dadangpresent.blogspot.com di bagian bawah dengan URL Blog sahabat sendiri.

4. Klik Save dan Save Arrengement.

5. Selesai dan silahkan sahabat lihat hasilnya.

Nah Mudah bukan sahabat.Demikian apa yang bisa saya bagikan tentang Tips dan Trik Blog : Cara Pasang Widget Recent Post Bergerak Tanpa Gambar di Blog ini.

0 komentar

Langganan: Posting Komentar (Atom)

Copyright © 2013 - Nisekoi - All Right Reserved

Zski48™ Powered by Blogger - Designed by Johanes Djogan