Bom agora voce mesmo pode comecar a aprender posicionar elementos, nesse tutorial ensina como posicionar TITULO,ASSUNTO,COLUNAS etc...bom pra comecar, para posicionar os elementos nos podemos utilizar as propriedade "padding-left,padding-top,padding-right" dentro da DIV<div style="padding-left:10px; padding-top:10px;">ASSUNTO: Posicionar com DIV</div>Coloque essa div em volta do texto que voce quer posicionar e altere os valores fazendo o texto ficar aonde voce quiseresse e um modo direto no Html, tambem da pra fazer colocando no CSS:#assunto{<br /> padding-left:10px;<br /> padding-top:10px;<br /> } e no html fica assim:<div id="assunto">ASSUNTO: Posicionar com DIV</div> Galera hoje vou ensinar a voces a como criar um efeito muito usado no blogger que tem no Anime Design,quando voce clica em alguma imagem que tem nos nossos tutoriais ela abre uma imagem em maior a tela fica escura como na imagem abaixo.Clique para ver o efeito.Esse efeito e bem legal e facil de fazer.OBS:ESTE EFEITO DANIFICA SEU GADGETS SEGUIDORES ENTAO VOCE JA ESTA CIENTE DISSO.Vai em seu blog e Editar Html e procure por </head> e acima deste codigo cole o seguinde codigo<!-- JavaScript efeito Lightbox em fotos --><br /> <link href='http://www.ferramentasblog.com.br/imagens/lightbox/css/lightbox.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.ferramentasblog.com.br/imagens/lightbox/js/prototype.js' type='text/javascript'/> <script src='http://www.ferramentasblog.com.br/imagens/lightbox/js/scriptaculous.js?load=effects,builder' type='text/javascript'/> <script src='http://www.ferramentasblog.com.br/imagens/lightbox/js/lightbox.js' type='text/javascript'/> <!-- JavaScript efeito Lightbox em fotos --> Para colocar o efeito nas imagens crie um post no blogger e crie um link para a imagem e neste link ficara assim: <a href="URL_da_IMAGEM_ORIGINAL" rel="lightbox"> <img src="URL_da_IMAGEM_MINI" border="0"> </a> No link da imagem sempre devera ter o atributo rel="lightbox" para que funcione.Deixe seu comentario.Por Favor. Nesse artigo vou ensinar como aplicar o hack das Paginas NumeradasPrimeiro vamos ter que adicionar o estilo no css, va em DESIGN > EDITAR HTML e procure pela linha:]]></b:skin>acima dela adicione todo esse codigo:/* Page Navigation<br /> ----------------------------------------------- */<br /> #blog-pager {<br /> float: center;<br /> }<br /> .showpageArea {<br /> margin: 10px 0;<br /> }<br /> .showpageArea a {<br /> text-decoration: none;<br /> }<br /> .showpageNum a {<br /> font-size:10px;<br /> padding: 4px 8px 4px 8px;<br /> margin: 2px;<br /> text-decoration: none;<br /> border: 1px solid #282828;<br /> color: #000;<br /> background-color: #ffffff;<br /> }<br /> .showpageNum a:hover {<br /> border: 1px solid #333;<br /> color: #000;<br /> background-color: #cccccc;<br /> }<br /> .showpagePoint {<br /> font-size:10px;<br /> padding:4px 8px 4px 8px;<br /> margin:0 5px 0 5px;<br /> font-weight: bold;<br /> border:1px solid #282828;<br /> color:#000;<br /> background-color: #cccccc;<br /> text-decoration: none;<br /> }<br /> .showpageOf {<br /> font-size:10px;<br /> padding: 4px 8px 4px 8px;<br /> margin: 5px;<br /> color: #ffffff !important;<br /> border: 1px solid #282828;<br /> background-color: #838383;<br /> }<br /> .showpage a {<br /> font-size:10px;<br /> text-decoration:none;<br /> border: 1px solid #282828;<br /> padding: 4px 8px 4px 8px;<br /> }<br /> .showpage a:hover {<br /> text-decoration:none;<br /> border: 1px solid #282828;<br /> }<br /> .showpageNum a:link,.showpage a:link {<br /> text-decoration:none;<br /> color:#838383;<br /> }Apos fazer isso procure pela linha:</body>e adicione todo esse codigo acima dela:<!--Page Navigation Starts--><br /> <script align='center' type='text/javascript'> var pageCount=3; var displayPageNum=15; var upPageWord ='Voltar'; var downPageWord ='Proximo'; </script><br /> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/> <!--Page Navigation Ends--> var pageCount=3; // e quantidade de pagina por numero , exemplo: Na pagina