How to build Recent Post With fingernail Keren - Recent Post or List Recent Articles wide utilized by bloggers. Recent posts device put in conjointly plays a task in SEO On Page improvement. by putting in Recent Post device in journal page guests are easier for you to access all articles. Of course, quick access to articles denote on the journal would increase the amount of page views your journal.
Recent Post Master cook say cool here as a result of his vogue is completely different from the opposite recent post vogue Tibeto-Burman Recent Post device is supplied with the Previous and Next Feature beneath as seen within the image below:
Recent Posts Cool
Well for crony Blogger and Blogspot Seo Business Tutorial inquisitive about this device you'll be able to place slightly of doing Edit hypertext markup language on your journal. Here's the instruction to create Recent Post With fingernail Keren.
1. Login initial kehalaman journal
2. From the dashboard of your journal templet to Sign kehalaman choose Edit hypertext markup language (Read a way to attend the Edit hypertext markup language page)
3. Downlad initial complete templet for your journal mengantisivasi Edit hypertext markup language error (Read a way to transfer and Back-Up Templates Blog)
4.Do not forget Tick Expand device Templates
5.If already notice this code ]]></b:skin>
(Use keys CTRL + F and F3 to facilitate the search code)
6. Having recovered Copy the code below and paste code on top of the code ]]></b:skin>
#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeOIwATJ7x4oOVVkAvRq3YxyCiM7F8AxKJte1NKg2YWwgsoQdbd_cWZDvU0g73_kSLgvjqqrTXcMCTBevPYji7Lv4wIspaHjyUaI2S9ut59IUzXaJWPibAtFjWHn7d2GDnbn4ng0C5drk/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
7.stil on Edit hypertext markup language, currently notice the code </head>
8.Copy the code below and place on top of the code </head>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://bathiexmadreem.blogspot.com/";
var charac = 100;
var urlprevious, urlnext;
function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed = showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXCShEkworC6E8kz0banfQxbvzFyGFtwqCm3-p0zPYIBnLvxy2t3BuOh_SgkOrqr5cM-v7Cueb37tlekH0NnyLvwIEKD0XN2-ESvEZc_tPWe2uAlsUJsBjSQTMUkc-FRNrborTfDzwsek/s1600/no+image.jpg";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>◄ Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>◄ Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>";
} else {
showblogfeed += "<span class='noactived next'>Next ►</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}
function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>
Description:
The code is red berwarena journal URLs, replace the address you. whereas the code is coloured inexperienced shows jumalah article displayed, and therefore the yellow code is that the range of characters displayed
9.t Click on the Save templet
10.KBack to your journal dashboard, choose Layout
11.Klik Add a device or Add a device
HTML device twelve.Option Java / Script
13.Copy Code Here:
<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>
14. Paste into column hypertext markup language / JavaScript
15. Click Save
16. Done and See the results
That he Recipes a way to build Recent Post With fingernail Keren hopefully will facilitate.
reading an article about 
0 comments:
Post a Comment