Blogger Template: Faustina

Herramientas Publicado por Claudia en junio 10, 2012

Faustina es una plantilla Blogger para blogs de mujeres u otras temáticas. Incluye Nivo slider, buscador interno, espacio para publicidad en la cabecera y logo PSD. Incluye una versión simple sin slider.

Faustina Blogger Template

DEMO | DESCARGA Faustina Blogger (1800)

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='featured'>
               <ul class='ui-tabs-nav'>
 
                   <li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-4'><img alt='testing' height='60' src='http://4.bp.blogspot.com/-5IXpoH4g3MY/T8GZ9ZhnVtI/AAAAAAAADxA/3B0mjqppsak/s1600/1.jpg' width='80'/><span>Featured Post 1 with Small Thumbnail</span></a></li>
 
                   <li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-3'><img alt='testing' height='60' src='http://3.bp.blogspot.com/-f4J8qY-utsY/T8GZ9nuxpWI/AAAAAAAADxM/R85emRlCuxc/s1600/2.jpg' width='80'/><span>Featured Post 2 with Small Thumbnail</span></a></li>
 
                   <li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-2'><img alt='testing' height='60' src='http://1.bp.blogspot.com/-u95qkblumu8/T8GZ-WKMSMI/AAAAAAAADxY/BsEy99jBuQQ/s1600/3.jpg' width='80'/><span>Featured Post 3 with Small Thumbnail</span></a></li>
 
                   <li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-1'><img alt='testing' height='60' src='http://4.bp.blogspot.com/-r1aybHar9rc/T8GZ-ly2KRI/AAAAAAAADxk/BsIKKdpltD0/s1600/4.jpg' width='80'/><span>Featured Post 4 with Small Thumbnail</span></a></li>
               </ul>
 
               <!-- First Content -->
                <div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='testing' height='290' src='http://4.bp.blogspot.com/-5IXpoH4g3MY/T8GZ9ZhnVtI/AAAAAAAADxA/3B0mjqppsak/s1600/1.jpg' width='600'/>
                   <div class='info'>
                       <h3><a href='#'>Title Featured Post 1</a></h3>
                           <p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='#'>More</a></p>
                   </div>
                </div>
 
               <!-- Second Content -->
                <div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
                    <img alt='testing' height='290' src='http://3.bp.blogspot.com/-f4J8qY-utsY/T8GZ9nuxpWI/AAAAAAAADxM/R85emRlCuxc/s1600/2.jpg' width='600'/>
                    <div class='info'>
                       <h3><a href='#'>Title Featured Post 2</a></h3>
                           <p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='#'>More</a></p>
                    </div>
                </div>
 
                <!-- Third Content -->
               <div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
                   <img alt='testing' height='290' src='http://1.bp.blogspot.com/-u95qkblumu8/T8GZ-WKMSMI/AAAAAAAADxY/BsEy99jBuQQ/s1600/3.jpg' width='600'/>
                   <div class='info'>
                      <h3><a href='#'>Title Featured Post 3</a></h3>
                          <p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='#'>More</a></p>
                   </div>
                </div>
 
                <!-- Fourth Content -->
               <div class='ui-tabs-panel' id='fragment-1' style=''>
                   <img alt='testing' height='290' src='http://4.bp.blogspot.com/-r1aybHar9rc/T8GZ-ly2KRI/AAAAAAAADxk/BsIKKdpltD0/s1600/4.jpg' width='600'/>
                   <div class='info'>
                       <h3><a href='#'>Title Featured Post 4</a></h3>
                          <p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='#'>More</a></p>
                   </div>
               </div>
            </div>
</b:if>
</b:if>

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
<div id='subscription'>Subscription:</div><div id='social'>
<a href='#'>
<img alt='Twitter' src='http://4.bp.blogspot.com/-ekXOhf-aaZo/T8GkrhrSAOI/AAAAAAAADyk/c2oUALuXBlk/s1600/twitter.png' title='Twitter'/></a>
<a href='#'>
<img alt='Feed' src='http://4.bp.blogspot.com/-ejL9RZaYKCQ/T8Gkr_7xVMI/AAAAAAAADyw/RDWLnI_maU8/s1600/feed.png' title='RSS'/></a>
<a href='#'>
<img alt='Facebook' src='http://4.bp.blogspot.com/-qyhhk3AMD4k/T8GksXxfrJI/AAAAAAAADzI/yrDf9qAnIj8/s1600/facebook.png' title='Facebook'/></a>
<a href='#'>
<img alt='Mail' src='http://4.bp.blogspot.com/-k85-E_-IhSE/T8GksCVM_gI/AAAAAAAADy8/_7uAd_05gFI/s1600/email.png' title='Mail'/></a>
</div>

Replace every # with yor social link.
Reeemplaza cada # por la dirección correspondiente.

Compártelo!
9 Comentarios en Blogger Template: Faustina
  1. Diana dice:

    Me gustaria uno con Slider Automatico como el que tengo en mi blog: http://tipsesenciales.blogspot.com porque asi no tengo que estar cambiando los links e imagenes aunque el de la plantilla Faustina se ve mas eleganta y bonito pero da mucha flojera cambiarlo a cada rato.

  2. boca juniors dice:

    I like it when individuals come together and share views. Great site, continue the good work!

  3. sagrario dice:

    ai ezta muii b todo ezto0

  4. Anonima dice:

    Una pregunta no entendí como hacer lo del slider

  5. Yoga Aditya Pratama dice:

    I can’t understand how to make the slider… Help me.. :(

  6. Monnyque dice:

    Estou com problemas em deixar as guias “home, sobre, contato” na parte superior. Toda vez que mudo elas vão automaticamente para a lateral. Você pode me ajudar?

    P.S. eu amei esse template <3

  7. la voyance gratuite dice:

    Having read this I believed it was very enlightening. I appreciate you taking the time and energy to put this
    content together. I once again find myself personally spending a lot of time both reading and posting comments.

    But so what, it was still worth it!

  8. […] Faustina is a template for Blogger blogs or other women’s issues. Includes slider, advertising space in the header and logo PSD. Includes a simple version without slider. More Info… […]

Deja tu comentario
Tu Comentario