Hello sobat dikala ini aku akan memberitahu script HTML Recent post pada blog kalian, nah sebelumnya aku ingin menjelaskan wacana sedikit apa itu Recent Post adalah sebuah postingan terbaru dimana recent post ini bertujuan biar postingan yang kita publish terdapat di sebelah kanan blog, tentunya recent post sangat berkhasiat buat blog kalian alasannya ialah recent post memberitaukan postingan update kalian dengan melihat disebelah kanan blog, dan kelebihan recent post ialah tampilan postingan update disitu terdapat Judul, tanggal, comment, dan ukuran gambar kecil dan begitu pula ini termasuk syarat-syarat yang harus ada di blog sobat. pribadi saja kita masuk ke caranya sobat;
Baca Juga: Cara mengambil isi website dengan HTTrack
1. Login blogger terlebih dahulu
2. Setelah login di blogger sobat cari , LAYOUT > SideBarTwo> Add a Gadget > HTML/JavaScript > klik tombol (+) , nah lalu muncul kotak dan disitu terdapat Tittle Dan konten, Nah tittle Sobat Isi Recent Post sedangkan yang Konten nanti sobat isi kan Script HTML recent post tersebut. sesudah sobat isi lalu klik SAVE. Nah jawaban dehh, silahkan kalian cek blog kalian.
"Script Recent post copykan semua script yang berwarna biru"
<style scoped='' type='text/css'>
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRJfTNu5d8eg7lFOZCXNgjnx1Z0mvMgCD63oH-heuoaLOWs-X2yxRNGNDi0FBzQmWyrct6w4rZrAoozMXjptZa63nyZi5dy1CbZCiM7qejOHMyaugrsBt-AXKxzZfFk3TpxtLUgA43iwJh/"};}};dw+='<li>';dw+='<img alt=" dikala ini aku akan memberitahu script HTML Recent post pada blog kalian Cara menciptakan Recent Post blogger" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="Cara menciptakan Recent Post blogger">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>
Baca Juga: Cara memasang halaman facebook melayang diblog
Nah sekian tutorial dari memasang recent post diblogger, apabila ada kekurangan mohon dimaafkan, dan jangan lupa kalian share keteman-teman kalian atau ke sosial media. terimakasih! , by;yoga,p
Tag :
Script Html
0 Komentar untuk "Cara Menciptakan Recent Post Blogger"