quinta-feira, 3 de maio de 2012

Ajuda Para Seu Blog

(Tem q Cadastrar>)Colocar Comentario no blog ?


Se quiser igual o meu so copia o link
Como colocar? Vai em Design ,’’Adicionar Um Gadget’’ HTML/Java Script
Cola e Thankns !!

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="293" src="http://www5.cbox.ws/box/?boxid=793923&amp;boxtag=n9bpr5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-793923" style="border:#FF8AC0 1px solid;" id="cboxmain5-793923"></iframe></div>
<div><iframe frameborder="0" width="200" height="87" src="http://www5.cbox.ws/box/?boxid=793923&amp;boxtag=n9bpr5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-793923" style="border:#FF8AC0 1px solid;border-top:0px" id="cboxform5-793923"></iframe></div>
</div>
<!-- END CBOX -->

Entra No site :
http://cbox.ws/admin.php?snippet

Clika em Publicar Que Esta Na Barra Lateral Do Site Copia O Código Que Vai Ta Lá e pronto

Não Gostou Das Cores? Vai no Site : http://cbox.ws/admin.php?style
_____________________________________________________________________________

Mudar área de Comentario ?


1° Vai no seu HTML dá ctrl + F e procure por: #comments {

Apague o trecho destacado e mais o código que o acompanha:
#comments {
  background: $(comments.background);
  padding: 15px;
}

#comments .comment-author {
  padding-top: 1.5em;
}

#comments h4,
#comments .comment-author a,
#comments .comment-timestamp a {
  color: $(post.title.text.color);
}

#comments .comment-author:first-child {
  padding-top: 0;
  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}
 E no Lugar cole:
/* Comments
----------------------------------------------- */
#comments h4 {
margin: .75em 0;
}
#comments-block .comment-author {background: #FFEFD5;
margin:.5em 0;
}
.comment-author a{
margin:0px;
color:#FF1493;
}

#comments-block .comment-body {background: #F0FFFF;
margin: -.5em 0 0px;
}
#comments-block .comment-footer {background: #FFFAFA;
margin:-.25em 0 2em;
}
.comment-timestamp, .comment-timestamp a {
color:#DCDCDC;
font-size:10px;
}
#comments-block .comment-body p {
margin:-.5em 0 0px;
}

Não gostou das cores? Clika ki >(tabela de cores)
____________________________________________________________________________

Balão com numero de comentarios


pressione as teclas CTRL F e pesquise por: <b:includable id='post' var='post'>                           


 Então coloque esse código logo abaixo, do código destacado (de laranja)
<span class='post-comment-link-arriba' style='background: url(http://i.imgur.com/lfGb2.jpg) no-repeat top right; width:90px; height:80px; text-align:center; float:right;padding-top:19px'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>

Ficando assim: 
           
Alguns trechos editaveis e como trocar a imagem do balãoMini gif 161                 
 Trocar a imagem do balão no trecho: (http://i.imgur.com/lfGb2.jpg) apague e coloque a URL da imagem desejada (só apague onde está grifado de azul)

Algumas imagens :
                

''Para pegar a URL de uma imagem é só clicar com o botão direito do mouse sobre ela e selecionar a opção COPIAR URL DA IMAGEM''
------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Cute emoticons

 :a:  :b:  :c:  :d:  :e:  :f:  :g:  :h:  :i:  :j:  :k:  :l:  :m:  :n:

cole o código abaixo antes do código destacado(</body>)

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>


em seguida localize o seguinte trecho :       
 <p class='comment-footer'> 
                      <b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if></p> 
                         
cole o código abaixo após o código destacado (<p class='comment-footer'>)


<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' width='30'/> :e:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' width='30'/> :n:
</b>
</div>


Salve e vá ver se deu certo
_____________________________________________________________________________

Topo da pagina :D

Anguns topos  :


vá no  HTML selecione ''expandir modelos de widgets'' dá  ctrl F e procure por </body> copie o código abaixo e cole ''antes'' da tag destacada (</body>)


<div style='float:right;'>
<a href='#'>
<img src='URL DA IMAGEM DA SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>


2°Copie a url da imagem escolhida como seta e cole no código destacado de 
vermelho.Visualize se estiver tudo certo salve !!
Copie o url da imagem que vc escolheu como seta no codico destacado de rosa .Visualize se tiver tudo certo salve .
__________________________________________________________________________

Menu Fofo

Tem alguns pronto aii em baixo se quiser :D
tambem pode fazer no photo scape anguns, é so salvar no pc copiar o url da imagen e colar  ^^







<!—Mini cute menu -->
          <table height="296" align="center" background="http://i.imgur.com/lfQfg.png" border="0" style="width: 180px">
      <tr>
        <td style="height: 52px"></td>
      </tr>
      <tr>
        <td height="115" align="center" valign="middle"><a href=" " style="text-decoration:none; cursor:crosshair">
  <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="1" direction="up" height="100" style="width: 114px">
   <div align="center"><font face="Arial, Helvetica, sans-serif" color="#FF69B4" size="-1"><b> Cute Menu: </b><br />
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
</font></div></marquee></a></td>
      </tr>
    </table><!-- Fim do mini menu jackie dream -->





Cute Menu: 





<!—Mini cute menu -->
          <table height="270" align="center" background=" http://i.imgur.com/GNmaf.png " border="0" style="width: 130px">
      <tr>
        <td style="height: 52px"></td>
      </tr>
      <tr>
        <td height="115" align="center" valign="middle"><a href=" " style="text-decoration:none; cursor:crosshair">
  <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="1" direction="up" height="100" style="width: 114px">
   <div align="center"><font face="Arial, Helvetica, sans-serif" color="#FF69B4" size="-1"><b> Cute Menu: </b><br />
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
</font></div></marquee></a></td>
      </tr>
    </table><!-- Fim do mini menu jackie dream -->


simples d+
Simples de + :D
Copia esse link ai debaixo ,e vaii em ''DESGNER>ELEMENTOS DA PAGINA>Adicionar Um Gadget>HTML/Java Script 

Copie o codigo abaixo .
adicionar mais de um ? é so colocar mais um abaixo deles <div id="menuextra"><a href="Link">Nome do link</a></div> que esta la embaixo ^^ thanks

se quiser trocar de imagens e só colar no lugar desse link  http://i.imgur.com/GNmaf.png  
"ATENÇÃO NAO APAGUE AS ASPAS "
 <table height="270" align="center" background=" http://i.imgur.com/GNmaf.png " border="0" style="width: 130px">
      <tr>
        <td style="height: 52px"></td>
      </tr>
      <tr>
        <td height="115" align="center" valign="middle"><a href=" " style="text-decoration:none; cursor:crosshair">
  <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="1" direction="up" height="100" style="width: 114px">
   <div align="center"><font face="Arial, Helvetica, sans-serif" color="#FF69B4" size="-1"><b> Cute Menu: </b><br />
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
</font></div></marquee></a></td>
      </tr>

____________________________________________________________________________

Sombra na área da postagem ^.~

 Vá em Design> Editar HTML.
Digita Ctrl F e procure :
.main-inner .column-center-inner{
abaixo desse tag cole isso;
box-shadow:1px 4px 19px 2px #DCDCDC;

Salvaaaaa
____________________________________________________________________________
vai no HTML digita ctrl+F e procure ;         ]]></b:skin>
Cole o seguinte código ''ANTES'' dele:

.feed-links {

height:0px;
visibility:hidden;
display:none
}

Visualise se der tudo bom ,Salve 
______________________________________________________________________

Colocar Playlist (musica)

http://scmplayer.net/ / TRADUZ A PAGINA :')

É so visitar o Site  e FAZER oque pede lá
depois copia um simples  codigo que vai aparecer e vai em 
DESIGN-ADICIONAR GADGET- HTML/JAVA SRIPT

Cola o codigo e thanks
____________________________________________________________________

Efeitos imagens no blog

imagem muda ao passar o mousse> (As imagens eu copiei da Jack, Creditos a ela )

código desse efeito:
<img src="URL da imagem" onmouseover="this.src='URL da imagem ao passar o mouse'; return true" onmouseout="this.src='URL da primeira imagem'">


imagem com link (abri em outra guia)>
início jackie dream
código do efeito:
<a href="LINK DE DESTINO" target="_blank"><img src="LINK DA IMAGEM" border="0" alt="DESCRIÇÃO DA IMAGEM"></a>


efeito opacidade + descrição da imagem + link de destino>

código do efeito:
<a target="_top" href="Link-da-imagem:">
<img title="Descrição" src="Link-origem-da-imagem" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" border="0" height="24" width="39" /></a>_________________________________________________________________________________


 
Postado por às
Marcadores:

Nenhum comentário:

Postar um comentário

♥ Deixe Seu Recado

Gente deixe seu recado sobre que achou,Sem comentarios maldosos e descuçoes .

Assinar: Postar comentários (Atom)