Blogger Template: Cherry Mag
Publicado por Claudia en julio 9, 2011
DEMO | DESCARGA Cherry Mag (1909)Características:
- 2 columnas de ancho fijo
- Coin slider incorporado
- jQuery tiptip
- Columnas inferiores
- Buscador Interno
- Comentarios de autor destacado
- Ads ready
- Soporta las últimas funciones de Blogger
- Crossbrowser Compatible
Instructions – Instrucciones
1. Setting up the slideshow
Configurando el slider
Go to Design/Edit HTML and find the following code:
Ve a Diseño/Edición de HTML y encuentra el siguiente código:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='slide'>
<div id='gallerycover'>
<ul>
<!-- Featured Slide 1 Code Start -->
<li>
<a href='SLIDER-1-LINK-HERE'>
<img class='slidim' src='http://1.bp.blogspot.com/-oaTUXPjWL-I/Tgarg4uW-vI/AAAAAAAACT4/njnxqKmqP7g/s1600/1.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 1 Code End -->
<!-- Featured Slide 2 Code Start -->
<li>
<a href='SLIDER-2-LINK-HERE'>
<img class='slidim' src='http://4.bp.blogspot.com/-hP7gT8UkZcw/TgarprMBV5I/AAAAAAAACT8/GIS-cUKNKL4/s1600/2.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 2 Code End -->
<!-- Featured Slide 3 Code Start -->
<li>
<a href='SLIDER-3-LINK-HERE'>
<img class='slidim' src='http://3.bp.blogspot.com/-rQc2QD3uvso/TgaruZwR5BI/AAAAAAAACUA/cyXXngCA-Lg/s1600/3.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 3 Code End -->
<!-- Featured Slide 4 Code Start -->
<li>
<a href='SLIDER-4-LINK-HERE'>
<img class='slidim' src='http://4.bp.blogspot.com/-43BKkZx1i1U/Tgar0bET-vI/AAAAAAAACUE/9I0NVdtFFAM/s1600/4.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 4 Code End -->
</ul>
</div>
</div>
</b:if></b:if>
2. Setting up the social media icons.
Configurando los botones social media.
Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:
Ve a Diseño/Edición de HTML, click en “expandir plantillas de artilugios y encuentra el siguiente código:
<a class='tooltip' href='#' title='facebook'><img src='http://3.bp.blogspot.com/-Ot0Xv26N4mU/Tgz3FHKd-wI/AAAAAAAACVc/qbgsS-OBzsE/s1600/facebook.png'/></a>
<a class='tooltip' href='#' title='RSS Feed'><img src='http://4.bp.blogspot.com/-0TakbFyNEuU/Tgz3Dev4jTI/AAAAAAAACVY/CqoWK6An90E/s1600/rss.png'/></a>
<a class='tooltip' href='#' title='Twitter'><img src='http://3.bp.blogspot.com/-GQmr4RfIdnQ/Tgz3BoL_21I/AAAAAAAACVU/e_FgjnIapQs/s1600/twitter.png'/></a>
3. To set up the date, go to Settings/Formatting/Timestamp format -> “Sunday, July 10, 2011″.
Para configurar la fecha, ve a Configuración/Formato/Formato de la hora -> “Domingo, julio 10, 2011″.
Posts relacionados
Compártelo!
DEMO | DESCARGA Cherry Mag (1909)Características:
- 2 columnas de ancho fijo
- Coin slider incorporado
- jQuery tiptip
- Columnas inferiores
- Buscador Interno
- Comentarios de autor destacado
- Ads ready
- Soporta las últimas funciones de Blogger
- Crossbrowser Compatible
Instructions – Instrucciones
1. Setting up the slideshow
Configurando el slider
Go to Design/Edit HTML and find the following code:
Ve a Diseño/Edición de HTML y encuentra el siguiente código:
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div id='slide'> <div id='gallerycover'> <ul> <!-- Featured Slide 1 Code Start --> <li> <a href='SLIDER-1-LINK-HERE'> <img class='slidim' src='http://1.bp.blogspot.com/-oaTUXPjWL-I/Tgarg4uW-vI/AAAAAAAACT4/njnxqKmqP7g/s1600/1.jpg'/> <span> <p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p> </span> </a> </li> <!-- Featured Slide 1 Code End --> <!-- Featured Slide 2 Code Start --> <li> <a href='SLIDER-2-LINK-HERE'> <img class='slidim' src='http://4.bp.blogspot.com/-hP7gT8UkZcw/TgarprMBV5I/AAAAAAAACT8/GIS-cUKNKL4/s1600/2.jpg'/> <span> <p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p> </span> </a> </li> <!-- Featured Slide 2 Code End --> <!-- Featured Slide 3 Code Start --> <li> <a href='SLIDER-3-LINK-HERE'> <img class='slidim' src='http://3.bp.blogspot.com/-rQc2QD3uvso/TgaruZwR5BI/AAAAAAAACUA/cyXXngCA-Lg/s1600/3.jpg'/> <span> <p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p> </span> </a> </li> <!-- Featured Slide 3 Code End --> <!-- Featured Slide 4 Code Start --> <li> <a href='SLIDER-4-LINK-HERE'> <img class='slidim' src='http://4.bp.blogspot.com/-43BKkZx1i1U/Tgar0bET-vI/AAAAAAAACUE/9I0NVdtFFAM/s1600/4.jpg'/> <span> <p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p> </span> </a> </li> <!-- Featured Slide 4 Code End --> </ul> </div> </div> </b:if></b:if>
2. Setting up the social media icons.
Configurando los botones social media.
Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:
Ve a Diseño/Edición de HTML, click en “expandir plantillas de artilugios y encuentra el siguiente código:
<a class='tooltip' href='#' title='facebook'><img src='http://3.bp.blogspot.com/-Ot0Xv26N4mU/Tgz3FHKd-wI/AAAAAAAACVc/qbgsS-OBzsE/s1600/facebook.png'/></a> <a class='tooltip' href='#' title='RSS Feed'><img src='http://4.bp.blogspot.com/-0TakbFyNEuU/Tgz3Dev4jTI/AAAAAAAACVY/CqoWK6An90E/s1600/rss.png'/></a> <a class='tooltip' href='#' title='Twitter'><img src='http://3.bp.blogspot.com/-GQmr4RfIdnQ/Tgz3BoL_21I/AAAAAAAACVU/e_FgjnIapQs/s1600/twitter.png'/></a>
3. To set up the date, go to Settings/Formatting/Timestamp format -> “Sunday, July 10, 2011″.
Para configurar la fecha, ve a Configuración/Formato/Formato de la hora -> “Domingo, julio 10, 2011″.
Posts relacionados
Compártelo!
27 Comentarios
Podrias hacer esta plantilla exactamente igual, pero que no sea rosa (Para chicos)… por favor, esta genial
oyes como se puede cerrar el RED MORE LEER MAS
i can’t set the time… lol
FME: Set up the timestamp format (point #3 in the instructions above).
i’be tried to follow the instructions but it didn’t worked :\
Hola! Me parece una plantilla estupenda. Es posible cambiar los colores de la cabecera (rosas)o son fijos? No es que entienda demasiado de html, pero no encuentro el código de color.
Gracias
Vale, acabo de ver que va por imagen… Perdona por no darme cuenta antes. Gracias de todas formas
Hi,
Im using this template of yours in this blogspot.
http://www.sahrishadeel.blogspot.com
its GREAT.. but “FOLLOW ME” gadget is not working with this template. What can be the problem?? Help pls
i can’t put the time…
check it out please…
http://ttables.blogspot.com/
i can’t put the time too, i tried to set up the timestamp format, but nothing is happened. please check
For all those who can set up the time, please read the instructions above.
Hi Claudia! I don’t do anything of html, but I’m creating my blog and love your template. Is there a way I could read how to change the images and how to manage to personalize it? I’m using blogger. Any help would be appreciate. Thanks
I used this template and just love it, but also for me the time7date did not work, even though I followed the instructions at #3, there is some problem definately…
fixed it…
hola, por favor, podrías decirme cómo se quita el background gris del sidebar? muchas gracias
solucionada la consulta anterior. Muy chula la plantilla. Gracias!
claudia, could you help me out? i want to change the header pink color which the hex code is #e31a57 to white (#fffff). i changed it but it’s not working. it confused me coz i have a transparent logo it looks so bad with that pink color. please reply me asap
Hello! I followed the instructions and try to find other tutorials, but the time and date don’t work! Repeating, I followed the instructions #3, and tryed the help of others sites, but no one fix it. Can you help me?!
I fixed it alone… Thanks anyway! =D
Hola, quería toda el template era de color verde, ¿qué debo hacer?
También quería que la longitud de la publicación era más grande. ¿Qué debo hacer?
como puedo quitar la imagen de la plantilla?, osea la q’ esta debajo de el titulo y las páginas :$
Sorry! why this template the time of Post can’t show like your sample?
Plz help! myblog http://www.limrady.blogspot.com
Help, Why there are 2 lines in my slideshow?
I haven’t change anything about the slideshow, anyone can help me?
MY Blog:http://cthroy.blogspot.com/
Dear Roy:
I don’t see the two lines that you say. Are they borders or text lines? If you want to change the text in the slideshow, please read the instructions above.
Hola…
el buscador interno no funciona…
¿qué debo hacer?
Muchas Gracias
Rafaella:
Añadiste el código del buscador en un gadget de HTML? Revisé el código, y está correcto.
Hola! Tu template es genial, pero ahora que he mudado todo mi antiguo blog a esta nueva plantilla, no me aparecen las entradas :S Podrías echarme un cable? Gracias!