Mestre Blogger

sábado, 9 de agosto de 2008

Como fazer uma lista de links em um Menu Suspenso

Às vezes você quer deixar uma lista de seus sites favoritos em seu blog, porém falta espaço e você não quer chamar muita atenção com a lista. Neste caso o melhor que você tem a fazer é um menu suspenso de links. O procedimento é bem simples. Antes de tudo acesse http://www.blogger.com/ e faça o login. Depois vá para a página Layout-->Elementos de página-->Adicionar um novo elemento de página-->HTML/Javascript. A seguir copie o seguinte código: >TR>

<select style="WIDTH: 169px" name="dd1" size="1"><option ; value=""/>Meus sites favoritos<option value="http://buho21.com"/>Buho21 - Ajedrez online<option value="http://vivi8.free.fr"/>Zorro - The Characters<option value="http://johnwayne.com"/>John Wayne - Official site<option value="http://webdeveloper.earthweb.com"/>Free Java Scripts<option value="http://avpxadrez.com"/>Xadrez Valeparaibano<option value="http://chess-poster.com"/>Chess Poster</select>

</form>

e cole-o ao novo elemento de página que você criou. Nas partes do código em vermelho irão os URLs (endereços) dos sites/blogs para os quais você vai endereçar. Nas partes em verde escreva o nome que você deseja que apareça para cada site. Por fim na parte em laranja digite o nome da lista e na parte cinza o nome do botão para acessar os links - por exemplo: "Acessar", "Ir", etc. Então clique SALVAR e visualize o blog a seguir. O menu suspenso ficará como este:

Outros Pop-ups

No Blogger o único modo de conseguir um pop-up é pela edição de HTML. Seguem as dicas para conseguir alguns outros tipos de pop-ups. 1 - Para conseguir este efeito (passe o mouse), eis o código que utilizei:

<A onmouseover="window.open('http://beckerqueiroz.googlepages.com/janelapopup','Info','status=yes,scrollbars=no,resizable=no,width=350,height=407,left=100,top=47');" href="javascript:void(0)">este efeito</A>

Na parte do código acima indicada em vermelho cole o endereço da janela que você deseja abrir.

2 - Para conseguir uma janela que abra ao clicar-se nela, porém sem o campo para o endereço e com tamanho pré definido, use o seguinte código:

<A onclick="window.open('http://beckerqueiroz.googlepages.com/janelapopup','Info','status=yes,scrollbars=yes,resizable=yes,width=620,height=450,left=100,top=47');" href="javascript:void(0)">Clique para ver o pop-up!</A>

Após o campo para digitar o endereço da janela que você deseja abrir como pop-up você vê as diversas opções de como será a janela. status=yes permitirá que na janela sejam mostradas as opções de internet (histórico, atualizar, etc); scrollbars=yes deixará que apareçam as barras laterais para navegar pela janela; resizable=yes definirá se a janela será redimensionável; width=620 definie que o comprimento da página será em 620 píxels e height=450 deixa a altura em 450. Há muitos outros tipos de pop-up - aqui eu apresentei apenas os modelos mais usados -porém estes modelos sempre funcionam no Blogger, enquanto outros que estão bem para sites não funcionam em blogs. Também é bom recordar, no caso do pop-up que aparece quando a página carrega, que além de muitas pessoas deixarem ativado em seus computadores o bloqueador de pop-ups, para muitas pessoas os pop-ups dão a impressão de um site de propagandas comerciais. Mesmo que o visitante não se incomode com o pop-up, após duas ou três visitas o pop-up fará com que ele perca a vontade de acessar seu blog, pois estas coisas sempre cansam. Enfim, com bom uso pop-ups podem se tornar extremamente úteis, e isso é que importa. Bom proveito da dica acima!

sexta-feira, 8 de agosto de 2008

Como conseguir um Pop-Up para o seu blog

Apesar dos muitos sites na internet que ensinam como criar uma janela pop-up para sua web, nenhum deles ensina como fazer um pop-up para seu blog. Pode-se tentar empregar as dicas feitas para sites para um blog, porém elas quase nunca vão funcionar. Pesquisando sobre o assunto consegui o código que segue, retirado de um site cheio de pop-ups, e ligeiramente modificado. O interessante deste código é que contem uma função de cookies que apenas abre o pop-up da primeira vez que você entra no blog. Depois, enquanto você mantiver esta janela aberta, você poderá atualizar a página quantas vezes quiser que o pop-up não aparecerá. Segue o código:

function openpopup(){

var popurl="Ponha o endereço de seu site aqui"

winpops=window.open(popurl,"","width=600,height=600,")

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

onset = document.cookie.indexOf(search)

if (onset != -1) { // if cookie exists

onset += search.length

// set index of beginning of value

end = document.cookie.indexOn(";", onset);

// set index of end of cookie value

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(onset, end))

}

return returnvalue;

}

function loadornot(){

if (get_cookie('poppedup')==''){

openpopup()

document.cookie="poppedup=yes"

}

loadornot()

</script>

Cole o código dado acima em um novo elemento de página na sub-página de Layout. Para fazer isso:

Acesse www.blogger.com
Clique em Layout.
Vá para a sub-página Elementos de página.
Clique Adicionar um elemento de página.
Na janela que aparecerá escolha a opção HTML/Javascript.
Cole neste elemento de página o código do pop-up e clique em SALVAR.

IMPORTANTE - Ao modificar a parte do código em vermelho tome cuidado para não deixar nenhum espaço no URL (endereço) da janela que você deseja abrir. A parte azul do código pode ser modificada para definir o tamanho da janela pop-up. Bom proveito!

Como remover a barra de navegação do Blogger

Para remover a barra de navegação do Blogger (veja figura abaixo)

em seu blog, siga os seguintes passos:

Acesse www.blogger.com
Após o entrar com sua conta do blogger clique em Layout ---> Editar HTML.
Na parte de CSS do HTML de seu blog busque este código: ]]></b:skin>
(Para achar esta tag na "confusão" de códigos do seu blog pressione as teclas Ctrl+F e na janela que aparecerá digite a tag que você está buscando).
Imediatamente antes da ]]></b:skin> , cole o seguinte código: #navbar-iframe {height:0px; visibility:hidden; display:none}
Se você proceder corretamente o resultado será este: #navbar-iframe {height:0px; visibility:hidden; display:none} ]]></b:skin>
Salve o seu template e visualize o blog

Bom proveito!

sábado, 11 de agosto de 2007

Contato

sexta-feira, 11 de agosto de 2006

Parcerias com outros blogs

Quer fazer parceria com nosso blog? Adicione nosso link/banner e a seguir preencha o formulário de parceria aqui. Após enviados os dados para parceria logo seu link/banner será adicionado em nossa lista.
----MEUS LINKS----

Compartilhando Soluções Salles Vale Tudo Ferramentas Blog Fegatello