Entrei no blog e havia um aviso em uma janela pop up de que o hack do "read more" dos posts mais longos não estava funcionando. O autor do hack, do blog http://hackosphere.blogspot.com/, colocou um aviso em todos os blogs que utilizavam o recurso avisando e ensinando como consertar!
Existe coisa mais considerativa na comunidade de blogs? Se o mundo todo fosse assim...
THANKS, Ramani!
That was so considerate of you to add that popup!
- Antonia
17 de Julho de 2007
Thanks, Ramani!
25 de Junho de 2007
Busca personalizada!
Bom, eu estou em um processo de traduzir e reeditar diversas dicas para blogs, explicações sobre templates e html etc que encontro em diversos blogs que frequento (a maioria está na secção Meta Links ao lado). Claro, sempre darei o crédito do artigo original.
Em segundo lugar estou produzindo meus próprios templates para o blogger beta e disponibilizarei aqui para download os arquivos xml.
Enquanto as traduções e resumos não vêem em massa, eu adicionei uma busca personalizada. Essa busca vai procurar um certo número de sites sobre blogs, html, dicas etc. (sites com mais ou menos o mesmo propósito que este aqui) com as palavras que você buscar. Como já disse, a maioria está em inglês. É um jeito mais fácil do que entrar em cada site que listamos no Meta Links um por um.
Isso é tipo incrível eu diria, pois agora eu posso buscar por qualquer coisa em todos os sites e blogs que eu leio, o que é ainda mais prático que assinar feeds!!
Conforme descubro novos sites relacionados posso adcioná-los à lista de sites em que o meu próprio mecanismo de busca procura. E dá pra criar mais de um mecanismo de busca personalizada...
In Google we trust!
Para fazer sua própria busca personalizada vá ao site: http://google.com/coop/cse/
Bloggers Choice Awards!
http://www.bloggerschoiceawards.com/
Na categoria best blog about blogging você acha alguns bons sites com dicas para blogs! Em inglês...
2 maravilhas
Bom, já que café se tornou um assunto nesse blog dada sua relação intrínseca com a atividade de blogar, o outro assunto principal do blog, eu resolvi postar meus dois principais vícios no mundo do café e chocolate industrializado:
blog traffic - 4 dicas para monitorar e aumentar o tráfego no seu blog
1. link - mostre quem está linkando seus posts e adcione links para seus blogs e posts preferidos. Afinal, blogar é como participar de uma comunidade eu discussão de blogs com assuntos parecidos com o seu.
- adcione uma lista de links de blogs que você visita e participe dos blogrolls desses sites (uma maneira de eles incluirem o link do seu blog)
- Toda vez que você fizer um post que utiliza de informações tiradas de outros blog ou comente o conteúdo de outros sites adcione o link referente e dê o crédito necessário às suas fontes.
- habilite trackback (uma maneira de mostrar quem está linkando o seu blog e, se os bolgs que você linkou também tiverem trackback habilitado então seu blog aparecerá aí)
2. social bookmarks, catálogos e listas (serviços para a comunidade bloggeira)
- participe de serviços de social bookmark e adcione buttons e links para as pessoas postarem seu blog nos bookmarks delas nesses sites (del.icio.us, technorati, digg etc). Buttons como "post this to del.ici.us", "digg this" ou "add this to technorati" disponíveis nos próprios sites são a melhor opção.
Ter seu blog em sites de Social Bookmark é como adcionar seu blog a diretórios de blogs por assunto. O google adciona os links presentes nesses sites à sua busca automaticamente, o que aumenta o rank da sua página quando alguém procurar assuntos relacionados.
3. Adcione seu blog no stumble upon, um plugin para o borwser que permite que as pessoas adcionem seu site às listas de sites delas no stumble upon (funciona como um diretório como os serviços de social bookmarks), dêem notas ao seu site, comentem etc.
4. Utilize o google analytics
O google analytics é um serviço gratuito do google que realiza medições sobre quem está visitando seu blog - quantas pessoas, quando, de onde eleas vieram (como chegaram em seu link, quais posts foram os mais visitados, o que mais interessou em seu site etc. É uma ótima maneira de obter feedback sobre seu site, investir nas coisas que são mais procuradas e perceber em que nicho da internet seu blog se encontra.
como colocar um tocador mp3 no seu blog
Abaixo o código para um tocador de mp3 no seu blog (vc pode colocar como um widget na sidebar):
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="always" flashvars="valid_sample_rate=true&external_url=endereço na net do arquivo mp3 aqui" type="application/x-shockwave-flash" height="52" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" width="155" wmode="transparent"></embed>
24 de Junho de 2007
simbolo e primeiro post da kika
para comemorar o meu primeiro post oficial aqui,
coloco a foto que escolhi por enquanto para ser o simbolo do nosso header!
muito café, net e .... whatever!
A quantidade de info postada pela Antonia está superando minha capacidade de ler!
Obrigada porque estou aprendendo muito!
20 de Junho de 2007
We need COFFEE
Kika, você vai gostar desse blog e pode ser uma boa para adcionar ao seu blog de receitas: All Coffee Recipes.
Como criar a espuma de leite perfeita
Mocha made easy recipes
1.
Ingredients - Ingredientes
Espresso - café expresso
Steamed Milk - espuma de leite
Chocolate Syrup - xarope de chocolate
Preparation - Preparação
Mix together and enjoy! -Misture tudo e aprecie!
2.
Ingredients - Ingredientes
1 cup hot coffee - 1 xícara de café quente
1 pint vanilla ice cream - ½ litro de sorvete de creme
6 tbl chocolate syrup - 6 colheres de sopa de xarope de chocolate
1 cup cold coffee - 1 xícara de café gelado
Preparation - Preparação
Put hot coffee and chocolate syrup in a blender.
Blend to smooth.Cool to room temperature. Pour into a bowl.
Add ice cream and cold coffee.Take a rotary beater, beat until smooth.
Spoon into tall glass, and serve immediately.
Coloque o café quente e o xarope de chocolate no liquidificador. Misture suavemente. Deixe esfriar em temperatura ambiente. Coloque numa tigela.
Adicione o sorvete e o café gelado. Use um misturador (mixer/blender) e bata até ficar uma ficar lisinho. Coloque com uma colher num copo alto e sirva imediatamente.
Adicione o sorvete e o café gelado. Use um misturador (mixer/blender) e bata até ficar uma ficar lisinho. Coloque com uma colher num copo alto e sirva imediatamente.
Social Networks - social objects
Muitas redes sociais na internet são bem sucedidas, e mais ainda são mal sucedidas. Por que? Quais são os critérios?
Um post do blog A Consumer Experience explica muito bem algumas das razões pelas quais redes sociais fazem sucesso ou não, baseado nos princípios delineados por Jyri Engeström.
Atualmente a teoria social das redes acredita em traçar relacionamentos entre indivíduos, mas supõe que os nós são pessoas, isto é pessoas que conectam a pessoas. A teoria dos objetos sociais observa que as redes sociais na internet são, na realidade, pessoas que são conectadas frequentemente por objetos compartilhados: pessoa, objeto, pessoa.
Com Flickr o objeto é a foto. Então você pode imaginar as maneiras em que é útil e simples para as pessoas formarem redes sociais em torno de fotos: comentando, tags, geotagging etc. Com del.icio.us, o objeto é bookmarks. Com Lastfm é música e com YouTube são vídeos.
Redes sociais como MySpace e Orkut, podem experimentar grande sucesso de início, mas a longo prazo tendem a perder sua utilidade perante os usuários, pois formam-se em torno de nada, conectam pessoas a pessoas. O MySpace sofre mais com isso, enquanto o Orkut inteligentemente recentemente introduziu objetos a serem compratilhados em sua rede (vídeos favoritos), depois de um tempo em que claramente a rede perdeu muitos atrativos, embora continue sendo uma rede voltada para pessoas, com um caso particular de sucesso a ser analisado: os brasileiros.
O Facebook agora experienta também mais sucesso após introduzir novos elementos a serem compartilhados nos perfis e habilitar third party applications.
Redes como Twitter , cujo objeto compartilhado são os tweets (o status: se vc está online, o que você está fazendo etc), podem facilmente substituir as redes sociais como MySpace, pois apenas servem de centro em torno de indivíduos que definem seu status, comunicam-se em tempo real ou não e listam as redes sociais das quais fazem parte, criando um pequeno diretório de participação e compartilhamento de arquivos para casa indivíduo e nas publicações online relativas (blogs) um widget do tipo "follow me on tweeter" ou "What am I doing right now".
Um problema enfrentado pelas pessoas que fazem parte de diversas redes sociais (afinal, cada uma em torno de um objeto social) é o dos múltiplos usernames, senhas, perfis. Existem agora redes com aplicativos que permitem logar com informações de outras redes e importam diretamente as informações do perfil da pessoa (o que seria muito mais prático para todo mundo), mas isso significa por trás acordos comerciais, afinal uma rede atrela-se a outra no momento que faz isso, de modo que ou as duas redes pertencem à mesma empresa - por exemplo, o google possui orkut, gmail e blogger, que foram todos agregados com a google account - ou há um acordo entre as empresas.
link para o post no A Consumer Experience: Five Secrets of Web 2.0 Success - Social Objects Theory
Entendendo o template do blogger beta
Introdução:
O template do blogger beta (novo blogger) utiliza XML data ao invés de HTML, como o blogger clássico, o que siginifica que, se o blogger clássico toda vez que a página era autalizada, criava um novo arquivo HTML na sua conta blogspot – e por isso era necessário republicar o blog toda vez após cada atualização -, o blogger beta atualiza-se de maneira automática, pois nnao cria um novo arquivo HTML para ser lido pelo browser, mas apenas insere os novos dados na database do blogspot, o que é feito através dos widgets (pequenos aplicativos).
Os templates do blogger beta podem ser “baixados” e “upados” do seu computador e são arquivos XML – não é possível copiar e colar templates do blogger antigo para o novo blogger e vice-versa.
Bom, agora vamos ao template passo a passo:
1. Começando pelas Variable Definitions (o código que vem antes disso é de uso do blogger, como por exemplo para informar mecanismos de busca o assunto do blog etc):
'Variable Definitions' são as responsáveis pela seccão cores e fonts da edição do seu layout. No blogger antigo cada elemento do site deveria ter sua cor definida no CSS com o código correspondente (por exemplo, color: #FFFFFF) e toda vez que fosse para mudar a cor tinha que ir lá e editar o código. No blogger beta é definida uma ‘variable definition’ para este elemento, seja sua cor ou sua fonte, e esta pode ser editada pelo editor rápido de cores e fontes.
Por exemplo, no CSS desse blog nap arte a: link [definições sobre estilos dos links] está color: $linkColor, ou seja, cor do link igual à variable definition linkColor, que é definida com o editor rápido de cores. Se você fosse, por exemplo, no CSS de outro elemento, digamos em a:visited [definições sobre estilos dos links já clicados] e substituir color: $visitedlinkColor; por color: $linkColor, a cor dos links visitados ficará igual à do link normal. E a variable definition $visitedlinkColor não estará mais sendo usada. Mas isso não é necessário se vc pode apenas ir no editor de cores e definir ambas com a mesma cor.
As variable definitions iniciam com o seguinte código:
<b:skin><![CDATA[/*
/* Variable definitions
====================
2. Style Sheet - CSS:
A tag <b:skin> indica o início da seccão CSS de seu blog. A secção que define estilos, desde bordas, cores, até larguras. Cada parte do CSS define o estilo de algum elemento presente na arte HTML (por exemplo, um widget ou o header todo, o content, a sidebar etc).
Em suma. CSS é forma. HTML é conteúdo.
Por exemplo, um pedaço do CSS deste blog é assim:
/* Content --→ DEFINE OS ESTILOS DO CONTEUDO DO SITE (A PARTE ABAIXO DO HEADER/CABECALHO, COMPOSTA POR SIDEBARS E COLUNA DE POSTS)
----------------------------------------------- */
.clear {
clear: both;
}
#content-wrapper { ---→ É O ESTILO DO CONTEUDO TODO
width: 100%;
float: center;
margin: 0px auto;
padding: 0 0 15px;
text-align: left;
background-color: $mainBgColor;
border: 2px solid $borderColor;
border-top: 0;
}
#main-wrapper { ----→ ESTILO DA COLUNA DE POSTS
margin-left: 1%;
padding: 15px 15px 15px;
width: 52%;
border-right: 1px dotted $borderColor;
border-left: 1px dotted $borderColor;
float: left;
background-color: transparent;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#left-sidebar-wrapper { ----→ ESTILO DA BARRA DA ESQUERDA
margin-left: 1%;
margin-left: 2%;
width: 19%;
float: left;
background-color: transparent;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#right-sidebar-wrapper { -------> ESTILO DA BARRA DA DIREITA
margin-right: 1%;
width: 21%;
float: right;
background-color: transparent;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
/* Label Cloud Styles --------→ ESTILO DO WIDGET QUE EU INCLUI PARA MOSTRAR MARCADORES COMO TAG CLOUD
----------------------------------------------- */
#labelCloud {text-align:left;font-family:trebuchet;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:none}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
A parte CSS do site acaba com a seguinte tag (equivalente a <style> no blogger antigo):
]]><b:skin>
3. O conteúdo do blog: HTML tags
Essa é a parte que define o que contém seu site (coluna de posts, elementos de página, footer etc). Toda vez que você adciona ou elimina ou muda de lugar um elemento de página no editor do layout é nessa secção que o código se altera.
O Início dessa secção se dá pela tag: <body>
Dentro de body está o outer-wrapper, que começa com a tag <div id='outer-wrapper'>
Dentro do Outer Wrapper estão:
1. Header Wrapper contendo o cabeçalho
2. Content Wrapper contendo o Main e Sidebars Wrappers
3. Footer Wrapper contendo o Footer.
Se você adciona um elemento de página na sidebar por exemplo é dentro do sidebar wrapper que entrará um novo código, o códiogo do elemento que você adcionou.
Os widgets começam com <b:widget e terminam com </b:widget>. São eles que pegam e colocam ou tiram informação da database do blogspot, coisa que antes não havia no blogger antigo. O template do blogger beta é inteiro baseado em widgets, chamados elementos de página no layout.
Assinar:
Postagens (Atom)
