Las publicaciones relacionadas con miniaturas en un blog son muy útiles en Blogger Post. Además, los beneficios de las publicaciones relacionadas en la publicación de Blogger es aumentar la vista de sus páginas en su blog o sitio web. Además, ayuda en la estrategia SEO.
Normalmente, en un blogger gratuito, no hay gadgets de publicaciones recientes en bloggers. Pero, en plantillas pagas o premium, puede obtener gadgets de publicaciones recientes.Entonces, veamos cómo agregar una publicación reciente en plantillas de blog gratuitas,Paso 1: Editar en HTML Vaya al Panel de control de Blogger , luego vaya a Plantillas > Editar Html
Paso 2: Agregar estilo a la publicación relacionada
Copie el código proporcionado, luego vaya a html y haga clic en (Ctrl + f), luego pegue </head> en el cuadro de búsqueda y busque. Luego copie y pegue el código dado ANTES de la etiqueta de cierre de cabeza
Primer código:
================================================== ========================
<!--Publicaciones relacionadas con miniaturas Scripts y estilos Inicio-->
<b:if cond='data:blog.pageType == "elemento"'>
<tipo de estilo='texto/css'>
#Artículos Relacionados {
flotador izquierdo;
ancho: automático;
}
#publicaciones-relacionadas h2 {
margen superior: 10px;
fondo: ninguno; relleno: 3px;
}
#publicaciones-relacionadas .related_img {
margen: 5px;
borde:4px sólido #f2f2f2;
ancho: 105 px; alto: 105 px;
transición: todos los 300 ms de entrada y salida;
-webkit-transition: todos los 300 ms de entrada y salida;
-moz-transition: todos los 300 ms de entrada y salida;
-o-transición: todos los 300 ms de entrada y salida;
-ms-transition: todos los 300 ms de entrada y salida;
}
#titulo-relacionado {
color: #222;
altura de línea: 16px;
relleno: 0 10px;
alineación de texto: centro;
sombra de texto: 0 2px 2px #fff;
ancho: 100px;
}
#publicaciones-relacionadas .related_img:hover{
opacidad: 0,7;
filtro:alfa(opacidad=70);
-moz-opacidad: .7;
-khtml-opacidad: .7
}
#título-relacionado: pasar el cursor {
decoración de texto: subrayado;
}
</estilo>
<tipo de script='texto/javascript'>
//<![DATOSCD[
imgr=nueva matriz();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUnwX_xG9dfyUSglpw04vxgjXBNGUVlXRhkPVTW80xYoyhcgsqVS6r72rZkVCm2Su1xB39qsJwbkzOk5l_28ytSb5Y5qQfAHizXBy7PW9UriXvTHzK3iAgDT22-PWUl9-B6lI0WW_PlyNX/s1600/no-thumbnail.png";showRandomImg=true;aBold=true ;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;función removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length; i++){si(s[i].indexOf(">")!=-1){s[i]=s[i].subcadena(s[i].indexOf(">")+1,s[ i].longitud)}}s=s.join("");s=s.substring(0,chop-1);return s}
función showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry .length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entrada .title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link [k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[ k].rel=='respuestas'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if ("contenido" en la entrada){var postcontent=entry.content.$t}else if("resumen" en la entrada){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published .$t;si(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a );c=s.indexOf("\"",b+5);d=s.substr(b+5,cb-5);if((a!=-1)&&(b!=-1) &&(c!=-1)&&(d!=""))img[i]=d;var mes=[1,2,3,4,5,6,7,8,9,10,11, 12];var mes2=["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov" ,"Dec"];var día=fechaposterior.split("-")[2].substring(0,2);var m=fechaposterior.split("-")[1];var y=fechaposterior.split( "-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr =día+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comentarios</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+ posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write (trtd);j++}}var relatedTitles=nuevo Array();var relatedTitlesNum=0;var relatedUrls=nuevo Array();var thumburl=nuevo Array();función related_results_labels_thumbs(json){for(var i=0;i <json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch (error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,cb-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d !="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUnwX_xG9dfyUSglpw04vxgjXBNGUVlXRhkPVTW80xYoyhcgsqVS6r72rZkVCm2Su1xB39qsJwbkzOk5l_28ytSb5Y5qQfAHizXBy7PW9UriXvTHzK3iAgDT22-PWUl9-B6lI0WW_PlyNX/s1600/no-thumbnail.png' }for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href; relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=nueva matriz(0);var tmp2=nueva matriz(0);var tmp3=nueva matriz(0);for(var i=0;i<relatedUrls.length; i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2 [tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}función contains_thumbs(a,e){for( varj=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[ i]==posturl actual)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--} }var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+relatedpoststitle+'</ h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text- decoración:ninguno;margen:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href ="'+URLsrelacionadas[r]+'"><img clase="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');si (r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl .longitud);títulosrelacionados.splice(0,títulosrelacionados.longitud)}
//]]>
</script>
</b:si>
<!--Publicaciones relacionadas con miniaturas Scripts y estilos End-->
================================================== =================
Paso 3: Agregar publicación relacionada con miniatura
Nuevamente, vaya al Html, haga clic en (Ctrl + f), luego pegue este <div class='comments' id='comments'> y busque.
Encuentre las 2 "etiquetas de comentarios div" y pegue el código a continuación ANTES de esa "etiqueta de comentarios div", por lo que debe pegar dos veces.
Segundo código:
================================================== =======================
<!-- Publicaciones relacionadas con código de miniaturas Inicio-->
<b:if cond='data:blog.pageType == "elemento"'>
<div id='publicaciones relacionadas'>
<b:valores de bucle='datos:post.etiquetas' var='etiqueta'>
<b:if cond='data:label.isLast != "verdadero"'>
</b:si>
<b:if cond='data:blog.pageType == "elemento"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6" type='text/javascript'/></b:if></b:bucle>
<tipo de script='texto/javascript'>
var currentposturl="<datos:post.url/>";
var maxresultados=6;
var relatedpoststitle="<b>Publicaciones relacionadas:</b>";
removeRelatedDuplicates_thumbs();
imprimirEtiquetasRelacionadas_thumbs();
</script>
</div>
</b:si>
<!-- Publicaciones relacionadas con final de código de miniaturas-->
================================================== ========================
Ahora, listo, puede ver la miniatura de la publicación relacionada en la publicación de su blog. Gracias por leer esto.
Comentar es de agradecer
Te ha resultado útil esta información? Tus comentarios nos ayudan a mejorar esta web
Si te ha gustado esta información, por favor apoya nuestro trabajo y este sitio web: compartir o comentar este artículo es un buen comienzo!. Para cualquier duda puedes dejarnos su comentario recibirás una respuesta lo mas rápido posible
Puedes seguirnos en Twitter o unirse a nuestro Fan Page Facebook , Grupo Facebook, Instagram,Suscribirte a nuestro canal de You Tube para mantenerse actualizado sobre lo último en tecnología móvil e informática en general
Para contactar escríbenos a: ngltyq@nosgustalatecnologiayque.com
.png)
.png)
