terça-feira, janeiro 01, 2013

Dicas para códigos e widgets para blogspot

Aqui estão alguns códigos para Blogger. Entre os que estão nesta postagem destacamos os códigos para adicionar um novo Gadget horizontal ao layout, códigos para dividir o header (cabeçalho) em dois, e outra série de códigos para retirar aquela mensagem 'Mostrando postagens com marcador' que aparece quando clicamos em algum marcador para listar determinada categoria de assuntos.



Códigos para adicionar um novo Gadget horizontal ao layout do blogger:

1. Insira o código abaixo para que o espaço para um novo Gadget horizontal apareça.
<b:section class='sidebar' id='sidebar10' preferred='yes'>  
  <b:widget id='HTML10' locked='false' title='' type='HTML'>  
   <b:includable id='main'>  
 <!-- only display title if it's non-empty -->  
 <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>  
 <div class='widget-content'><data:content/></div>  
 <b:include name='quickedit'/></b:includable>  
  </b:widget>  
 </b:section> 

------------------------------------------------------------------------------------------------------------------------

Para dividir o header em dois:

1. Procure pelo código abaixo
<pre  style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;;background-image:URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif);padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;"> /* Header  
 ———————————————– */  
</code></pre>

2. Cole este código logo abaixo
.header {width:48%; float: left; margin:0 auto 1%;}
.header2 {width:47%; float: right; margin:0 auto 1%;}

3. Encontre o seguinte código e acrescente o código que está destacado em vermelho:
<div class=’region-inner header-inner’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Título del blog (cabecera)’ type=’Header’/>
</b:section>
<b:section class=’header2′ id=’header2′ showaddelement=’yes’/>
<div style=’clear: both;’/>
</div>

------------------------------------------------------------------------------------------------------------------------

Como retirar mensagem 'Mostrando postagens com marcador' dos resultados da busca por marcadores:

1. No item 'Layout', no painel do Blogger, vá em 'Editar HTML' e procure pela linha de código abaixo (CTRL+F  ativa a busca):
]]></b:skin>

2. Acima dessa linha que você encontrou, cole o trecho de código abaixo:
.status-msg-wrap, .status-msg-body, .status-msg-border, .status-msg-bg, .status-msg-hidden {
display: none;
}

------------------------------------------------------------------------------------------------------------------------

Mais dicas para Blogger:
- Código para criar Lightbox com iFrame no Blogspot








* Neste link: http://formatmysourcecode.blogspot.com.br/ você pode preparar códigos para serem publicados e exibidos dentro das postagens do blogger.



0 comentários: