Saiba Como usá-lo

Oii, este layout é um presente de natal

do blog wcd

oq o blog tem:

(Rolagem Infinita,Menu hover,Pesquisa Personalizada, Leia Mais e tags)

Códigos:
Tags:

Código <div style="float: left; width: 30%"> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> </div> <div style="float: left; width: 30%"> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> </div> <div style="float: left; width: 30%"> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> <div class='tag'> <a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div> </div> <div style="clear: both"> </div>
Menu Hover:

<div class="menu20"> <a href="Link">Home</a></div> <div class="menu20"> <a href="Link">Goodies</a></div> <div class="menu20"> <a href="Link">Sobre</a></div> <div class="menu20"> <a href="Link">F.A.Q</a></div>

Pesquise: <form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" type="text" value="" /> <input class="searchbut" type="submit" value="GO" /> </form>

Afiliados: <style> #comida a img{ width:auto; height:auto; display:inline; margin-right:2px; margin-left:1px; margin-top:1px; margin-bottom:1px; padding: 3px; background: #ffe8ed; border: 1px solid #ffd1dc; outline: solid 1px #fff; outline-offset: -5px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #comida a:hover img{ outline: solid 3px transparent; opacity: 0.5; outline-offset: -20px; } </style> <div id="comida"> <center> <a href="LINK" title="TITULO"> <img src="http://static.tumblr.com/0xqvkot/XWpmsgcou/1850.png" /></a> <a href="LINK" title="TITUTLO"> <img src="LINK" /></a> </center> </div>

Blockete Personalizado