Judul : Random Post Valid Html 5 dan Seo
link : Random Post Valid Html 5 dan Seo
Random Post Valid Html 5 dan Seo
U
ntuk membuat sebuah widget menjadi valid html 5 dan Seo memang bisa di bilang gampang gampang susah,karena apa bila sebuah widget meskipun telah bekerja pada pada sebuah blog terkadang ada beberapa kode yang masih terbaca error saat kita cek di http://validator.w3.org/ ,tentunya hal tersebut tidaklah kita inginkan jika kita ingin memaksimalkan tampilan blog kita pada hasil penelusuran ,begitu juga saat kita coba cek di http://chkme.com/ salah satu website untuk mengetahui Skor Seo blog/website ternyata masih ada terbaca beberapa file yang masih terbaca Error .Nah berdasar dari permintaan sobat Full Blog Design yang menanyakan Widgget Random Post yang tanpa gambar ,maka beberapa hari ini saya mencoba memperbaiki beberapa kode yang ada pada widget Random Post untuk menjadi Valid Html 5 dan menjadi lebih Seo ,berikut kode Random Post Valid Html 5 dan Seo ,yang bisa sobat pasang :<div id="random-post">Caranya :
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=8;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('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + " title=" + entry.title.$t +">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script></div>
- Pilih Tata Letak == tambah Gadget== Pilih Htm Java script lalu masukkan kode di atas== lalu Save
- Kemudian pilih Template== Edit Html == Cari kode ]]></b:skin> lalu masukkan kode di bawah ini tepat di atas nya berikut kode nya......? kemudaian yang terakhir Save Template
#random-post ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1OXWQnRv1Yehf6gRijpSWZ8e8Xjm-OfuDFsePYhcdsPajQm57SnODcSAm8oj_IU9Tl1Q7ewWqa-tlU5pxlpraUGg3v7YZUsA-cBhW4sRz3sG1xhmXAWOpHx-IldNcXKqFVIp586pMDwXD/s400/33.gif") no-repeat scroll 5px 8px #E1E1E1;
margin: 0 0 5px;
padding: 5px 5px 5px 20px !important;
}
Demikianlah Artikel Random Post Valid Html 5 dan Seo
Sekian Random Post Valid Html 5 dan Seo, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.