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

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

22Savage

Diseñador
No recomendado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
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 🙁
 
Mirá, me queda así:
Enlace eliminado

No queda bien 🙁

También necesitas los estilos css, de ese código que te paso DMRAM​, si no no funcionara.
 
Atrás
Arriba