Cómo crear un slider en tu blog sin utilizar plugins

  • Autor Autor 22Savage
  • Fecha de inicio Fecha de inicio
2

22Savage

Épsilon
Diseñador
Verificación en dos pasos activada
Buenas.
Quiero poner un slider en una página de mi blog, pero no encuentro como :|

Si intento instalar un plugin siempre me dice "El plugin no tiene una cabecera valida"

Y quisiera poder hacer el slider sin plugin, es decir, con codigo simplemente.

Saludos
 
Aquí te dejo un código html para añadir un slider. Espero te sirva 🙂

HTML:
<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>


<div class='featuredposts clearfix'>

<div class='fp-slides'>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-1-url-here'><img src='http://2.bp.blogspot.com/_-ibrE31TAQc/TbfEWTBTuGI/AAAAAAAAA0k/uT21Icr135A/s000/1.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-1-url-here'>This is default featured post 1 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-2-url-here'><img src='http://1.bp.blogspot.com/_-ibrE31TAQc/TbfEWtLt0NI/AAAAAAAAA0o/OArEM7U2OU0/s000/2.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-2-url-here'>This is default featured post 2 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-3-url-here'><img src='http://2.bp.blogspot.com/_-ibrE31TAQc/TbfEWxhP4vI/AAAAAAAAA0s/iH3nayD9E5c/s000/3.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-3-url-here'>This is default featured post 3 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-4-url-here'><img src='http://4.bp.blogspot.com/_-ibrE31TAQc/TbfEXHKlyGI/AAAAAAAAA0w/laCzj0kyiJ0/s000/4.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-4-url-here'>This is default featured post 4 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-5-url-here'><img src='http://1.bp.blogspot.com/_-ibrE31TAQc/TbfEXWPJM7I/AAAAAAAAA00/3jlDBxJZN9w/s000/5.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-5-url-here'>This is default featured post 5 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.</p>
</div>

</div>           

<div class='fp-nav clearfix'>
<span class='fp-pager'/>                
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
          
</div>


</b:if></b:if>

<!-- Featured Content Slider End -->
 
Mirá, me queda así:
Enlace eliminado

No queda bien 🙁
 
Atrás
Arriba