Posted by Aak
Aak-share.com Updated at: 8:05:00 PM

Popular Posts Slide Down Thumbnail Valid HTML5

No comments:
HTML 5 - memiliki tujuan utama dalam pengembangan adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin,
HTML 5  dapat mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web tersebut.

Sedikit mengenai HTML 5 .....


Namun perlu anda ketahui bahwa widget popular post standart belum valid HTML5, itu di karenakan ada beberapa faktor. Berikut ini saya akan berbagi tips widget bergerak yang vailid HTML 5, Popular Posts Slide Down Thumbnail Valid HTML5 ini bergerak kebawah menambah daya tarik pada blog anda.
Untuk menerapkannya, berikut langkah mudahnya :

® Masuk keakun Blogger
® Klik Tata Letak/Layout
® Add Gadget
® Klik HTML/Javascript
® Copy Paste Kode berikut

<div style="margin-bottom: 15px;">
<style scoped="scoped" type="text/css">
#rp_plus_img{height:287px;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:#1BA39C;}
#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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js" type="text/javascript"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<br />
<ul id="rp_plus_img">
<script>
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script>
</ul>
</div>


® Click simpan

Pastinya blog anda akan terlihat lebih cantik, untuk check silahkan masuk kehalaman HTML5 Validator.
Sekian Popular Posts Slide Down Thumbnail Valid HTML5 , Semoga berguna dan menambah referensi anda semua, semoga bermanfaat untuk anda, terima kasih!

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments