Slide Rosado Quase Profissional Para Blogger - Exclusivo
Nesta postagem compartilho com vocês este Slide quase profissional pela animação que ele tem. É sempre bom ter um slide no blog, pois, assim o blog fica com uma design mais profissional.
Para coloca-la no blogger... Entre em "Modelo" - "Editar HTML" e procure pela tag
]]></b:skin>
Tendo encontrada a tag, cole ACIMA dela o seguinte estilo css
#wrslider { background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmWcJpBQNR9L08qf8PLazPf5q-bB-DwmWLHdEHPJbWWoOtcHVBK6cXNzYfbqs_7infeCOM_kbFNp_59Pzv7CBq9v9zAonQBUukloLsV4-SAQBjukKkOecN26SB7UJdNN-pg5Zz3ZxSqyN/w960-h227-no/Faceblog+Evolutions+%25281%2529.jpg); height: 227px; overflow: hidden; position: relative; }
#mover { width: 2880px; position: relative; }
.slide { padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1 { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #ac0000; }
.slide p { color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img { position: absolute; top: 20px; left: 400px; }
#slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
Tendo colado o código, procure agora pela tag</head>
Tendo encontrada a tag, cole ACIMA dela o seguinte código javascript<script type="text/javascript" src="http://faceblog-evolutions.googlecode.com/files/jquery-1.2.6.js"></script>
<script type="text/javascript" src="http://faceblog-evolutions.googlecode.com/files/startstop-slider.js"></script>
Tendo feito isto, salve e feche a parte de edição.Agora, entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código
<div id="wrslider">
<div id="mover">
<div id="slide-1" class="slide">
<h1>Judul 1</h1>
<p>tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba.</p>
<a href="http://dicashot.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLYf1lk5zGqWW0WmmeK5iHcRa1z-n-ObPMfna2w88-0LqO9Xqjo8v5sKTNT1BV0thA7skrBy0fBWASVa_yl4LPi0rgiEN9I3pyWT9WYuC1ZHcGqf5b6DN2HxVCn2BV6UOcqld2pSR_X6Ce/w434-h161-no/Faceblog+Evolutions+%25281%2529.png" alt="learn more" /></a>
</div>
<div class="slide">
<h1>Judul 2</h1>
<p>tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba.</p>
<a href="http://dicashot.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Jg-jNt7ZrIR2PpKjKmp03k7cXR3lnuDfoR55za2GfujdH9JGPEdiaheotRBq4C0JQXyCC4usYCR_V4wHoYC0zv_xDIoJ3_vlLeXBculhcAZJRgOows8idMnZdUZPPgUbSRp1-T1e56cJ/w434-h161-no/Faceblog+Evolutions+%25282%2529.png" alt="learn more" /></a>
</div>
<div class="slide">
<h1>Judul 3</h1>
<p>tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba.</p>
<a href="http://mas-andes.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizs-sQ2xpJve8BJj_eIYFGJQ7uAIVseW1FxRCERVj4KYpylnqrJMpU3ETjS94PNAPnw-I0kQb2UDLa2RmY3B7441VgxxW9YjjfQU_ozXO3uv3RwF4cWW_DKHTmcWtDxOxAZiJ1Xg7fJVIR/w434-h161-no/Faceblog+Evolutions+%25283%2529.png" alt="learn more" /></a>
</div>
</div>
</div>
</div>
Tendo colado o código, basta salvar e pronto!!!