Cara Membuat Page Break Di Wordpress
Pada siang kali ini saya akan kasih anda satu buah Recent Populer di Blog Dilengkapi next page dengan begitu pasti artikel anda akan banyk di jumpai olleh pengjung dengan adannya menu Next page maka pengjung blog kita akan lebih mudah mencari artkel yang dia cari maka Recent Populer di blog Dilengkapi next page sengat berguna unuk blog kita.
Saya akan shree kode wigdet yang maka segaralah anda psang pada blog anda agar blog anda menjadi lebih keren dan lebih Soe jika kamu tertarik sama menu yang saya akan kasih ke pada kalin anda bisa ikuti pada langkah langkah di bawah ini.
Langakah Permata
1. Kamu Login saja ke blogger
2. Kemudian kamu pilih saja Menu Tambahkan Wigdet pada blog anda
3. Dan kamu pilih Saja Menu Tata Letak >> Tambahkan Gendet Dan kamu pilih menu HTML/JavaScript
4.Langkah Selanjutnya kamu masukan kode di bawah pada kotak Wigdet.
Untuk yang mau berwarna warni di dengan kode di bawah ini
var numfeed = 5; adalah jumblah artikel yang akan di tanpilkan pada menu tersebut
var startfeed = 0; Lebar gambar
var urlblog = "http://tutorialcid.blogspot.co.id"; Gantikan dengan alamat blog anda
var charac = 30; Jumblah artikel yang kan di tanpikan pada Menu terbeut
Munkin saya ini saja yang saya bisa sampaikan ke pada kalian semoga bisa bermanpaat bagi anda ,jangan lupe jika anda suka pada artikel ini like dan shree pada teman teman kalian agar blog teman kalian agar lebih bagus ga kalah sama blog yang lain cukup sekian terimakasih anda telah membaca artikel kamu wasalam.
Saya akan shree kode wigdet yang maka segaralah anda psang pada blog anda agar blog anda menjadi lebih keren dan lebih Soe jika kamu tertarik sama menu yang saya akan kasih ke pada kalin anda bisa ikuti pada langkah langkah di bawah ini.
Langakah Permata
1. Kamu Login saja ke blogger
2. Kemudian kamu pilih saja Menu Tambahkan Wigdet pada blog anda
3. Dan kamu pilih Saja Menu Tata Letak >> Tambahkan Gendet Dan kamu pilih menu HTML/JavaScript
4.Langkah Selanjutnya kamu masukan kode di bawah pada kotak Wigdet.
Demo Recent Populer Hitam
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://tutorialcoid.blogspot.co.id";
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;break}i="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/AVvXsEiagTWIDlMxpl31w-VDGRF6r24M4STtOXPCQ5KfWzDOytqgY3XbIQGrrshD1C-N5nefhfsI4xYmxs8wKKNiG4781eSBRmbARe09s77k6J11A57IHzk_zzPR6-oU22pr2rjPF_JnFgoSjnqW/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=s}function 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=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<style>
#recentpostnav{border:1px solid #000;width:100%;margin:0 auto;}
#recentpostsae{margin:0}
.recentpostel{background:#333;display:block;border:2px solid #111;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#222;padding:5px;float:left;height:70px;margin-right:8px;width:70px;}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px!important;font-weight:700!important;margin:0;color:#aaa;}
.recentpostel:hover{background-color:#111;}
.recentpostel p{font-size:12px;text-align:left;color:#aaa;line-height:normal;margin:5px 0}
#recentpostload{color:#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/AVvXsEjaTvnEMiZ8eGlKf3t9d-ARC1-bW7FK25tJU4eZt2MPRHVEpO8vsW23tBeHX_jTezT5mUS4wS7-wKIIfvb4haNTUNpSZz9AsUkJxn10LpFbkqC_vzp4ja5tzLAIgoirwSSWvSpsFWoQf_KY/s1600/loader.gif) 50% 50% no-repeat #2c3e50;height:470px;border:1px solid #111}
#recentpostnavfeed{border:2px solid #000;color:#bbb;background:#333;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#111;}
#recentpostnavfeed a{color:#bbb!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
Untuk yang mau berwarna warni di dengan kode di bawah ini
Demo Recent Populer Berwarna
<div id="recentpostsae"></div>Untuk yang mengunakan teamplate warna putih kode nya di bawah ini.
<div id="recentpostnavfeed"></div>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 4;
var startfeed = 0;
var urlblog = "http://tutorialcid.blogspot.co.id/";
var charac = 40;
var urlprevious, urlnext;
function seocipsfeed(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;break}i="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/AVvXsEiagTWIDlMxpl31w-VDGRF6r24M4STtOXPCQ5KfWzDOytqgY3XbIQGrrshD1C-N5nefhfsI4xYmxs8wKKNiG4781eSBRmbARe09s77k6J11A57IHzk_zzPR6-oU22pr2rjPF_JnFgoSjnqW/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>"+seocipsfeed(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=s}function 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","seocipslabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("seocipslabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<style>
#recentpostnav{border:1px solid #000;width:100%;margin:0 auto;}
#recentpostsae{margin:0}
.recentpostel{background:#333;display:block;border:2px solid #111;margin:5px 0;padding:10px;height:79px;}
.recentpostel img{background:#222;padding:5px;float:left;height:70px;margin-right:8px;width:70px;border-radius:5px;}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px!important;font-weight:700!important;margin:0;color:#000;}
.recentpostel:nth-child(1n+0) {background: #F49A9A;}
.recentpostel:nth-child(2n+0) {background: #FCD092;}
.recentpostel:nth-child(3n+0) {background: #FFF59E;}
.recentpostel:nth-child(4n+0) {background: #E1EFA0;}
.recentpostel:nth-child(5n+0) {background: #B1DAEF;}
#recentpostload{color:#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/AVvXsEjaTvnEMiZ8eGlKf3t9d-ARC1-bW7FK25tJU4eZt2MPRHVEpO8vsW23tBeHX_jTezT5mUS4wS7-wKIIfvb4haNTUNpSZz9AsUkJxn10LpFbkqC_vzp4ja5tzLAIgoirwSSWvSpsFWoQf_KY/s1600/loader.gif) 50% 50% no-repeat #F49A9A;height:470px;border:1px solid #111}
#recentpostnavfeed{border:2px solid #000;color:#111;background:#F49A9A;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#FCD092;}
#recentpostnavfeed a{color:#111!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
Demo Recent Populer Berwarna Putih
<style scoped="" type="text/css">Keterangan Untuk kode pengaturan
/* Recent Post Navigasi */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#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/AVvXsEjaTvnEMiZ8eGlKf3t9d-ARC1-bW7FK25tJU4eZt2MPRHVEpO8vsW23tBeHX_jTezT5mUS4wS7-wKIIfvb4haNTUNpSZz9AsUkJxn10LpFbkqC_vzp4ja5tzLAIgoirwSSWvSpsFWoQf_KY/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
#recentpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#fefefe}
#recentpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
<script type="text/javascript">
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://tutorialcid.blogspot.co.id";
var charac = 30;
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;break}i="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/AVvXsEiagTWIDlMxpl31w-VDGRF6r24M4STtOXPCQ5KfWzDOytqgY3XbIQGrrshD1C-N5nefhfsI4xYmxs8wKKNiG4781eSBRmbARe09s77k6J11A57IHzk_zzPR6-oU22pr2rjPF_JnFgoSjnqW/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=s}function 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=1}function 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>
var numfeed = 5; adalah jumblah artikel yang akan di tanpilkan pada menu tersebut
var startfeed = 0; Lebar gambar
var urlblog = "http://tutorialcid.blogspot.co.id"; Gantikan dengan alamat blog anda
var charac = 30; Jumblah artikel yang kan di tanpikan pada Menu terbeut
Munkin saya ini saja yang saya bisa sampaikan ke pada kalian semoga bisa bermanpaat bagi anda ,jangan lupe jika anda suka pada artikel ini like dan shree pada teman teman kalian agar blog teman kalian agar lebih bagus ga kalah sama blog yang lain cukup sekian terimakasih anda telah membaca artikel kamu wasalam.
