quinta-feira, 21 de abril de 2011

jUAN SAI DA EQUIPE CBLOGGER

Por motivos pessoais, o juan que entrou pra equipe do cblogger.net ontem mesmo, decidiu sair do nosso grupo por seus motivos. Agradecemos à ele por compartilhar alguns posts com a gente, apesar de poucos, é considerável pelo pouco tempo na equipe. Desejamos sucesso na sua vida menino. Obrigado Juan. Deus te abençoe.

Calma, não é o fim do cblogger, apenas um membro da equipe está fora. O Códigos Blogger tem muito que mostrar ainda, muitas novidades e tutoriais está por vim, fique esperto! pois novos atualizações podem vim. Assine nosso feed e fique por dentro!

Insira seu e-mail:

FeedBurner

Marcadores: , ,

Colocando barra do g1.globo.com no seu blog

G1Já que mostramos como colocar a barra do R7.com no seu blog,  a barra do G1.globo.com (Portal de notícias da globo) não poderia ficar de fora. Essas duas barras são bem semelhantes, e possuam links que ao clicar o usuário vai para suas respectivas páginas. Eu testei as duas barras aqui no cblogger.net, e pude perceber que elas dão um certo aspecto de profissionalização na página, deixando o template mais profissional e atraente. Claro que não iria deixar nenhuma dessas barras no cblogger.net, até porque não tem nada a ver com nosso tema. Mas enfim, se o seu blog é de notícias, coloquem essa barra e você se surpreenderá.

G1 - O portal de notícias da Globo

Para colocar a barra em seu blog, vá em “Editar HTML” do seu blog, procure por <body> e acima dessa tag cole o seguinte código:


&lt;div id=&quot;glbbarrawidget&quot; style=&quot;min-height:42px;_height:42px&quot;&gt;&lt;style type=&quot;text/css&quot;&gt;#glb-barra-widget {background-color:#F3F3F3;margin:0 auto; z-index:99999; position:relative; }
#glb-barra-widget #glb-barra-logo {float:left;height:18px;margin:10px 7px 0 10px;width:74px;}
#glb-barra-widget #glb-barra-logo a {color:#06d;display:block;font-size:.83em;height:100%;position:relative;text-decoration:none;}
#glb-barra-widget #glb-barra-logo a:hover {color:#09f;}
#glb-barra-widget #glb-barra-logo a strong {background:url(http://barra.globo.com/media/img/logo-glb.gif) no-repeat;cursor:pointer;display:block;height:100%;position:absolute;width:100%;}
#glb-barra-widget #glb-barra-logo a:hover strong {background-position:0 -18px;}
#glb-barra-widget #glb-barra-menu {float:left;}
#glb-barra-widget #glb-barra-menu .glb-item-menu {background:url(http://barra.globo.com/media/img/separador-menu.gif) no-repeat left 15px;display:inline;float:left;position:relative;}
#glb-barra-widget #glb-barra-menu .glb-item-menu a {border-top:.2em solid #F3F3F3;color:#06d;display:block;font-size:1.3em;letter-spacing:-0.02em;font-weight:bold;margin-left:1px;padding:6px 7px 12px;}
#glb-barra-widget #glb-barra-menu .glb-item-menu a:hover {border-color:#06d;}
#glb-barra-widget #glb-barra-menu li #menu-noticias {color:#a80000;}
#glb-barra-widget #glb-barra-menu li #menu-noticias:hover {border-color:#a80000;}
#glb-barra-widget #glb-barra-menu li #menu-esportes {color:#3e831e;}
#glb-barra-widget #glb-barra-menu li #menu-esportes:hover {border-color:#3e831e;}
#glb-barra-widget #glb-barra-menu li #menu-entretenimento {color:#f90;}
#glb-barra-widget #glb-barra-menu li #menu-entretenimento:hover {border-color:#f90;}
#glb-barra-widget #glb-barra-menu li #menu-videos {color:#005cef;}
#glb-barra-widget #glb-barra-menu li #menu-videos:hover {border-color:#005cef;}
#glb-barra-widget #glb-barra-og, #glb-barra-widget #glb-og-contexto strong {text-transform:lowercase;}
#glb-barra-widget #glb-barra-og {background:url(http://barra.globo.com/media/img/separador-menu.gif) no-repeat left 15px;display:inline;float:left;position:relative;}
#glb-barra-widget #glb-barra-og a {border-top:.2em solid #F3F3F3;color:#06d;display:block;font-size:1.3em;letter-spacing:-0.02em;font-weight:bold;margin-left:1px;padding:6px 7px 12px;}
#glb-barra-widget #glb-barra-og a:hover {border-color:#06d;}
#glb-barra-widget #glb-barra-og img {margin:-4px 3px 0 0;_margin-top:0px;vertical-align:middle;border:0;}
#glb-barra-widget #glb-og-contexto {background:url(http://barra.globo.com/media/img/separador-menu.gif) no-repeat left 15px;display:inline;float:left;margin-left:3px;}
#glb-barra-widget #glb-og-contexto #menu-og-contexto {border-top:.2em solid #f3f3f3;color:#06d;display:block;font-size:1em;margin-left:0;padding:6px 0 12px;position:relative;z-index:98;}
#glb-barra-widget #glb-og-contexto #menu-og-contexto strong {padding:6.5px 7px 12px;}
#glb-barra-widget #glb-og-contexto #menu-og-contexto:hover {background:#fff url(http://barra.globo.com/media/img/separador-menu.gif) repeat-y left 15px  !important;border-color:#06d;}
#glb-barra-widget #glb-og-contexto #menu-og-contexto:hover strong {background:url(http://barra.globo.com/media/img/separador-menu.gif) repeat-y right 15px !important;}
#glb-barra-widget #glb-og-contexto #menu-og-contexto {display:none;}
#glb-barra-widget #glb-subcontextos {background-color:#fff;border:1px solid #dddddd;display:none;margin-top:-1px;position:absolute;padding:7px 0 15px 1px;}
#glb-barra-widget #glb-subcontextos li {display:inline;float:none;white-space:nowrap;}
#glb-barra-widget #glb-subcontextos li a {border:none;color:#595959;display:block;font-size:1em;font-weight:normal;padding:2px 30px 0 5px;position:relative;}
#glb-barra-widget #glb-subcontextos li a:hover {border:none;color:#005cef;text-decoration:underline;}
#glb-barra-widget #glb-barra-servicos {float:right;margin-right:3px;}
#glb-barra-widget #glb-barra-servicos .glb-item-servicos {background:url(http://barra.globo.com/media/img/separador-menu.gif) no-repeat left 15px;display:inline;float:left;position:relative;}
#glb-barra-widget #glb-barra-servicos .glb-item-servicos a {color:#666666;font-size:.92em;display:block;font-weight:bold;margin-top:2px;padding:11px 7px;}
#glb-barra-widget #glb-barra-servicos .glb-item-servicos a:hover {text-decoration:underline;}
#glb-barra-widget #glb-barra-servicos .central-globocom {background:none;}
#glb-barra-widget #glb-barra-servicos #menu-globomail {float:left;margin-top:-2px;position:relative;}
#glb-barra-widget #glb-barra-servicos #menu-globomail .glb-mail {border-top:.2em solid #F3F3F3;color:#666666;display:block;font-size:.92em;margin-top:2px;position:relative;padding:11px 0 13px 25px;z-index:99}
#glb-barra-widget #glb-barra-servicos #menu-globomail .glb-mail:hover {background:#fff url(http://barra.globo.com/media/img/separador-menu.gif) repeat-y left 14px !important;border-top:.2em solid #06d;text-decoration:none;}
#glb-barra-widget #glb-barra-servicos #menu-globomail .glb-mail strong {background:url(http://barra.globo.com/media/img/separador-menu.gif) no-repeat right 14px;padding:11.3px 7px 13px;}
#glb-barra-widget #glb-barra-servicos #menu-globomail .glb-mail:hover strong {background:url(http://barra.globo.com/media/img/separador-menu.gif) repeat-y right 14px !important;}
#glb-barra-widget #glb-barra-servicos #menu-globomail .glb-mail img {margin-left:-16px;position:absolute;top:13px;*top:26px;border:none}
#glb-barra-widget #glb-barra-servicos  #menu-globomail #globomail-subcontexto {background-color:#fff;border:1px solid #ddd;display:none;margin-top:-1px;padding:7px 0 15px 0;position:absolute;z-index:98}
#glb-barra-widget #glb-barra-servicos  #menu-globomail #globomail-subcontexto li {background-image:none;border:none;display:inline;float:none;margin-bottom:2px;white-space:nowrap;}
#glb-barra-widget #glb-barra-servicos  #menu-globomail #globomail-subcontexto li a {border:none;color:#595959;display:block;font-size:1em;font-weight:normal;padding:5px 30px 0 7px;*padding:6px 30px 0 7px;position:relative;}
#glb-barra-widget #glb-barra-servicos  #menu-globomail #globomail-subcontexto li a:hover {border:none;color:#005cef;text-decoration:underline;}
#glb-barra-widget .glb-oculto {display:none !important;}
#glb-barra-widget {background-color:#F3F3F3;display:table;font:12px arial,helvetica,freesans,sans-serif;min-width:960px;width:100%;}
#glb-barra-widget .conteudo-barra {margin:0 auto;width:80em;}
#glb-barra-widget .glb-barra-escopo * {margin:0;outline:0;padding:0;}
#glb-barra-widget li {list-style:none;}
#glb-barra-widget a {text-decoration:none;}
.glb-barra-conteudo {margin:0 auto !important;text-align:left;width:960px;}&lt;/style&gt;
&lt;div id=&quot;glb-barra-widget&quot;&gt; &lt;div class=&quot;glb-barra-conteudo&quot;&gt; &lt;div class=&quot;glb-barra-escopo&quot;&gt; &lt;div id=&quot;glb-barra-logo&quot;&gt; &lt;a href=&quot;http://www.globo.com&quot; title=&quot;globo.com&quot; target=&quot;_top&quot;&gt;&lt;strong&gt;&lt;/strong&gt;globo.com&lt;/a&gt; &lt;/div&gt;&lt;!--glb-barra-logo--&gt; &lt;ul id=&quot;glb-barra-menu&quot;&gt; &lt;li class=&quot;glb-item-menu&quot;&gt;&lt;a href=&quot;http://g1.globo.com&quot; title=&quot;not&iacute;cias&quot; accesskey=&quot;n&quot; id=&quot;menu-noticias&quot; target=&quot;_top&quot;&gt;not&iacute;cias&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;glb-item-menu&quot;&gt;&lt;a href=&quot;http://globoesporte.globo.com&quot; title=&quot;esportes&quot; accesskey=&quot;e&quot; id=&quot;menu-esportes&quot; target=&quot;_top&quot;&gt;esportes&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;glb-item-menu&quot;&gt;&lt;a href=&quot;http://entretenimento.globo.com&quot; title=&quot;entretenimento&quot; accesskey=&quot;t&quot; id=&quot;menu-entretenimento&quot; target=&quot;_top&quot;&gt;entretenimento&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;glb-item-menu&quot;&gt;&lt;a href=&quot;http://video.globo.com&quot; title=&quot;v&iacute;deos&quot; accesskey=&quot;v&quot; id=&quot;menu-videos&quot; target=&quot;_top&quot;&gt;v&iacute;deos&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;!--glb-barra-menu--&gt;&lt;ul id=&quot;glb-barra-servicos&quot;&gt;&lt;li id=&quot;menu-globomail&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;globomail&quot; class=&quot;glb-mail&quot;&gt;                                   &lt;img height=&quot;11&quot; width=&quot;16&quot; alt=&quot;e-mail&quot; src=&quot;http://barra.globo.com/media/img/ico_globomail.gif&quot;&gt;&lt;strong&gt;e-mail&lt;/strong&gt;&lt;/a&gt; &lt;ul id=&quot;globomail-subcontexto&quot;&gt; &lt;li&gt;&lt;a href=&quot;http://login.globo.com/login/1&quot; title=&quot;globomail pro&quot; accesskey=&quot;p&quot; target=&quot;_top&quot;&gt;Globomail Pro&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;http://login.globo.com/login/1948&quot; title=&quot;globomail free&quot; accesskey=&quot;f&quot; target=&quot;_top&quot;&gt;Globomail Free&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;http://cadastrofree.globo.com/resources2/panfletos/comparativo_globomail/comparativo_globomail.html&quot; title=&quot;criar um e-mail&quot; accesskey=&quot;c&quot; target=&quot;_top&quot;&gt;Criar um e-mail&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/li&gt;&lt;li class=&quot;glb-item-servicos central-globocom&quot;&gt;&lt;a href=&quot;http://atendimento.globo.com&quot; title=&quot;central globo.com&quot; accesskey=&quot;r&quot; target=&quot;_top&quot;&gt;central globo.com&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;glb-item-servicos&quot;&gt;&lt;a href=&quot;http://atendimento.globo.com/Portal/ISP/assineja/panfletos/panfleto_home_globo&quot; title=&quot;assina j&aacute;&quot; accesskey=&quot;a&quot; target=&quot;_top&quot;&gt;assine j&aacute;&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;glb-item-servicos&quot;&gt;&lt;a href=&quot;http://www.globo.com/Globo.com/sites/0,,5623,00.html&quot; title=&quot;todos os sites&quot; accesskey=&quot;s&quot; target=&quot;_top&quot;&gt;todos os sites&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;!--glb-barra-servicos--&gt;&lt;/div&gt;&lt;!--glb-barra-escopo--&gt;&lt;/div&gt;&lt;!--glb-barra-conteudo--&gt;&lt;/div&gt;&lt;!--glb-barra-widget--&gt;&lt;/div&gt;

Marcadores: , , , , ,

Colocando uma caixa de comentário de uma postagem em qualquer lugar do blog

Veja o vídeo e aprenda a copiar uma caixa de comentário de um determinado post e colocar em qualquer lugar do blog como um novo Gadget “HTML/Javasctipt”. Não é tão difícil, mas requer atenção para fazer tudo certinho. Para que você consiga fazer isto corretamente, é necessário o uso de um navegador que possa inspecionar elementos dentro de uma página, recomendo o Chrome, que já vem com este recurso. Você também pode estar usando o Firefox, porém é necessário instalar a extensão Firebug para poder inspecionar elementos.

Tutorial Firebug – Veja como usar

Marcadores: , , , ,

Destacando área de comentário do autor

Uma dica bem legal, é destacar a área de comentário do autor, ou seja, sempre que você comentar no seu próprio blog, a sua área de comentário será diferenciado das outras. O mais legal é que os usuários saberão quem é o autor, e fazer perguntas diretamente pra você.

Nós adotamos esse método aqui no cblogger, e funcionou muito bem, procurei adoidado pelo código, até que consegui, e como sempre, compartilharei no cblogger.

Destacando área de comentário do autor do blog

Vamos lá!

Vá no ‘EDITAR HTML’ do seu blog, marque a opção ‘Expandir modelos de widgets’ e procure pelo trecho de código abaixo e acrescente os trechos de códigos destacados em vermelho.

<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id=’”comment-” + data:comment.id’>
<a expr:name=’”comment-” + data:comment.id’/>
<b:if cond=’data:comment.authorUrl’>
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>
<b:else/>s
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond=’data:comment.author == data:post.author’>
<dd class=’blog-author-comment’>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class=’comment-body’>
<b:if cond=’data:comment.isDeleted’>
<span class=’deleted-comment’><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class=’comment-footer’>
<span class=’comment-timestamp’>
<a expr:href=’”#comment-” + data:comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>

Agora procure por  ]]></b:skin> , e acima dessa linha cole o seguinte código.

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #c0c0c0;
background:#f5f5f5;
}

Modifique as seguintes partes:

Em verde é a cor da borda.
Em Azul é a cor do fundo.

Obs. Cores em hexadecimais (Veja aqui a lista de cores em hexadecimais)

Depois salve, e os seus comentários já estarão diferenciados dos demais.

Fonte - Castroinfonet

Marcadores: , , ,

Exibir lista de autores do blog

Se o seu blog conta com ajuda de outras pessoas para o crescimento do mesmo, e você quer colocar uma lista de todos seus autores no blog, irei ensinar como fazer isto.

Não é difícil, muito pelo ao contrário, já que no blogger tem o gadget de mostrar perfil do autor do blog, iremos usar ele, e como seu blog tem mais de um autor, o gadget automaticamente criará uma lista de todos os autores linkados para sua respectiva página de perfil de usuário.

Para adicionar a lista de autores no seu blog, vá em “Design” – “Elementos da página” e  clique em ‘Adicionar um gadget’.

Design - Elementos da páginaAdicionar um gadget

Na janela aberta, escolha a opção ‘Perfil’.

Perfil  dos autores

Depois dê um nome para a lista e salve!

Coloque um título

Marcadores: , ,

Colocando barra do R7.com no seu blog

http://fica-dica.com/wp-content/uploads/r7-logo-do-site.jpgÉ possível colocar a barra do R7.com em um blog,a resposta é correta é possível colocar a brra do R7.com grátis e somente com poucos códigos em .js em seu blog onde não pesa tanto,testei e aprovei sem bugs e erros dos 30 templates testados 27 funcionou,outros mais antigos diveram de que se alterar algumas coisas e códigos hospedados,leia essa postagem completa para saber o código grátis para colocar em seu blog.




Primeiramente escolha um blog do blogger, clique em "Design" - "Editar HTML", e procure (ctrl+f) por </head>, e acima dela cole o seguinte código:

<script charset='UTF-8' src='http://barra.r7.com/bar.js' type='text/javascript'/>

Salve e pronto, valeu e até a próxima postagem!

Marcadores: , , , , ,