Cara buat Recent Post (Widget Postingan Terbaru) di Blogger dengan gambar

Allow, selamat pagi di blog AUTOGOBLOOG , sesi kali ini akan menjelaskan mengenai blogging tips Cara buat Recent Post (Widget Postingan Terbaru) di Blogger dengan gambar simak selengkapnya

Beberapa hari terakhir ada yang bertanya melalui inbox Facebook dengan Chat di Whatsapp saya. Mas bagaimana aturan melaksanakan Postingan terbaru yang ada di samping kanan blog. Tampilannya menarik, ada goresan dengan navigasinya jadi pengunjung bisa lihat lebih banyak postingan terbaru blog tersebut sekadar dengan  klik Next. Mungkin alokasi anda yang memanfaatkan Template Kompi Flexible milik Kompi Ajaib ini kurang menyukai Recent Post dengan Popular Post bawaan template tersebut.

Dengan tampilan blog yang menarik dengan enak dilihat melaksanakan pengunjung di situs kita merasa betah. Tutorial aturan melaksanakan Recent Post dengan Navigasi ini abdi dapatkan dari blog Arlina Design. Disana anda akan menemukan berbagai macam tutorial blogger. Salah satunya adalah aturan melaksanakan Recent post sekadar dengan Teks, Recent Post sekadar tampilan goresan sahaja dengan ada banyak pilihan contoh widget blogger. Sesuaikan dengan selera anda dengan saran abdi geledah widget yang ringan dengan tidak memojokkan situs.

Mengapa abdi memilih widget Recent Post dengan tampilan goresan dengan navigasi. Selain menarik ternyata aturan menambahkannya memadai mudah. Anda memadai masuk ke Tata Letak dengan Tambahkan Widget, Paste kode HTML dengan Save maka Recent Post sudah tampil. Berbeda dengan Widget lainnya yang mengharuskan kita masuk di Tema, Edit HTML kalakian meletakkan kode di tenggah sekian banyak kode budi pemograman. Jika anda salah meletakkan maka akan terjadi error dengan pusing untuk memperbaikinya.

Cara buat Recent Post (Widget Postingan Terbaru) di Blogger dengan gambar

Langkah 1 : Masuk ke Tata Letak >> Tambahkan Gadget >> Pilih HTML/JavaScript >> Paste kode dibawah ini.

<style scoped='' type='text/css'>

/* Recent Post Navigasi */

#recentpostnavborder:1px solid #585858;width:100%;margin:0 auto

#recentpostsaemargin:0

.recentpostelbackground:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px

.recentpostel imgbackground:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd

.recentpostel h6,.recentpostel h6 atext-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111

.recentpostel:hoverbackground-color:#fefefe

.recentpostel pfont-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0

#recentpostloadcolor:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGmJ4vOhI_RjSxmjee_tjTNEvd-1QxKjjLn1dA_R4VXuHutt2HyDTKvnA5-C6m_g0LO8MMIQaIEzmi1tS7o7aQSQkxNWH2ITfZQZ13EDbv5BAELcvwXuO5_PXuiKoCURscxcGqZpBhxUCv/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd

#recentpostnavfeedborder:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0

#recentpostnavfeed:hoverbackground-color:#fefefe

#recentpostnavfeed acolor:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px

#recentpostnavfeed spanpadding:5px 10px

#recentpostnavfeed .nextfloat:right

#recentpostnavfeed .previousfloat:left

#recentpostnavfeed .hometext-align:center

#recentpostnavfeed a:hover,#recentpostnavfeed span.noactivedcolor:transparant!important

</style>

<script type='text/javascript'>

//<![CDATA[

var numfeed = 5;

var startfeed = 0;

var urlblog = "https://www.mastimon.com";

var charac = 40;

var urlprevious, urlnext;

function arlinafeed(e,t)for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)function showrecentpostsae(e)var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++)t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel)r=t.link[l].href;breaki="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHMqlalTuQYiN4Ks3EXoPc0U16rnWB1Vpc4_GPh-rD6QnMuI7Rt2_aINv6-pB2MtktSD2hsBSEHe0Nm8ygwPJDGh3Xouj3C6hXtwLjdQw-_et82Ttt1EyRlah8sQXMk7nhCFkMpcQKwo-/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"...</p>",s+="</div>"document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Previous</a>":"<span class='noactived previous'>Previous</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>Next</a>":"<span class='noactived next'>Next</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("recentpostnavfeed").innerHTML=sfunction navigasifeed(e)var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)function incluirscript(e)1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1function removerscript()var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)onload=function()navigasifeed(0);

//]]>

</script>

<div id="recentpostsae"></div>

<div id="recentpostnavfeed"></div>



Keterangan : Ganti catatan warna merah dengan alamat blog anda dengan silahkan tentukan berapa postingan yang akan di tampilkan dengan berapa karakter aksara yang akan di tampilan.

Cukup encer bukan melaksanakan Recent Post atau memajukan Postingan Terbaru di blogger. Untuk tampilannya silahkan sobat lihat di samping kanan blog mastimon.com ini tetapi sekadar tampil jika anda lihat di versi Desktop/Komputer. Cukup menarik bukan, karna dari beberapa blogger pembuka jalan yang melamar tutorial ini dengan pada akhirnya daripada abdi jawab ahad satu selbih baik abdi buatkan tutorialnya. Silahkan dicoba semoga berhasil dengan bermanfaat untuk lebih lagi meningkatkan Page View blog anda.

Oke pembahasan tentang Cara buat Recent Post (Widget Postingan Terbaru) di Blogger dengan gambar semoga artikel ini berfaedah salam

Tulisan ini diposting pada label blogging tips, free blogging tutorial,

Bagikan Artikel ini