Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
teste do eddy
1.Design>Editar HTML>Aperte CTRL+F
2.Procure por SIDEBAR-WRAPPER
3. Após ache por "Float"
4. Terá Float:right ou Float:left, modifique eles.
5. EX: Terá float:left troque por float:right
OUTRA MANEIRA
Troque o texto “float:left;” por “float:right;” (se a sidebar estiver Direita Para Passar Para Esquerda)
troque “float:right;” por “float:left;” (se a sidebar estiver na esquerda para passar para a direita)
Para este comando não precisa de javascript, basta procurar pela tag: <body> e substitua esta tag por esta outra abaixo:
<body oncontextmenu='return false'> Atenção: Caso você já tenha aplicado outro comando de bloqueio, se for acrescentar outro, todos eles deverão estar dentro da tag <body> , separados por um espaço.Duvidas comentem
By:Ludson-web
Estilo de postagens da Bcrete Templates (Editado)
°o0Kakshi0o°
Bom gente Hoje irei ensinar a por o estilo de postagens parecido com o da Bcreate template.
Muito fácil!
vamos lá:
1°- vá no Painel do blog / Nova postagem / Editar HTML
2°- Copie esse código abaixo e cole!
<div id="noneimg">
<img border="0" src="http://3.bp.blogspot.com/--AHqUfLGirY/TrcOqGmOonI/AAAAAAAACLA/jKDwX-RxBWk/s1600/sig+irtual.png" /></div>
<div style="text-align: center;">
<img border="0" height="400" src="http://3.bp.blogspot.com/--AHqUfLGirY/TrcOqGmOonI/AAAAAAAACLA/jKDwX-RxBWk/s1600/sig+irtual.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" width="331" />
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWRViRnfwLLqGE6MB3khbO160DfHVoe2RAkH4Vwv9UzdI0dTwbcuwP7htpNdB2caANdbGqUpL5MMhvYjS3g3u6mDAJmwGqsGZR21TuhyphenhyphenMUNO1X3aA51AchY3C-S7h01Nhp5EcJDlrMw/s400/nome.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" /> <span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">NomeDoTemplate Aqui:</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="http://img407.imageshack.us/img407/7407/preo.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" />
<span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">ValorDoTemplate</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="http://img26.imageshack.us/img26/3313/autor.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" />
<span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">NomeDoAuthor</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="http://img13.imageshack.us/img13/3985/plataformai.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" />
<span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">BL,WP,WEB</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img height="60" src="http://img524.imageshack.us/img524/7052/descrio.png" width="150" /> <span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">Descrição do arquivo
</span></span></div>
<a href="http://www.lnk-de_download.com/" target="_blank" title="°o0Kakshi0o° - Tutoriais: REALIZAR DOWNLOAD"><img border="0" src="http://1.bp.blogspot.com/-hX0KYFMiS60/Trn26UP_NKI/AAAAAAAACdA/b-_KHZsLIJY/s200/Blank.png" /></a> </div>
3°-Editando e Conhecendo o código
1° troque os links das imagens pela de sua preferencia.
2° edite os textos! Muito cuidado para não destruir o código.
quando editamos um código e normal que "sem querer acabamos apagando uma (,) ou (') isso pode fazer o código não funcionar".
3° use sua imaginação edite as imagens de (Nome,Preço,Autor,Plataforma,Descrição..)
você por por exemplo:
"Criar nomes para site de designer..!!!"
4° esse código serve para postar muitas coisas.... não se limite só para Templates!
não se esqueça que isso significa!
height: Altura da imagem
width: Largura da imagem
"Para mim poder trazer mais desses código, e necessário que você COMENTE ,e SIGA..esse Blog."
Como colocar botão seguidor flutuante
Bom gente hoje trago a vocês um tutorial muito pedido.
botar um Button Flutuante na tela! ele pode fica onde você quiser ! basta editar umas pequenas partes que irei citar.
Vamos la:
1°- Design > Elementos da página > Adicionar um Gadget> HTML/JavaScript.
aconselho a por dentro de um Gadget já criado!
2°- Cole o seguinte código:
<a href="http://www.blogger.com/follow-blog.g?blogID=SEU ID" style="display:scroll;position:fixed;top:10px;left:12px;" target="_blank" title="Clique Para Seguir "NOME DO SEU SITE">
<img src="http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png" /></a>
3°- editando o código:
1°- blogID=SEU ID: a ID do seu blog aqui...ela esta no topo de navegação
2°- 10px;" : isso que dizer distância do topo,quanto maior for o valor em px, maior será a em relação ao topo!
3°- left : isso quer dizer a sua ESQUERDA, e onde o Button vai fica, você pode mudar essa posição:right: quer dizer a sua direita.left: quer dizer a sua esquerda.
4°- 12px; : essa e a distância em relação a lateral; quando maior for o valor em px; maior sera sua distância.
5°- title="Clique Para Seguir " : essa e a mensagem que ira aparecer quando passar o mouse, você pode inventar esse texto!
6°- NOME DO SEU SITE"> : ponha o nome do seu blog.
5°- http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png : você pode edite essa imagem.
4°- Salve e proto!
by:
Aprenda como fazer um MENU SUSPENSO,
Igual a este acima.
Tutorial:
Entre na página editar HTML, clique para Expandir modelos de widgets e procure pelo código dos seus marcadores (procure pelo titulo que usa neles é mais fácil identificar, no caso deste blog procuramos por guia rápido).
Você vai encontrar algo assim:
<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Então apague esse trecho:
<ul>
<b:loop values='data:labels' var='label'>
<li class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
Depois coloque esse aqui no lugar, onde está escrito Guia Rápido troque pelo que desejar que apareça no menu quando ele aparecer no blog, outro detalhe é tirar a parte (<data:label.count/>) se não quiser mostrar o numero de postagens de cada item do menu.
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Guia Rápido</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Assinar:
Postagens