Aprenda mais com o Dicionario do blogueiro

Bom são muitas,palavras e termos "bloguistas", por esse motivo, estarei dividindo, o dicionário em partes, e estarei na medida do possível adicionando mais partes.Espero que aprenda um pouco mais com esse dicionário:

1: Dicionário do Blogueiro-Part 1
2.Dicionário do Blogueiro-Part 2

Dicionário do Blogueiro-part 2

Bom continuando, a busca pelo conhecimento.

Estamos agora na parte 2 do dicionário do blogueiro. Agora estaremos passsando, os significados de mais palavras, que rondam a blogosphera. Desta vez eu consultei cada vez mais o Wikipédia, e tambe a ajuda blogger.

Primeiro vamos aos resultados da ajuda blogger:

1.Postagem/post : A postagem é um texto de sua autoria.Você fala nela, suas opiniões e assuntos em geral.O blog é composto de várias postagens e todas as postagens são armazenadas no banco de dados do Blogger.

2.Header Segundo o wikpédia :

Na terminologia da informática, o header - ou, simplesmente, cabeçalho - consiste na parte que contém as informações suplementares colocados no começo de um bloco de dados que estão sendo armazenados ou transmitidos, usualmente por e-mail ou em pacotes dos dados emitidos através da internet, são precedidos pela informação de cabeçalho tal como o remetente e os endereços do IP do receptor.
(Muá diz)
Focando mais em blog, header é o local, aonde se coloca uma imagem, ou texto com o nome do blog.

3.Sidebar: Sidebar é o local aonde são colocado, widgets, imagens é tudo que se encontra na aba Layout.
Geral, são aquelas barras laterais do blog.

4.Gadget : gadget algum pequeno software, pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior. no caso Blogger, o gadget e tudo aquilo que se agrega na sidebar.
Até mesmo de uma forma engraçada, gadget e uma gíria que significa "gerigonça".


5.HTML: Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum. Basicamente o blog e composto por HTML aqueles códigos, que compõem seu template, widgets enfim, praticamente tudo no blog, tem sua parte em HTML.

6. CSS :
Segundo nosso amigo "WIKI": Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Bom acho que ja deu, pra você notar, que não são poucos os termos, usados por blogueiros.
Por esse motivo, eu irei dividir essa post em várias partes e de tempos em tempos farei uma nova.

Espero que tenham aprendido algo.

Snap Shots- Coloque visualização de imagens de links no blog

Já cansei de entrar em links sem saber, ao certo o conteúdo de tal coisa, ou se é apenas vírus ou se é um website.Para não deixar os internautas, com esse ar de dúvida, sobre o destino de meus links gora, eu tambem incrementei o Snap Shots.
Se esta boiando, sobre esse tal de Snap shots, eu ire explciar ao certo o que é:

Snap Shots usa seus links para trazer as informações mais adequadas sobre os sites que você está apontando. Mostrando imagens relevantes sobre o site, você tem uma noção do que você possa estar linkando.

A única Coisa que tem que fazer, é um cadastro no site e responder o formulário.

 https://account.snap.com/

Se quer ver funcionando aqui no blog você vê facilmente,pois tambem uso.

Colocar paginação no blog

Essa, video-aula do meu amigo Felipe, do blog BaixaBrasil Br,achei uma boa, e então decidi postar aqui.
Espero que gostem. Vale a pena assistir


Vídeo-Aula



Para aqueles que não sabem, o que é paginação:

Páginação é: São aquelas paginas numeradas.

Dicionário do Blogueiro

Bom se você ainda não sabe muito sobre blog,Esse dicionário com o significado de algumas palavras irão te ajudar na sau busca pelo conhecimento sobre a blogosfera. Não sei o siginificado de todas as palavras, e termos mas as que eu  conhecer e as que o wikipédia souber, então estarão aqui.^^


1.Blogueiro: Aquele que cria o blogger, quem mexe com blogs.

2.Blog: Segundo o wikipédia "Um blog (contração do termo "Web log"), também chamado de blogue em Portugal, é um site cuja estrutura permite a atualização rápida a partir de acréscimos dos chamados artigos, ou "posts". Estes são, em geral, organizados de forma cronológica inversa, tendo como foco a temática proposta do blog, podendo ser escritos por um número variável de pessoas, de acordo com a política do blog."

3. Blogosfera:é todo o meio que se compreende a weblogs os blogs como comunidade e rede social.

4.Template: Bom vamos ao wikipédia: "Template (ou "modelo de documento") é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final."

 5.Feed:  Muito usado para poder receber atualizações de outros blogs.


6. Widget: São tudo aquelo que completa seu template, desde contadores, até efeitos.Em geral Widgets são tudo aquilo que, você coloca em sua sidebar.

7. Blogger: Voltando ao wikipédia:

"Blogger, uma palavra criada pela Pyra Labs, é um serviço do Google, que oferece ferramentas para edição e gerenciamento de blogs, semelhantemente ao WordPress.
Blogger permite a hospedagem de um número ilimitado de blogs nos servidores do BlogSpot (semelhantemente ao WordPress.com), ou em um servidor próprio do usuário (via FTP). Os blogs hospedados no BlogSpot incluem uma barra de navegação do Blogger, que não pode ser removida, através de alguma opção da interface do Blogger. Porém, existem tutoriais explicando como removê-la, através de um hack. Os termos de serviço do Blogger não especificam se tal ação é uma violação ou não, mas muitos usuários do serviço optam por fazê-la".

Se ainda tem dúvidas sobre algumas palavras comente ou então, pergunte na ajuda do Blogger:

Ajuda Blogger

Contadores Online

Dito e feito. Como disse anteriormente aqui está a post com os contadores online, para blog.
Bom primeiramente, para aqueles que não sabem como colocar, o contador online, eu estarei explicando passo a passo. (E Fácil eu sei mas ninguem nasceu, sabendo!! ).



1 passo:
Vá em Layout>Adicionar Gadget>Adicionar HTML/Javascript:

E antes de colocar o código, você irá escolher o contador, que mais gostou.
Estarei dando tres contadores aqui:

1.OPromo: que alem de dar os contadores online. Tambem disponibiliza os contadores de visitas!




2.Whos Amung. Geralmente muito usado pelos blogueiros. ele tambem da um mapa widget para ser post em seu blog, e você ficar sabendo de onde vem suas visitas. Whos Amung Map.






3-2 Whos Amung Map 
Aproveitando o embalo da post, tambem decidi postar, nessa mesma post o mapa do Whos Amung.

Colocar contadores em seu blog

Quer que os outros saibam, quantas visitas seu blog tem? e Ficar sabendo quantas pessoas estão te visitando?
Pois aqui esta um meio deles saberem, que é o contador de visitas, vários sites dão esse serviço, para que você possa ter seu próprio contador.
Além do contador de visitas, temos tambem os contadores de pessoas online,mas isso ja é assunto pra outra post.

Vamos para os exemplos de contadores escolhe entre centenas de contadores, uns 3 que mais gostei!.

1. Histats



Interface bonita, e é muito fácil de usar. Gostei muito desse aqui eu recomendo. (E é o que mais se vê em blogs)

2. Flag Counter

 É em inglês mais e de fácil compreensão, ele mostra bandeiras com o número de visitantes, de cada país que visitou seu blog. Dá a opção de Número de colunas e de bandeiras, que serão usadas no contador; além de tambem poder escolher a cor do "background" do texto e da borda.

3-Site meter

Tambem não é ruim. Faz as funções corretamente tudo certo.
Não vejo muito sendo usado, mas tambem, dá conta do recado.

Bom não sei se você gostou ou não, mas coloquei aqui os que gostei. Se nao gostou desses aqui, não tem problema, não existem apenas Três ^^.

Banner Maker Pro- Faça seus Banners com este programa

Com o Banner Maker Pro você poderá criar banners, anúncios, botões e logotipos profissionais utilizando recursos intuitivos. O programa pode ser usado principalmente por aqueles usuários que sentem dificuldades em aplicativos complicados de edição de imagem.


Então se você  quer fazer, seus banners profissionais, animados, faça com esse programa recomendo, meus banner a maioria foram feitos, com a ajuda desse programa.

Ficou interessado então crie você tambem:

Download Banner Maker Pro

Blockquote- Pra que serve?

O blockquote ou "bloco de texto" é usado para poder dar destaque em algo de seu texto.
Ele facilmente usado usando as "aspas" que ficam no topo do painel.
Ele é geralmente usado, quando se quer mostrar algum código, em postagens, ou alguma citação.
Alguns templates já vem com esta função.

Exemplo:

Meu blockquote é Esse!!

 
Para mais configurações proure em seu HTML esse trecho

.post blockquote {
margin: 10px;
padding: 8px;
background: coloque aqui o valor da cor do background, ou até então uma imagem de fundo.
}

Margin: são as bordas do blockquote.

Eu posso!!! Você tambem pode?

Se eu posso você tambem pode, porque não??

Criamos nosso chat se quiser adicionar nosso chat no MSN, é fácil estamos abertos para o público.
Sem restrições.

Aqui esta o meu email:
jorgetaio@hotmail.com

E tambem deixarei aqui o email de meu chat, (que na verdade está com o nome de outro blog meu)
group844193@groupsim.com

Você tambem pode ter o seu chat no msn, porquê não??
Apenas faça um cadastro no site Groupsim e crie seu chat agora,mesmo.

Coloque relogios em seu blog

O ClockLink é um site que disponibiliza,relógios para serem colocados em websites.
Se você se interessou nos relogios, dê uma olhada nesse aqui:




Bom não é??

Visite a galeria de relógios, e pegue um para seu site/blog. http://www.clocklink.com/gallery.php
A única coisa que tem que fazer e ver qual que mais gostou, e clicar em "view HTML tag", para pegar o código.

Colocar Favicon em Seu blog

Bom antes mesmo de falar como colocar um Favicon, no blog, vamos aprender mais sobre, o que é um Favicon.
Segundo o Wikipédia Favicon é:

"Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.icosite para visualização pelo navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7⁽⁺⁾, os favicons podem ser encontrados também nas abas e na barra de endereço. com de cerca de 16x16 pixels que ficam guardados em um
Os favicons também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.
Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco."

Bom você agora já sabe perfeitamente o que é um favicon, então vamos ao que interessa.


Primeiro crie seu favicon!!


Se você nao quer fazer muito esforço entre nesse site  Favicon From pics.
Ele cria seu favicon em menos de 3 cliques, simples e rápido.


Preencha o formulário de acordo com o que se pede:

Se não entende muito de inglês entre então nesse link:
Favicon From Pics -Traduzido



Depois é so baixar o seu favicon. Já com seu Favicon Pronto use esse código.Foi tirado esse artigo da Wikipédia:

"Para colocar um favicon no seu site você deve inserir:

 rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

dentro das tags

<head> e </head>

Além disto, o ícone em formato *.ico deve se chamar obrigatoriamente favicon e estar hospedado na pasta (diretório) principal do website. De forma que se o endereço da página for http://en.wikipedia.org, o endereço do ícone deva ser, por exemplo, http://en.wikipedia.org/favicon.ico."

BoTão voltar ao topo

Se você possui muitas posts em seu blog, e quer facilitar a navegação dos internautas em seu blog, esse tutorial então foi feito para você.

Bom vamos começar..

1 Procure por essa Tag em Editar HTML:

]]></b:skin>

Depois dele você irá colar esse código:

<div id="codigo">#voltarparaotopo {<br>
padding:5px;<br>
position:fixed;<br>
bottom:10px;right:10px;<br>
cursor:pointer;<br>
}div>

Tudo feito, agora iremos para o próximo passo:Encontre esse código (Ctrl + F)

</body>



Após o código você deve adicionar este:

<a href="#" id="voltarparaotopo"><img src="URL DA IMAGEM" alt="voltar para o topo" /></a>

 Em Url da imagem, escolha a imagem que quiser. Desde setas ate mesmo imagens personalizadas, fica a seu gosto.

Feito tudo isso procure pelo código: 

<head>

Agora para finalizar, adicione abaixo desse código, esse outro:

<div id="codigo">&amp;lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'<br>
type='text/javascript'&amp;gt;&amp;lt;/script&amp;gt;<br>
&amp;lt;script language=&amp;quot;javascript&amp;quot;&amp;gt;<br>
$(window).ready(function(){<br>
$('#backtotop').click(function(e){<br>

e.preventDefault();<br>
$('html, body').animate({scrollTop:0}, 'fast');<br>
});<br>
});<br>
&amp;lt;/script&amp;gt;div>

Mensagem de Abertura de Blog

Para se fazer uma abertura, uma mensagem de abertura, em seu blog, não é nenhum bicho de sete cabeças.

 Veja funcionando aqui: http://chatnoturno.blogspot.com/




Apenas copie este código e cole em sua sidebar, configurando do jeito que se pede.

Código:

<script language="javascript"

type="text/javascript">

alert("Mensagem de abertura aqui") </script> <font

face="Verdana"><span


>10pt; text-decoration:

none"></span></a></font>

 O que esta em vermelho será sua mensagem de abertura.
Em azul a fonte do texto (Coloque a que bem entender).
E em verde a fonte de seu texto.

Cadastrar seu blog na Google, yahoo e MSN

Bom anteriormente, eu mostrei o modo de cadastrar seu blog em 321 sites de busca de forma automática:

Link da outra postagem: http://xdicasblogger.blogspot.com/2009/11/divulgue-seu-blogsite-em-321-mecanismos.html

Mas agora estarei mostrando, o jeito manual da coisa.

Primeiro vou ensinar como cadastrar na Google:

Apenas entre nesse link:
http://www.google.com/addurl/?continue=/addurl

Apenas clique no link, e preencha o formulário.

Agora como cadastrar no Yahoo:

Link para cadastro:http://submit.search.yahoo.com/free/request

Tambem e só preencher o formulário, mas sóque neste caso, é preciso que você se cadastre, no Yahoo

E por fim o Bing

Link: http://www.bing.com/docs/submit.aspx

Neste caso tambem se aplica, o que disse dos outros.

Divulgue seu blog/site em 321 mecanismos de busca

  
Divulgue seu blog clicando na imagem acima

Uma das primeiras coisas, que um blogueiro que acabou de terminar seu projeto e divulgá-lo!!
Há várias maneiras de se divulgar um blog, através de parcerias, indexadores, e o mais importante os mecanismos de busca.

Você que ja tem um blog pronto ja deve ter, visto que cadastrar seu blog em mecanismos de busca, manualmente demora e tem que ter muita paciência.
Muitos recorrem a cadasto automático, sem demora, e sem muito trabalho.

Agora estarei falando de um desses sites que cadastram seu blog automaticamente.È o DivulgadorDataHosting, 
 Que divulga seu site/blog em 321 sites de busca de maneira rapida, sendo que 35 desses sites são brasileiros, e 286 são internacionais.

Apenas, preencha o formulário e pronto em questão de minutos, seu site/blog estara por ai no mundo.

Colocar Rádio em meu blog

Se você está achando que seu blog esta com um ar de "meio morto", sem graça você pode colocar alguma rádio,para ver se da uma "animada" no ambiente.

Estarei repassando para vocês alguns sites de webradios que disponibilizam, players para serem colocados em Websites,

-Rádio Wanteds

-Rádio Fusion

-Radio Giga Brasil

Crie seu banner online

Para podermos conseguir, mais visitantes precisamos de parcerias, com diversos blogs.
Mas cá entre nós uma parceria de link não é muito chamativa e não te faz receber muitas visitas, a melhor forma de parceria, é feita através de banners, são aquelas imagens que contem um texto animado, Etc, que contém o seu link.

Existe um jeito fácil de conseguir criar seu banner, de maneira online sem precisar saber muito de photoshop de nada, quase!

Eu darei uma lista com 3 sites que disponibilizam esse serviço:

1-Flash Vortex

Que alem de criare seus banner online, tambem cria menus,butoons,relógios para colocar em seu blog e textos animados. Seus banners são de ótima qualidade. 

A única coisa que não acho muito elegante em seus banners são os créditos que ficam na parte inferior do banner. ^^

2-Mybannermaker

Tambem muito bom, ele ja è direcionado totalmente ao banner,

ele te da a opção da escolha do tamanho do banner,

o fundo "background",bordas e disponibiliza efeitos para aplicar em seu banner.

E tambem tem o mesmo problema do flash ,que se você não tiver uma conta vip,

tambem ficara os créditos na parte inferior, do banner.

3-Banner Fans

Na minha opinião e um dos melhores para criação de banners,

tambem disponibiliza mudar a fonte do texto,o layout, efeitos e sombras,bordas e formato.

para cada atualização você tem que clicar em "update my banner".

terminado clique em "Get codes" e pronto.

Lá mesmo você troca a url pela a url de seu blog, e o código e alterado no momento.

Efeito maquina de escrever em imagem

Em mais uma de minhas viagens na Net, acabei me deparando com algo que não tinha visto antes e o
Screedbot, ele te da o recurso de criar o seu próprio texto animado, em estilo de maquina de escrever.

A única coisa que tem que fazer e visitar o site,e criar seu texto depois e so hospedar ou no imageshack,

ou no Flickr aqui está um exemplo de como deve ficar:

Aki esta o site para você poder fazer seu próprio tex to animado:

SCREEDBOT

Widget postagens recents

Já encontrei esse widget ja faz um tempo, mais só decidi postá-lo aqui agora. ele e bem bonitinho, tem uma forma de sanfona e mostra as ultimas postagens do seu blog.

Ele e disponibilizado pelo FeedSplush 

Apenas faça o registro clique em "NEXT STEP",colocar a URL Feed clicar novamente em "Next Step", definir a formatação, clicar em "Validate and get my code", copiar o código e colar na sua sidebar: 

Personalizar > Adicionar um Gadget > HTML/JavaScript. 

Pronto! 

Clique na imagem para fazer o cadastro.

Como criar uma rede de hospedagem de imagens> CHEVERETO

O chevereto te da essa possibilidade de poder se igualar um dia a um "imageshack da vida"

Que tal criar uma rede de hospedagem de imagens e não depender nunca mais de mais ninguem para ter suas imagens online?

O chevereto de da suporte para poder criar sua rede sem muito trabalho apenas baixe os arquivos e ele não precisa de mysql ("banco de dados") pois ele ja vem pronto para uso...


Se interessou??
Se sua resposta for sim aqui  esta o link para o download:


Chevereto_Download

Arco-Ìris em links

Primeiramente para se colocar o efeito de arco-íris em seus links tem que se apenas usar um único código mas antes.Procure por essa tag ]]></b:skin> depois apenas cole esse código abaixo dela e salve .

Código:

<!-- INÍCIO DO SCRIPT LINKS COLORIDOS-->

<script type='text/javascript'>var thumbnail_mode = &quot;float&quot; ;summary_noimg = 230;summary_img = 140;img_thumb_height = 100;img_thumb_width = 100;</script>
<script type='text/javascript'>
//<![CDATA[

////////////////////////////////////////////////////////////////////
// Setting

var rate = 20; // Increase amount(The degree of the transmutation)


////////////////////////////////////////////////////////////////////
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID


if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}


//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}


//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}
//]]>
</script>

<!-- FIM DO SCRIPT LINKS COLORIDOS-->

Torne-se um criador de jogos Rpg

Rpg Maker VX-Crie seus jogos RPG

Eu estava a procura de meio rapido e fácil de se criar um jogo, de gênero RPG..
E finalmente eu encontrei, não demorei muito e ja estou quase terminando o meu joguinho ^^

Bom o Rpg Maker é a ferramente definitiva para criação de jogos do gênero Rpg .

O RPG Maker é um programa de computador que permite que fãs de jogos de RPG, tanto eletrônico quanto de mesa, possam criar seus próprios jogos de RPG para computador. A vantagem e a graça do RPG Maker está no fato de que qualquer pessoa pode criar um jogo, sem saber programar em nenhuma linguagem de programação.

Ele te da muitos recursos para se formar um jogo de alta qualidade ele e dividido em duas (as ultimas e melhores versões na minha opinião)

Rpg maker XP: para quem usa o windowns XP

RPG maker Vx : para quem usa o windowns Vista.

Os dois são muito bons por esse motivo deixei aqui o link para download baixe a vontade^^

Rpg maker Xp-Download
Rpg maker Vx-Download

Botões de Avaliação em suas postagens

Para colocar botões de avaliação de postagens apenas requer poucos passos.

Útil para aqueles que querem saber se suas postagens estão ou não agradando aos internautas..

Outra vez esse tutorial tambem requer que seja feito no BloggerDraft.

Voltando..

Vá em layout:

Agora va em editar em "postagens do blog ou posts"

 Lá aparecera assim:

Agora Selecione a Caixinha Reações:

Ese quiser editar as reações clique em EDITAR

Agora e só salvar!

Depois vá em EDITAR HTML e procure esse código (usando Ctrl + F)

<div class='post-footer-line post-footer-line-3'/>

Cole então depois desse codigo o código abaixo:

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td valign='center'><span class='reactions-label'>
<data:top.reactionsLabel/></span>
</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

Link Within-Coloque posts relacionados em seu blog

Um meio de deixar o internauta mais tempo em seu blog e usando posts relacionados.

Porque quando ele acaba de ler um post ele se depara com mais 4 (ou 5) posts em que se interesse.

Bom esse  widget e muito facil de instalação não requer nenhum tipo de código nem de muito tempo
 de trabalho, apenas visite esse link  Link Within

Lá irá aparecer a seguinte imagem:

em EMAIL coloque seu email.
em BLOG LINK você irá colocar a URL de seu blog.
Em PLATAFORM você ira escolher Blogger.
WIDHT são os números de posts relacionados que irão aparecer.
Se seu blog for de fundo preto e texto branco ou de cor clara clique em "My blog has light.."

Tudo feito clique em GET WIDGET!.

Lá aparecerá  como será instalado o widget apenas clique em INSTALL WIDGET ele será instalado
diretamente em seu blog.

Colocar paginação no blog com widget

Sem muito que trabalhar estarrei disponibilizando aqui um widget de paginação para seu blog:

Essa eu vi no site Links e Links, bom continuando como diz o tutorial ele deve ser utilizado no BloggerDraft.

1.Vá em layout e adicione um gadget:

2.Copie o seguinte código abaixo:

<style>

.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;

}

.showpageArea a {border: 1px solid #505050;

color: #ffffff;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;


}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;


padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;

}


.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;


text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}


</style>

<script type="text/javascript">

function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;


var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';


var downPageHtml ='';

var pageCount=5;

var displayPageNum=3;

var firstPageWord = 'First';

var endPageWord = 'Last';

var upPageWord ='Previous';

var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';


for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){


if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

}


}//end if(post.category){

itemCount++;

}

}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}


if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

itemCount++;

}

}

for(var p =0;p< htmlMap.length;p++){


if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';


}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';


}

fFlag++;

}

if(p==(thisNum-1)){

html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';


}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';


}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';

}

}

if(eFlag ==0 && p == thisNum){


downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){


}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){

if(!isLablePage){

html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';


}else{

html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}

}

html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;


if(thisNum<(postNum-1)){

html += downPageHtml;

html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';

}

if(postNum==1) postNum++;


html += '</div>';

if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){

html ='';

}


for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}

if(pageArea&&pageArea.length>0){

html ='';

}

if(blogPager){


blogPager.innerHTML = html;

}

}

}

</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>



Salve.

Agora como manda o tutorial, pegue o gadget que acabou de criar e o arraste para o rodapé do blog.

Pronto!!

Tradutor para blog

Se você tem muitos visitas (ou ate mesmo poucas não sei) de pessoas estrangeiras de paises diferentes
e não quer perdê-las por elas não entenderem o que esta escrito em seu blog?

Bom uma alternativa facil e muito útil e usar um tradutor em seu blog (Lógico)...

Bom aqui vamos disponibilizar o tradutor google:


Vá nesse Link: 
http://translate.google.com.br/translate_tools?hl=pt-BR

Essa e a imagem que deverá aparecer:

Agora, Vá em Layout>Adicionar Gadget>HTML/JavaScript:

E copie todo o codigo HTML do site e cole.


Pronto você agora tem um tradutor em seu blog.

Noturno Downloads!!!

Visite meu blog de downloadss.. comente!!!


NoturnoDown:


Se vai visitar eu agradeço muitooooo..


Jorge-Adm

Adicione elementos no cabeçalho

Bom esse tutorial ensina a colocar elementos em seu cabeçalho, muito útil se quiser
anunciar algum produto etc.

Bom vamos ao tutorial:

1. Vá para layout>Editar HTML:

Antes de tudo se você não e muito bom com HTML baixe um modelo completo de seu blog.

2. Procure por esse código:

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

 Deixe agora aonde esta em azul coloque yes e aonde esta de vermelho, você coloque o numeral que corresponde, ao número de elementos que irá adicionar do 2 para lá..

Bom dado o Tutorial bom proveito..

Firebug- Descubra Bugs em seu projeto

Descrição:

"Extensão para o Firefox essencial aos programadores web para identificar erros e códigos de qualquer site." 

Firebug é uma extensão para o Mozilla Firefox que adiciona ao navegador inúmeras ferramentas para facilitar a tarefa de desenvolvimento de páginas web. Ele possibilita a identificação e eliminação de erros de programação, edição e também o monitoramento de CSS, HTML e JavaScript presentes em qualquer página da internet.

Para quem cria sites e utiliza o Firefox, pode ter a facilidade de realizar todas as inspeções em qualquer página web, sendo ainda um recurso interessante para quem está iniciando com a marcação HTML, já que é possível entrar em um site específico e verificar a marcação utilizada nele.

Ótima ferramenta para blogueiros que identifica bugs em projetos... Jorge Adm

"Firebug é um aplicativo aparentemente simples, mas que se torna poderoso e altamente útil para os desenvolvedores web, identificando informações preciosas e não deixando que nenhum erro passe em branco."

Gostou aqui esta para você baixar esse complemento:

Download

Text Area (ou caixa de texto)

Bom você esta afim de colocar uma mensagem texto ou assunto em geral em seu blog??

O text area serve para isso.....

Com apenas alguns códigos seu texto estará lá,

Código:


<textarea style="COLOR: rgb(0,0,0); BACKGROUND-COLOR: #ffffff" rows="5" cols="40">Seu texto</textarea>

Caixinha Link-me divulgue seu blog

Crie aqui sua caixinha link-me, mas preste atenção seu banner ou imagem deve estar hospedada

Se você não a hospedou eu recomendo o imageshack:



Siga as regras e tudo dará certo:

• coloque o endereço (url) do banner e do blog, nos campos indicados em azul.
• coloque o nome do blog nos locais indicados em vermelho.

<div
style="border: 1px dotted rgb(204, 204, 204); padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center;">
<img style="border: 1px solid rgb(0, 0, 0);" src="Seu banner" /><br/>
Divulgue o (nome do blog)<br/>
<input onfocus="this.select()" value="&lt;a target=&quot;_blank&quot; href=&quot;URL DO BLOG&quot; title=&quot;NOME_DO_BLOG&quot;alt=&quot;NOME_DO_BLOG&quot;&gt;&lt;img src=&quot;URL_DO_ BANNER&quot; style=&quot;border: 1px solid #000000&quot; /&gt;&lt;/a&gt;" type="text" onmouseover="this.focus()" style="color: rgb(153, 153, 153); margin-top: 0.5em;" size="20"
name="Banner"/></div>

 Pronto agora o próximo passo e conseguir muitos parceiros...

Banner Rotativo- em blogger

Em meio de minhas fuçadas que dou de vez em sempre, na internet eu acabei me deparando com
Esse hack que acho que muitos blogueiros que tem problemas como eu em meu outro blog o NoturnoDown.

E o problema de ter muitos parceiros isso acaba tomando muito espaço no blog, se você tambem tem esse
problema esse hack foi feito para você.

Então vamos ao hack:

1. Vá para layout > Adiciona um Gadget >html/JavaScript

E adicione o código abaixo:


<div align="center"><marquee heigth="10" direction="up" behavior="scroll widht=" width="120" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="1">Códigos dos seus banners</marquee></div>

Nota entre cada banner adicione uma tag <br/> veja o exemplo:

<div align="center"><marquee heigth="10" direction="up" behavior="scroll widht=" width="120" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="1"><a alt="UsuarioCompulsivo" target="_blank" href="http://usuariocompulsivo.blogspot.com/" title="UsuarioCompulsivo"><img style="border: 1px solid #000000" src="http://3.bp.blogspot.com/_mUT2piLt5H0/SGGbRpJJODI/AAAAAAAAGzA/xOUskYHTKt8/s00/banner-compulsivo.png"/></a><br/>   <a alt="Dicas Blogger" target="_blank" href="http://dicasblogger.blogspot.com/" title="Dicas Blogger"><img style="border: 1px solid #000000" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk37egTOTFgHEgTPy8fFT0Jjk9-U0XN645jhUC-25KofeKrRmYME7FC8CWhVs59LFQ7OWDj1BVz5k6-f-d7w6PhV8ZArmlnqMLGurSCMNMLJqqcbD8EqP2X3syQo-SRljAqhPlFDwJe2x5/"/></a><br/><a href="http://www.icebreaker.com.br/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirSdJtvelWq_Uhz3rYlCFew26jlw5YcHy1L2kVoUMnGbmnSDg5DF6qWiyfLLCS_5oL1Ukq_5svBEnNXZYiSMdXmXSC1Vx9dUaPMBdb_HZFaJDF0kLWroqqqngyG-2uPnHmC2Yo3J_fpQ8/s144/icebreaker120.png"/></a><a alt="Café com Bytes" target="_blank" href="http://cafecombytes.blogspot.com/" title="Café com Bytes"><img style="border: 1px solid #000000" src="http://i264.photobucket.com/albums/ii179/cafecombytes/ccb_bn2.gif"/></a><br/><a href="http://www.dicasparablogs.com.br" target="_blank"><img border="0" src="http://img124.imageshack.us/img124/3554/bannerparceria.gif"/></marquee></div>

Bem Vindo!!

Bom hoje é a primeira postagem do blog X dicas para Blogger, não sei se vocês me conhecem..

ou conhecem meu outro blog o NoturnoDown, mas a idéia que tive nesse blog foi com que tudo o que eu saiba ,e que aprendi nesses meus 2 anos de blogueiro que eu venha a passar, para todos vocês


Espero que daqui para frente vocês gostem desse blogue.


Ass: Jorge-Adm


Seja Bem vindo e um Feliz Natal