Play Games Blogger Template
Publicado por Claudia en febrero 23, 2012
Plantilla Blogger para blogs de juegos basada en Call of Duty.
DEMO | DESCARGA Play Games Blogger (386)
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
34
35
<div id='slider'>
<a href='#' title='Introducing Blogger Theme'>
<img alt='' src='http://3.bp.blogspot.com/-tfo3V10Gpss/T0ANhNygWrI/AAAAAAAAC7o/lttBV4P0fr8/s1600/1.jpg' title='Introducing Blogger Theme'/>
</a>
<a href='#' title='Another image in a post'>
<img alt='' src='http://1.bp.blogspot.com/-5ti9o2JpiKk/T0ANheJNraI/AAAAAAAAC70/TG7NjdmoMe0/s1600/2.jpg' title='Another image in a post'/>
</a>
<a href='#' title='An image in a post'>
<img alt='' src='http://3.bp.blogspot.com/-aoxTfLuEKEE/Tz3OfMmvySI/AAAAAAAAC4o/QycGredOIbo/s1600/5.jpg' title='An image in a post'/>
</a>
<a href='#' title='Testing HTML elements'>
<img alt='' src='http://4.bp.blogspot.com/-rEWXxH7bqLo/T0AN6dtULSI/AAAAAAAAC8A/JtO4ItFNQac/s1600/3.jpg' title='Testing HTML elements'/>
</a>
<a href='#' title='Category Hierarchy'>
<img alt='' src='http://3.bp.blogspot.com/-Wvn6eE2pdr0/Tz3Ogu2xcrI/AAAAAAAAC4w/8Seaq32N30E/s1600/3.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
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<h2>Blog Subscription</h2>
<ul id='subscription'>
<li>
<a href='YOUR-LINK-HERE'>
<img alt='Twitter' src='http://3.bp.blogspot.com/-zmwyKtB1b80/T0BdX7nFOJI/AAAAAAAAC88/4G6B5-Rt9o0/s1600/twitter.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Follow me</a></h4>
<p>You can follow my updates on Twitter</p>
</li>
<li>
<a href='YOUR-LINK-HERE'>
<img alt='Feed' src='http://4.bp.blogspot.com/-o7XTcMgfRwY/T0BdXhcfs9I/AAAAAAAAC8w/A2TIWRsb77Q/s1600/rss.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Posts RSS</a></h4>
<p>Read my full posts on your favorite feed reader</p>
</li>
<li>
<a href='YOUR-LINK-HERE'>
<img alt='Facebook' src='http://4.bp.blogspot.com/-GJEEqsOnDAU/T0BdYN-RASI/AAAAAAAAC9I/SExz-8TDnbg/s1600/facebook.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Facebook</a></h4>
<p>Become a fan of our blog on Facebook</p>
</li>
</ul>
Posts relacionados
Compártelo!
Plantilla Blogger para blogs de juegos basada en Call of Duty.
DEMO | DESCARGA Play Games Blogger (386)
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 34 35 | <div id='slider'> <a href='#' title='Introducing Blogger Theme'> <img alt='' src='http://3.bp.blogspot.com/-tfo3V10Gpss/T0ANhNygWrI/AAAAAAAAC7o/lttBV4P0fr8/s1600/1.jpg' title='Introducing Blogger Theme'/> </a> <a href='#' title='Another image in a post'> <img alt='' src='http://1.bp.blogspot.com/-5ti9o2JpiKk/T0ANheJNraI/AAAAAAAAC70/TG7NjdmoMe0/s1600/2.jpg' title='Another image in a post'/> </a> <a href='#' title='An image in a post'> <img alt='' src='http://3.bp.blogspot.com/-aoxTfLuEKEE/Tz3OfMmvySI/AAAAAAAAC4o/QycGredOIbo/s1600/5.jpg' title='An image in a post'/> </a> <a href='#' title='Testing HTML elements'> <img alt='' src='http://4.bp.blogspot.com/-rEWXxH7bqLo/T0AN6dtULSI/AAAAAAAAC8A/JtO4ItFNQac/s1600/3.jpg' title='Testing HTML elements'/> </a> <a href='#' title='Category Hierarchy'> <img alt='' src='http://3.bp.blogspot.com/-Wvn6eE2pdr0/Tz3Ogu2xcrI/AAAAAAAAC4w/8Seaq32N30E/s1600/3.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 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <h2>Blog Subscription</h2>
<ul id='subscription'>
<li>
<a href='YOUR-LINK-HERE'>
<img alt='Twitter' src='http://3.bp.blogspot.com/-zmwyKtB1b80/T0BdX7nFOJI/AAAAAAAAC88/4G6B5-Rt9o0/s1600/twitter.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Follow me</a></h4>
<p>You can follow my updates on Twitter</p>
</li>
<li>
<a href='YOUR-LINK-HERE'>
<img alt='Feed' src='http://4.bp.blogspot.com/-o7XTcMgfRwY/T0BdXhcfs9I/AAAAAAAAC8w/A2TIWRsb77Q/s1600/rss.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Posts RSS</a></h4>
<p>Read my full posts on your favorite feed reader</p>
</li>
<li>
<a href='YOUR-LINK-HERE'>
<img alt='Facebook' src='http://4.bp.blogspot.com/-GJEEqsOnDAU/T0BdYN-RASI/AAAAAAAAC9I/SExz-8TDnbg/s1600/facebook.png'/></a>
<h4><a href='YOUR-LINK-HERE'>Facebook</a></h4>
<p>Become a fan of our blog on Facebook</p>
</li>
</ul> |
6 Comentarios
Y como hago para poner el enlace que quiero al slide? puedo cambiar la imagen perfectamente, pero no se el código para enlazarla al post que yo vea oportuno.
Zarcha: Mira las instrucciones de más arriba.
Gracias por contestar, pero soy muy novato en esto y tal vez no lo vea.
En las instrucciones del slide veo una dirección que es la de la imagen que quieres poner y lo de poder cambiarle la descripción y tal. Pero no veo nada para que cuando hagas click en la imagen te envíe al post que a ti mas te convenga. Con lo de las redes sociales sin problemas, pero con el Slide no se como.
Tal vez no se pueda hacer, pero yo creía que si.
Gracias de antemano.
Zarcha: Tienes que reemplazar el signo gato (#) por el enlace.
Perfecto, muchas gracias. Ahora si.
Otra consulta, de que forma puedo ralentizar la transcisión entre las imágenes?
Un saludo.