Necesito una plantilla de blogger para mi blog de películas
Necesito una plantilla de blogger para
mi blog de películas
Mucha gente como tú necesitan plantillas
que estén configuradas para utilizarlas en un blog de blogger, ahora te voy a
presentar una linda plantilla para que puedas utilizar en la plataforma de
blogger. Esta plantilla está diseñada para que tengas un buen SEO friendly en
los buscadores más conocidos actualmente como Google, Bing y Yahoo. A mi email
me han llegado mensajes en la cual me piden que publique una plantilla para
utilizarlo en un blog de blogger, y que su uso sea específicamente para
publicar películas. Bueno a petición del público les voy a presentar una linda
plantilla para que lo usen en su blog de películas, como también les voy a proporcionar
las instrucciones de instalación y como utilizar los widgets que son muy
sonados en esta plantilla de blogger.
Instrucciones para usar la Plantilla de Películas
Toda la plantilla funciona automáticamente
con las funciones de feeds, que son muy fáciles de configurarlas.
2.- Guarda el archivo de descarga en tu
PC
3.- Abre blogger y dale un clic donde
dice “Plantillas”
4.- En la parte superior derecha dale un
clic en “Crear copia de seguridad/restablecer”.
Ahora dale un clic donde dice examinar y
busca el archivo XML que te descargaste en tu PC. Luego le das un clic donde
dice “Subir” y listo ya tienes tu nueva plantilla para tu blog de películas.
6 Dirígete a diseño y borra estos
widget, tal como te muestro en la imagen
Una vez que hayamos borrado esos widgets
vamos a realizar lo siguiente
7 Vamos a agregar el carrusel en nuestro
editor HTML, miren la imagen y luego vamos a configurarlo.
8 De un clic en “Plantilla”
9 Abra “Edición de HTML”, y busque lo
siguiente:
10 Busque ]]></b:skin> y encima de él, inserte el
siguiente código
#carousel{width:980px;height:125px;border-bottom:1px solid
#ccc;position:relative;display:block;background:#090A0C;margin-bottom:8px}
#carousel h5{color:#555;margin:2px}
#carousel
.container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}
#carousel .thumb{float:left;margin-right:5px;}
#carousel
#previous_button{position:absolute;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgthAZruudI__Mcir5uZ0IaMaN6Pp6j3ynMdd2OwSYT7cqCYXL6A-Acqqe87qdMlXGhzE22LhVTSEpySrPfVnvPxDNX0_3rQ4FDBY4K0Hq0aM-FTvr6Rf8-IKY41Ky7Z933XwA9W93m0RPX/s1600/previous.png)
center;z-index:100;cursor:pointer;}
#carousel
#next_button{position:absolute;right:0;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnHKa0dpXHdH7Bov2mCa198RwA77sCx67F6qJrzRq6Rsur6QLvQ65mb_VSp5pbSciqkQrHxVSJFtdu9KtzdrMzndnNV3_sbKO98Y9xGLeRLP5XuzCMal5HLX4B8EIv8Cy94-4dxtHjG3SD/s1600/next.png)
center;z-index:100;cursor:pointer;}
#carousel
#next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel
ul{width:100000px;position:relative;margin-top:10px}
#carousel
ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold
11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20px
6px;padding:6px}
#carousel
ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}
#carousel
ul li a.slider_title:hover{color:#1b5d97}
#carousel
a img{display:block;background:#fff;margin-top:0}
|
11 No lo guarde todavía, busque este código
</head> y encima de él,
inserte el siguiente código.
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
type='text/javascript'/>
<script src='http://yourjavascript.com/51614022124/carousellite.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0U7W1nAkCO9y5u3OUriMNAWD9gG4Pnen6xpsOJIjsSpyeXl2yGGyUhRLK3Uoq5_kJs0UQ9YfPd9trupOwZk1Yr44OxaSEqtXOANQoq4LidBf9gktWj9jIRYHBOUP3X3Gcibys8cXfxOY/s1600/no+image.jpg"; showRandomImg = true; aBold = true; summaryPost = 140; summaryTitle = 25; numposts1 = 12; function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); document.write('<ul>'); for (var i = 0; i < numposts1; i++) { var entry = json.feed.entry[i]; var posttitle = entry.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 == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(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,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } var daystr = day+ ' ' + m + ' ' + y ; var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>'; document.write(trtd); j++; } document.write('</ul>'); } //]]> </script> |
12 Una vez que haya insertado el código,
busque el siguiente código:
<li><a
href='javascript:void(0);' id='oculdd'>Mas +</a></li>
</ul>
</div>
</div>
Debajo de este código vas a insertar el siguiente código
<b:if
cond='data:blog.pageType != "item"'>
<div
id='carousel'>
<div
id='previous_button'/>
<div
class='container'>
<script>
document.write("<script
src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div
class='clear'/>
</div>
<div
id='next_button'/>
</div>
<script
type='text/javascript'>
(function($)
{ $(document).ready(function(){
$("#carousel
.container").jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 5,
start: 0,
circular: true,
btnPrev:
"#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</b:if>
|
13 Ahora si da un clic donde dice “Guardar plantilla” y
listo ya tienes configurado el carrusel para mostrar todas tus películas de forma
secuencial.
Configuración de las entradas de la
plantilla de películas
1 Ingresa a Entradas
2 Luego da un clic donde dice “Entrada nueva” y te va a
mostrar el siguiente cuadro
Cuando ya estés en la publicación de tu
primera entrada, asegúrate de dar un clic donde dice “HTML” ahí es en donde vas a insertar el siguiente código.
<img id="port" src="INSETAR AQUI EL LINK DE LA
IMAGEN" border="0" alt=""/><!-- more
-->
<h4>Información y
enlaces</h4>
Idioma: <b>ESCRIBER EL IDIOMA DE LA
PELICULAY LA DESCRIPCION DE LA PELICULA</b>
Duración: <b> 2 HORAS </b>
Ver video: <a href="INSTERTA AQUÍ LA DIRECCION DEL
LINK DEL VIDEO QUE DESEAS MOSTRAR"
target="_blank"><b></b></a>
<h4>Tráiler</h4>
Ver tráiler: <a href=""
target="_blank"><b></b></a>
|
Remplaza el texto que está marcado de
color Amarillo por las direcciones de links y de texto que quieras mostrar,
luego pon un titulo en tu entrada y mándalo a “publicar”
Listo ya tienes tu blog
de películas con una espectacular plantilla de blogger
Cualquier pregunta no duden en hacérmelo
saber.
Saludos a todos
Thanks for your visit..!
