Ao longo da semana foram me pedindo tutoriais. Pediram-me 2 tutoriais, mas eu vou postar 3. Não postei nos outros dias da semana os tutoriais porque já tinha agendado os posts para a semana inteira. Vamos aos tutoriais.
O primeiro tutorial foi pedido pela Rebeca. Pediu-me para ensinar a colocar mini gifs nos comentários. Dou os créditos á Jackie.
Procure por
<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/nn2
Depois procure por <p class='comment-footer'> e no treceiro que encontrar, cole abaixo:
<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>
Para o tutorial funcionar se usar Google Chrome têm de ter Janela de Popup se tiver
--------------------------------------------------------------------------------------------------------------------------
Abra um
O tutorial é simples, mas tenho de dar um aviso. O Gadget têm de estar na Candy Footer Sidebar.
--------------------------------------------------------------------------------------------------------------------------
O proximo tutorial, dou créditos ao Candylland.É um código de personalizar os gadgets, como ela tinha no blog. O código é este:
Cole o código antes de /b:skin e se quiser personalize.
<style> /**PERSONALIZAÇÃO DA SIDEBAR BY CANDYLLAND**/ .sidebar .widget { width:100% !important; background:#fff; margin:10px 0 !important; border-top:10px #ff1490 solid; border-radius:0 0 10px 10px; padding:10px; box-shadow: inset 0 0 20px #eee, 0 0 3px #ccc; overflow:hidden } .sidebar .widget h2 { background:#fee /** COR DO FUNDO DO TITULO **/; color:#f9b /** COR DO TITULO **/; font-size:17px /** TAMANHO DO TITULO **/; text-shadow:0 1px #ddd /** SOMBRA DO TITULO **/; margin-top:-10px /** MARGIN **/; margin-left:-9px /** MARGIN **/; margin-bottom:10px /** MARGIN **/; padding:5px; width:107%; overflow:hidden } /** FIM DA SIDEBAR BY [www.candylland.net]**/ </style>
Beijos
Vou usar no proximo layout
ResponderEliminarMeu antigo blog foi hackado e perdi 90 seguidores
http://worldlivegirls.blogspot.com.br/
Me ajuda a reconquistar dinovo?
http://worldlivegirls.blogspot.com.br/
Beijos obrigada pela compreensão
ótimos tutoriais esse heim (:
ResponderEliminarhttp://garotoonerd.blogspot.com
Usei todos :) São mesmo bons!! Adoro!
ResponderEliminarhttp://www.xicablog.blogspot.com