terça-feira, 11 de junho de 2013

Slider Personalizado

Postador Edu-San
E ai pessoal venho aqui depois de muito posta algo de novo,um slider personalizado no bloger,espero que gostem

 Loge na conta da google.entre no blog é vá em editar html 
é procure por </head>

logo depois coloque acima esse codigo

<script src='http://www.yourjavascript.com/12300300114/mootools.v1.11.js' type='text/javascript'/>
<script src='http://www.yourjavascript.com/10162001424/jd.gallery.js' type='text/javascript'/> <link href='http://api.ning.com:80/files/SN3eeozgUFWu*rJrzfJnsEuXtQuTxjUiS6nF2kD5NjG*p341SM0ecKKlIYZHbbNpw-19mQEl257b2cGsvHx8uVz-IyRDaVdN/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/> 


Agora Procure por
]]></b:skin>

 #myGallery{
width200px !important;
height100px !important;
overflow: hidden;
}


antes dele cole esse texto e personalize ele 

Agora vá em layoute é coloque HTML/Javascript

é cole esse codigo é modifice como quiser

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<a class="open" href="
url do endereco do post"/>
<img alt="Otimizando os títulos das postagens" src="Url da Imagem" class="full"/>
<h3>Texto</h3>
<p>Texto </p>
</a></div>
<div class="imageElement">
<a class="open" href="
url do endereco do post"/>
<img src="Url da imagem" class="full"/>
<h3>Texto</h3>
<p>Texto</p>
</a></div>
<div class="imageElement">
<a class="open" href="url do endereco do post"/>
<img src="url da imagem" class="full"/>
<h3>Texto</h3>
<p>Texto</p>
</a></div>
 
</div>
   

Desculpem ai pessoal escreve tudo errado é sem caixinha de html é tudo Desorganizado mais estou sem net estou postado numa lan vagabunda é fazendo o novo design do blog,sayo para vocês 

0 comentários:

Postar um comentário