iPhone Blog Blogger Template
Free Blogger Templates Publicado por Claudia en marzo 3, 2012
iPhone Blog es una Plantilla Blogger basada en iphone, ideal para blogs de gadgts, teléfonos o iPhone.También está disponible para WordPress.
DEMO | DESCARGA iPhone Blog Blogger (945)
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div id='slider'>
<a href='#' title='Introducing WP Theme'>
<img alt='' src='http://4.bp.blogspot.com/-DUcb88aFdao/T0iCVaK4e0I/AAAAAAAADII/bYpm0OdukrM/s1600/11.jpg' title='Introducing WP Theme'/>
</a>
<a href='#' title='Another image in a post'>
<img alt='' src='http://1.bp.blogspot.com/-kzcwjMekqDk/T0iCUlzosAI/AAAAAAAADHY/j5VUFvIGA8w/s1600/2.jpg' title='Another image in a post'/>
</a>
<a href='#' title='An image in a post'>
<img alt='' src='http://2.bp.blogspot.com/-P6nVLvyWvS4/T0iCUmmpC3I/AAAAAAAADHg/9W0qY0t6xGk/s1600/3.jpg' title='An image in a post'/>
</a>
<a href='#' title='Testing HTML elements'>
<img alt='' src='http://2.bp.blogspot.com/-7UHm-eDbUA4/T0iCVL2TIhI/AAAAAAAADH8/FQfPAISxcbM/s1600/5.jpg' title='Testing HTML elements'/>
</a>
<a href='#' title='Category Hierarchy'>
<img alt='' src='http://4.bp.blogspot.com/-v6QHLFPKmpA/T0iCUz_W5OI/AAAAAAAADHs/bu0JJb3FRo8/s1600/4.jpg' title='Category Hierarchy'/>
</a>
</div>
You may replace all image links by yours and set up your post descriptions and links. All images must be 600x300px.
Puedes reemplazar los enlaces por tus propias imágenes y configurar las descripciones de tus posts y links. Las imágenes deben tener 600×300 píxeles.
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:
1
2
3
4
5
6
7
8
<div id='social'>
<a href='#'>
<img alt='Twitter' src='http://3.bp.blogspot.com/-u9okk_BeX4w/T0hJfN7QTHI/AAAAAAAADG0/uWZNb96MX0U/s1600/twitter.png' title='Twitter'/></a>
<a href='#'>
<img alt='Feed' src='http://1.bp.blogspot.com/-p3J22mhWdhY/T0hJVlK86xI/AAAAAAAADF0/Bn9Gm0lFDbA/s1600/rss.png' title='RSS'/></a>
<a href='#'>
<img alt='Facebook' src='http://3.bp.blogspot.com/-X-uS8ZroVnk/T0hJF1FdVKI/AAAAAAAADFI/wLjTh0XPR74/s1600/facebook.png' title='Facebook'/></a>
</div>
Replace every # with yor social link.
Reeemplaza cada # por la dirección correspondiente.
Posts relacionados
Compártelo!
iPhone Blog es una Plantilla Blogger basada en iphone, ideal para blogs de gadgts, teléfonos o iPhone.También está disponible para WordPress.
DEMO | DESCARGA iPhone Blog Blogger (945)
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:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <div id='slider'> <a href='#' title='Introducing WP Theme'> <img alt='' src='http://4.bp.blogspot.com/-DUcb88aFdao/T0iCVaK4e0I/AAAAAAAADII/bYpm0OdukrM/s1600/11.jpg' title='Introducing WP Theme'/> </a> <a href='#' title='Another image in a post'> <img alt='' src='http://1.bp.blogspot.com/-kzcwjMekqDk/T0iCUlzosAI/AAAAAAAADHY/j5VUFvIGA8w/s1600/2.jpg' title='Another image in a post'/> </a> <a href='#' title='An image in a post'> <img alt='' src='http://2.bp.blogspot.com/-P6nVLvyWvS4/T0iCUmmpC3I/AAAAAAAADHg/9W0qY0t6xGk/s1600/3.jpg' title='An image in a post'/> </a> <a href='#' title='Testing HTML elements'> <img alt='' src='http://2.bp.blogspot.com/-7UHm-eDbUA4/T0iCVL2TIhI/AAAAAAAADH8/FQfPAISxcbM/s1600/5.jpg' title='Testing HTML elements'/> </a> <a href='#' title='Category Hierarchy'> <img alt='' src='http://4.bp.blogspot.com/-v6QHLFPKmpA/T0iCUz_W5OI/AAAAAAAADHs/bu0JJb3FRo8/s1600/4.jpg' title='Category Hierarchy'/> </a> </div> |
You may replace all image links by yours and set up your post descriptions and links. All images must be 600x300px.
Puedes reemplazar los enlaces por tus propias imágenes y configurar las descripciones de tus posts y links. Las imágenes deben tener 600×300 píxeles.
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:
1 2 3 4 5 6 7 8 | <div id='social'> <a href='#'> <img alt='Twitter' src='http://3.bp.blogspot.com/-u9okk_BeX4w/T0hJfN7QTHI/AAAAAAAADG0/uWZNb96MX0U/s1600/twitter.png' title='Twitter'/></a> <a href='#'> <img alt='Feed' src='http://1.bp.blogspot.com/-p3J22mhWdhY/T0hJVlK86xI/AAAAAAAADF0/Bn9Gm0lFDbA/s1600/rss.png' title='RSS'/></a> <a href='#'> <img alt='Facebook' src='http://3.bp.blogspot.com/-X-uS8ZroVnk/T0hJF1FdVKI/AAAAAAAADFI/wLjTh0XPR74/s1600/facebook.png' title='Facebook'/></a> </div> |
Replace every # with yor social link.
Reeemplaza cada # por la dirección correspondiente.
11 Comentarios
mmmm bonita plantilla, aunque no me parece que tenga que ver mucho con el iphone pues no tiene muchos efectos que le hagan ver como tal…
Es una plantilla, no es un iPhone
[...] Template Settings [...]
Tenho uma duvida, como faz para substituir a parte de ‘MAIS INFORMAÇÕES’ do post? Tipo mudar de cor ou foto, tipo o que o ultimatoteste.blogspot.com fez!
Muy bonita la apariencia de la plantilla… Felicitaciones. Pero no puedo agregar un html/javascript de itunes… no aparece nada….
lindo theme, ya lo estoy usando en mi blog
hola muy buena la platilla y la planeo utilizar pero me sale un problema es que cuando quiero comabiar el fondo donde esta el iphone, uso una imagen de la misma proporcion pero a la hora de ver la pagina me sale mas pequeña, me podria ayudar con eso porfa, gracias
http://rockingtemplates-androidblog.blogspot.in/ credits remove this ..
http://rockingtemplates-androidblog.blogspot.in/ credits removed this person
Hola, cuando coloco los links en el slider y las iamgenes, me aparece un espacio gigante en blanco entre el slider y el primer post, ayuda!!!!!
perdon era simplemente que hay q poner las imagenes de 600×300 como vos dijiste, gracias!!!!!!!!!