Postagens Antigas - Nh Create: Tutoriais

Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens

teste do eddy

Tutorial - Fantasmas voando no blog

Postado Por: Nayan Baizek - Freelancer

Essa imagem está em gif ,bom não sei quem fez ela .

Para ver o tutorial clique em leia mais ...

Vamos começar ?

1° Vá até seu "blog" .

2° Vá em "Layout" .

3° Vá em "Adicionar Um gadget" .

4° Adicionar "HTML /JavaScript" .

5° E adicione o código abaixo :

Configurando :
Mudando o numero de fantasmas :
Procure por :
numberOfGhosts =10; /* Numero de fantasmas */
E troque a parte que eu destaquei .
Mudando a velocidade dos fantasmas :
Procure por :
var ghostSpeed = 0.9; /* Velocidade */
E troque a parte que eu destaquei .
Mudando a velocidade que ps fantasmas aparecem :
Procure por :
var setTimeOutSpeed = 50; /* Velocidade a que os fantasmas aparecem*/
E troque a parte que eu destaquei .

Sem comentários »

Tutoriais

Tutorial - Como botar botão leia mais

Postado Por: Nayan Baizek - Freelancer

Clique em ver postagem para ler o tutorial ....

Tutorial :

1 - Abra seu Blog vá em Design -> Editar Html e marque a caixinha Expandir modelos de widgets.

2 - Aperte CTRL+F em seu teclado e procure pela tag <data:post.body/> e cole o seguinte código abaixo da tag <data:post.body/>:

Código:

<b:if cond='data:post.hasJumpLink'>

</div>

</b:if >

3- Edite as partes em azul .

Conselho :

Aconselho criar um leia mais tamanho 300 x 100

Leia mais para vocês :

Minha logo :

Sem comentários »

Tutoriais

Tutorial - Widget de guia

Postado Por: Nayan Baizek - Freelancer

Tutorial :

1° Entre nesse site . (clique aqui).

2° Clique no menu Widgets.

3° Clique em " O Widget de cor".

4° Defina a o lado , esquerdo ,direito ou fundo .

Abaixo um exemplo

(você devera trocar no site)

Esquerda

tabpos:left-upper

Topo

tabpos:left-middle

Centro

tabpos:left-lower

Fundo

tabpos:bottom-left

Esquerda

tabpos:bottom-center

Centro

tabpos:bottom-right

Direito

tabpos:right-upper

Topo

tabpos:right-middle

Centro

tabpos:right-lower

Fundo

5° Copie o código .

Botando em seu blog :

1° Vá até o blogger

2° Vá em layout > Adicionar Gadget > HTML/JavaScript .

3° Cole o código e salve .

Ex :

Sem comentários »

Tutoriais

Tutorial - Widget de cor user on

Postado Por: Nayan Baizek - Freelancer

Tutorial :

1° Entre nesse site . (clique aqui).

2° Clique no menu Widgets.

3° Clique em " O Widget de cor".

4° Defina a cor de traz , e a cor da fonte .

Abaixo um exemplo

(você devera trocar no site)

5° Copie o código .

Botando em seu blog :

1° Vá até o blogger

2° Vá em layout > Adicionar Gadget > HTML/JavaScript .

3° Cole o código e salve .

Ex :

Sem comentários »

Tutoriais

Tutorial -Widgets clássico users

Postado Por: Nayan Baizek - Freelancer

Tutorial :

1° Entre nesse site . (clique aqui).

2° Clique no menu Widgets.

3°Clique em " O Widget de clássico".

4° Copie o código .

Botando em seu blog :

1° Vá até o blogger

2° Vá em layout > Adicionar Gadget > HTML/JavaScript .

3° Cole o código e salve .

Ex :

Sem comentários »

Tutoriais

Tutorial - Barra de rolagem colorida

Postado Por: Nayan Baizek - Freelancer

Olá Galera do Web Design Downloads hoje eu ''Nayan Baizek''

estarei ensinando a coloca barra de rolagem colorida no seu blog.

1. Vá em design > Editar HTML > Ctrl + F e procure por :

2. Antes de ]]></b:skin> , coloque :

3. na parte que se encontra #00EE00 é a cor da barra.
E onde se encontra #343434 é a cor do fundo da rolagem .Veja nossa Tabela de cores : Clicando Aquir !

Sem comentários »

Tutoriais

Tutorial -Zoom nas imagens

Postado Por: Nayan Baizek - Freelancer

Olá Galera hoje eu ''Nayan Baizek'' estarei ensinando

a colocar efeito zoom na imagens do seu blog .

/span>sss

1. Vá em Modelo > Edita HTML > Ctrl + F

e coloque o codigo abaixo .

2. Em cima desse tag acima coloca esse codigo abaixo .

3. Clique no botão visualizar depois de ter feito isso

pra ver se não deu nenhum erro .

4. Se não deu nenhum erro clique ''Salvar Modelo''

e seu efeito zoom já estara em seu blog .

Sem comentários »

Tutoriais

Tutorial - Domínio personalizado no blog

Postado Por: Nayan Baizek - Freelancer

Postado por : Nayan

1° Passo Logar em sua conta depois vá em "configurações"

2° procure a palavra "Publicação" e clique em:

+ Adicionar um domínio personalizado

OBS : o meu print está com 2 pois eu já configurei .

3° Passo onde está marcado por essa seta coloque seu domínio personalizado , pronto agora não mude mais nada e salve !

OBS : Esse método é para a interface novo do blogger

Sem comentários »

Tutoriais

Tutorial - Emoticons nos comentários

Postado Por: Nayan Baizek - Freelancer

---------*Começo do tutorial*----------

Entre no painel de seu blog clique em design, editar html, clique para expandir modelos de widgets e procure por:


Código :

data:blogCommentMessage

Visualize isso :


Código :



<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Cole o seguinte código abaixo:


Código :


div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGKYVAebvT6f4mJexv792GclpqIxUHhzuBe-_RgZdo7wJ0UiQK6-Clao1m6-oxBF1Hn-R-Lb9dtPFe4GHtWMEcGC6j3p_wbsALK0P_BzQVFiL3mZaZLrpi0Udk_y6ZCRzapPqJV5LRbU/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVORbvcnYqhUqULvx11YqDEmvzTuibo_3qO3DgXYphhvNfRYJvthASyiJUn5Rbo3sXV71KldLKRDa_D-PUH1OpvLmOXnS52YYyG8yqjbIiQ9nrQyq-7SNqVj8YosZbdJU8qry_C7YIItA/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlQ7U63YMUtaYgjgv_DYGMEb_0Vx_u7W6AEarEFy50NPZ5Mjx1fpoAhyjVR7ocy_WojglGLvqNeEGRaBcvpMjo_k66bhGwAXA_Tj6KrpEoDsQP_LU3G9mZdW_6FwM7PXSMvJn1gMTYdyg/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiQFFlS8y25sttnTzwINoCrfY2BqSpLvMVP9dyguF_S20umxFnfLPpNtHrrNhAh-Lt79ifTgf_BDkhICu4te5NVItenuw4dlFXEj7k0kesA1qxihtuyOwLyzwZgtqTS1qAk-BVDCvdwI/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfcLnImma32hzoIRzky98LGeczL-fygSP-VONznLZEDyxYGzfe58OC1YmAHlL-yg5cCHQVzbQzNK_a9Ur-I4H7va6mYgHy_1RsDKNdzgedN8A8WhMdSZh3PNQZStfLnQM4MgMW3sdAsig/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvX1DkdfLIcHe6vcY9hdKcqq-Mox3a_FjobJNSK7r5ytDlpf6QYuDnBZYMrWUAGgX61iCaO_5j3ovfDloRLxCSnM1izf173VtnZU00ca5fXHTO6pqxQbvIoH7YwFsEe91-YhDwfrC-85g/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdzJlYZCpVSbkHwAHKPI1cGiXw7l-lSoSrzPjdZhylAhJwODmg-n8DZRok6k0p0qxajUkQlPSwndbrR2zG074CVT9e_WhDeTld1-8DjDb66r_VmIxS5fgbtL2vX6ByHSB0L79DxZQh5Fk/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH7fNp1nLL7UAhVALAlW6WC9zJ1NPZ4vcCOvy33GEZIL6QDOGpg31n929QOA8VfnfzDrJfRytIfId4A7Tnl2yG7ZDzqbYpgfvx3f39KuinQO-ikBTQNVkSmWKpTsCtVsbQOi5qonDnCw/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUYwI2EgOLIChzA3Gp2lPIanw2QSbR8DA-j6a_N408FAEolPPptiDDSbShbdJENiZY-HYOXJMtrA6oeo8NT7FWEdBU56XYOJJIm0sln2Cg4Ic63bo7M48XL7Hh8rwi0yEIeRB4mhnIUB8/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIAKh68fsjegR2AQsOxC2srFMEKAi1_mkHSqTH9DxkaHPtvdnRd3RuckF8KXgqsdF7LXS2bTYRpnKGmUYPNs7Zwogu29hyphenhypheniXZjzhSvsUsfkFi7Saz63PqRn6sOf1sef_5RvIYe4XZjQLw/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQMYE0odiaFSfG1Ox2y-sfaTg-oG4UMHma2Qm4umpasZLMcsKeIItq8dc-r1gOWmror2zCGQZTJ2ihLT_Uu6qqkZUURyBxCNC59TzoaPW2QBp7K1aCEe6CEMG8sL1kMTP85PE_alQYXs/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilKrhyphenhyphenZM6Hc378mt4oJ3KWDBsTTb8_MkyRYHRS82jo7vbokhdanxI10WB-eHCDQhVsebMT_SK66GFeJClqyqMzHU1CUQbjduUZ22vk_ZhZJscbervuS6e6uMVfgbi4QbD7QlPoTsXu0IA/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZCKWj7ALhMvQ0Uk126RlENfL2KoNmR1PDZYb3lzlEHP8x28-FUiA19Iq4GgD0bxyWkgH8Vx_jG4t0GRXNk3ONvzdc-ysRaH-qEHOYJkHHFtNRzM2inVKl9Fs8m7blxCoYJ-qMyvzJlf0/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDvwSLTqULmu3bvrYEwzDh9uNxjawhWz8pL_GmE_jAjQE9WiXzqX4SVmXqcSXmnIxsZLbe78ftTN2eaX-iUZhOWN-XS5zgQ9skcwx8zHcgmLBFV-esUmLsohY6rm7zs-hYmlE0oJDyoI/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLpxijZWVCKKtLjkJN7sh8_kfX3uvopennIY773XTarHjxkFTSgtxX71YEBcAokR-ccWA9EQKzJk4tdQDZBH_SJnLx2pp2DUZloTTa_wiLc742rnF3HQRRtOicwRDBN74PwAo8NZIN7U/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfp9FqYJaImJf1RM__f4ICwGJPJj8LRzD448ArSwuo_CScA8LG4L6Hsafy0CO_5Vlct9AeCDxeJajeRzgwm9L9cBSvKDSMjuhKoELDhj519SgnNdarI7EpaJUsmUKJiuzFFR1UYGJIGeY/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR9b8tLVDCaWi2v_6lWiou3FqvxYEkDHZqOnKjx9Re02F54IWOYL45nt9bBYJbx_thxRjy0476zphFsokrUdyxefufzIQBwT-Nfu4tI5c2VIQ6U22CJCjnvKVOTsI26n0svXN6q07HAmY/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBUdez8doss6lZoJeu-SI3tjJTqq1fxWOLftOvHyvaQDDBcNxZtvLBhXx6_djOKswawfNqANHhxthNfSi_Tfcp9EM2wTR88PRyle7X56ePp3Ok7cIex5XdlbkzVlgSIWP-uPh1puPdhc4/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3uKdPgemjDfSgpkqr84lkB-qCLyZmTI59bQcsWVbDeNAzUkmIEZs5S6BdTlSZtcKPzT92I-MkpiUZvi2FVkuRaFKUmeZUcnfXws7xU-qloiGodPJoENzjb1T83xlFwdB7O_Ig6pBi-g/s800/emoticon-0155-flower.gif'/> :t
</div>

Clique para salvar.

agora procure por: </body> e coloque o seguinte código antes dele </body> :


Código :



<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIAKh68fsjegR2AQsOxC2srFMEKAi1_mkHSqTH9DxkaHPtvdnRd3RuckF8KXgqsdF7LXS2bTYRpnKGmUYPNs7Zwogu29hyphenhypheniXZjzhSvsUsfkFi7Saz63PqRn6sOf1sef_5RvIYe4XZjQLw/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQMYE0odiaFSfG1Ox2y-sfaTg-oG4UMHma2Qm4umpasZLMcsKeIItq8dc-r1gOWmror2zCGQZTJ2ihLT_Uu6qqkZUURyBxCNC59TzoaPW2QBp7K1aCEe6CEMG8sL1kMTP85PE_alQYXs/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilKrhyphenhyphenZM6Hc378mt4oJ3KWDBsTTb8_MkyRYHRS82jo7vbokhdanxI10WB-eHCDQhVsebMT_SK66GFeJClqyqMzHU1CUQbjduUZ22vk_ZhZJscbervuS6e6uMVfgbi4QbD7QlPoTsXu0IA/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZCKWj7ALhMvQ0Uk126RlENfL2KoNmR1PDZYb3lzlEHP8x28-FUiA19Iq4GgD0bxyWkgH8Vx_jG4t0GRXNk3ONvzdc-ysRaH-qEHOYJkHHFtNRzM2inVKl9Fs8m7blxCoYJ-qMyvzJlf0/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDvwSLTqULmu3bvrYEwzDh9uNxjawhWz8pL_GmE_jAjQE9WiXzqX4SVmXqcSXmnIxsZLbe78ftTN2eaX-iUZhOWN-XS5zgQ9skcwx8zHcgmLBFV-esUmLsohY6rm7zs-hYmlE0oJDyoI/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLpxijZWVCKKtLjkJN7sh8_kfX3uvopennIY773XTarHjxkFTSgtxX71YEBcAokR-ccWA9EQKzJk4tdQDZBH_SJnLx2pp2DUZloTTa_wiLc742rnF3HQRRtOicwRDBN74PwAo8NZIN7U/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfp9FqYJaImJf1RM__f4ICwGJPJj8LRzD448ArSwuo_CScA8LG4L6Hsafy0CO_5Vlct9AeCDxeJajeRzgwm9L9cBSvKDSMjuhKoELDhj519SgnNdarI7EpaJUsmUKJiuzFFR1UYGJIGeY/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR9b8tLVDCaWi2v_6lWiou3FqvxYEkDHZqOnKjx9Re02F54IWOYL45nt9bBYJbx_thxRjy0476zphFsokrUdyxefufzIQBwT-Nfu4tI5c2VIQ6U22CJCjnvKVOTsI26n0svXN6q07HAmY/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3uKdPgemjDfSgpkqr84lkB-qCLyZmTI59bQcsWVbDeNAzUkmIEZs5S6BdTlSZtcKPzT92I-MkpiUZvi2FVkuRaFKUmeZUcnfXws7xU-qloiGodPJoENzjb1T83xlFwdB7O_Ig6pBi-g/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBUdez8doss6lZoJeu-SI3tjJTqq1fxWOLftOvHyvaQDDBcNxZtvLBhXx6_djOKswawfNqANHhxthNfSi_Tfcp9EM2wTR88PRyle7X56ePp3Ok7cIex5XdlbkzVlgSIWP-uPh1puPdhc4/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGKYVAebvT6f4mJexv792GclpqIxUHhzuBe-_RgZdo7wJ0UiQK6-Clao1m6-oxBF1Hn-R-Lb9dtPFe4GHtWMEcGC6j3p_wbsALK0P_BzQVFiL3mZaZLrpi0Udk_y6ZCRzapPqJV5LRbU/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVORbvcnYqhUqULvx11YqDEmvzTuibo_3qO3DgXYphhvNfRYJvthASyiJUn5Rbo3sXV71KldLKRDa_D-PUH1OpvLmOXnS52YYyG8yqjbIiQ9nrQyq-7SNqVj8YosZbdJU8qry_C7YIItA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlQ7U63YMUtaYgjgv_DYGMEb_0Vx_u7W6AEarEFy50NPZ5Mjx1fpoAhyjVR7ocy_WojglGLvqNeEGRaBcvpMjo_k66bhGwAXA_Tj6KrpEoDsQP_LU3G9mZdW_6FwM7PXSMvJn1gMTYdyg/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiQFFlS8y25sttnTzwINoCrfY2BqSpLvMVP9dyguF_S20umxFnfLPpNtHrrNhAh-Lt79ifTgf_BDkhICu4te5NVItenuw4dlFXEj7k0kesA1qxihtuyOwLyzwZgtqTS1qAk-BVDCvdwI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfcLnImma32hzoIRzky98LGeczL-fygSP-VONznLZEDyxYGzfe58OC1YmAHlL-yg5cCHQVzbQzNK_a9Ur-I4H7va6mYgHy_1RsDKNdzgedN8A8WhMdSZh3PNQZStfLnQM4MgMW3sdAsig/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvX1DkdfLIcHe6vcY9hdKcqq-Mox3a_FjobJNSK7r5ytDlpf6QYuDnBZYMrWUAGgX61iCaO_5j3ovfDloRLxCSnM1izf173VtnZU00ca5fXHTO6pqxQbvIoH7YwFsEe91-YhDwfrC-85g/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdzJlYZCpVSbkHwAHKPI1cGiXw7l-lSoSrzPjdZhylAhJwODmg-n8DZRok6k0p0qxajUkQlPSwndbrR2zG074CVT9e_WhDeTld1-8DjDb66r_VmIxS5fgbtL2vX6ByHSB0L79DxZQh5Fk/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH7fNp1nLL7UAhVALAlW6WC9zJ1NPZ4vcCOvy33GEZIL6QDOGpg31n929QOA8VfnfzDrJfRytIfId4A7Tnl2yG7ZDzqbYpgfvx3f39KuinQO-ikBTQNVkSmWKpTsCtVsbQOi5qonDnCw/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUYwI2EgOLIChzA3Gp2lPIanw2QSbR8DA-j6a_N408FAEolPPptiDDSbShbdJENiZY-HYOXJMtrA6oeo8NT7FWEdBU56XYOJJIm0sln2Cg4Ic63bo7M48XL7Hh8rwi0yEIeRB4mhnIUB8/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

------------*fim do tutorial*----------


observação :



Clique novamente para salvar e depois é só fazer os testes, lembre-se que os comentários do blogger podem demorar uns minutos para aparecer, normalmente não demora, então se não aparecer na hora é normal, mas isso não quer dizer que deu errado, nos testes que fizemos demorou uns 2 minutos para ser visível o comentário com emoticons no blogger.
E o melhor de tudo sobre esses emoticons para colocar no blog é que você pode criar os seus emoticons facilmente, repare que os trechos que se repetem varias vezes:
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif'/> :k
&#160;
Cada um numa parte do código é repetido apenas trocando o endereço da imagem e o código para o emotion , portanto se trocar o endereço da imagem: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif'


Fonte : Isabel Tutoriais .

Sem comentários »

Tutoriais

Tutorial - Sistema de avaliação com "mão"

Postado Por: Nayan Baizek - Freelancer

Vá em editar Html no seu template clique em expandir modelos wigets e procure por:

Código :




<data:post.body/>

Logo apos ele cole o seguinte codigo:


Código :

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title" view="score">
</div>

Agora Antes da Tag:


Código :


</body>

coloque esse codigo:


Código :


<script src="http://dl.dropbox.com/u/25793603/ratings.js">
</script>

Sem comentários »

Tutoriais

Tutorial - Botão leia mais com imagem

Postado Por: Nayan Baizek - Freelancer

Esse tutorial me ajudou muito pra botar aqui no blog .

Créditos : Create pro .

Entre no painel do Blogger, clique em design e, depois, em editar HTML.

Marque a caixa expandir modelos de widgets e procure por:

<data:post.body/>

Substitua a linha <data:post.body/> por:

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

</b:if></b:if>

<b:if cond='data:blog.pageType == "item"'>

<data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/>

</b:if>

Agora vá no CSS do template e antes da tag ]]></b:skin> cole este código:

.rmlink {

font-size: 100%;

float: right;

margin-right: 30px;

margin-top: 10px;

font-weight: bold;}

.rmlink a {

font-style: normal;

font-weight: bold;

font-variant: small-caps;

font-family: Arial,Sans-Serif;

color: #24618e; /*Cor do Link*/}

.rmlink a:visited { color: #649dc7;}/*Cor do link depois de clicado*/

.rmlink a:hover { color: red;} /*Cor do link ao passar o mouse em cima*/

Procure então pela tag </head> e cole este outro código embaixo dela:

<!--

/*****************************************************

Auto-readmore link script, version 4.0 (for blogspot)

Homepage: http://vietwebguide.com

Please dont remove this copyright or change it into your own

******************************************************/

-->

.thumbnailimg IMG {

max-width:150px;

width: expression(this.width > 150 ? 150: true);

max-height:120px;

height: expression(this.height > 120 ? 120: true);

}

.thumbnailimg {

float:left;

padding:0px 10px 5px 0px;

}

</style>

var thumbnail_mode = "no-float" ;

var classicMode = false ;

var summary_noimg = 50;

var summary_img = 40;

var indent = 3;

</script>

//<![CDATA[

function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}

function getSummaryLikeWP(id) {

return document.getElementById(id).innerHTML.split(//)[0];

}

function getSummaryImproved(post,max){

var re = /<.*?>/gi

var re2 = /<br.*?>/gi

var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi

var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi

post = post.replace(re4,'')

post = post.replace(re3,'<br /> ').split(re2)

for(var i=0; i<post.length; i++){

post[i] = post[i].replace(re,'');

}

var post2 = new Array();

for(var i in post) {

//if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);

if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;

}

var s = "";

var indentBlank = "";

for(var i=0;i<indent;i++){

indentBlank += " ";

}

if(post2.join('<br/>').split(' ').length < max-1 ){

s = post2.join(indentBlank +' <br/>');

} else {

var i = 0;

while(s.split(' ').length < max){

s += indentBlank + ' ' + post2[i]+'<br/>';

i++;

}

return s;

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var content = div.innerHTML;

if (//.test(content)) {

div.innerHTML = getSummaryLikeWP(pID);

div.style.display = "block";

}

else {

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

if(thumbnail_mode == "float") {

imgtag = '<span class="thumbnailimg"><img src="'+img[0].src+'" /></span>';

summ = summary_img;

} else {

imgtag = '<div class="thumbnailimg" align="center"><img src="'+img[0].src+'" /></div>';

summ = summary_img;

}

var summary = (classicMode) ? imgtag + '<div>' + stripHtmlTags(content,summ) + '</div>' : imgtag + '<div>' + getSummaryImproved(content,summ) + '</div>';

div.innerHTML = summary;

div.style.display = "block";

}

//]]>

</script>

OBS: Para Botar uma imagem invés de leia mais

Procure por :

leia mais e substitua esse trecho :
<a expr:href='data:post.url'>Leia mais »»</a>

Por:
<a expr:href='data:post.url'><img border='0' src='Url de sua imagem'/></a>

Sem comentários »

Tutoriais

Nh Create - Criatividade é tudo !

Menu

Cbox

Quem sou eu

Postagens Antigas - Nh Create

Arquivo do blog

Tutorial - Fantasmas voando no blog

Tutorial - Como botar botão leia mais

Tutorial - Widget de guia

Tutorial - Widget de cor user on

Tutorial -Widgets clássico users

Tutorial - Barra de rolagem colorida

Tutorial -Zoom nas imagens

Tutorial - Domínio personalizado no blog

Tutorial - Emoticons nos comentários

Tutorial - Sistema de avaliação com "mão"

Tutorial - Botão leia mais com imagem

Seguidores

Parceiros