[Tutorial] - Criando uma versão Mobile do seu blog! « •My Mємσяιєѕ...•
Home Sobre o blog F.A.Q Contato Perfil completo Perfil do Twitter Página no Facebook Assine o Feed!

9 [Tutorial] - Criando uma versão Mobile do seu blog!

Quem acompanha o meu twitter deve ter visto que eu fiquei muito feliz em transformar o •My Mємσяιєѕ...• em uma versão para smartphones,e eu descobri como fazer isso a apenas alguns dias,de tanto fuçar no Google!! rsrs
Algumas pessoas podem nem ver muita moral em fazer essa 'versão' do blog devido à vários fatores (poucos acessos,falta de vontade e etc..),mas não leva muito tempo e apesar do próprio Blogger estar disponibilizando uma versão mobile padrão,ela é muito feia! #ProntoFalei
Duvidam? Momento 'comparação dramática' pra vocês...rsrs


Para não precisar usar essa versão WAP tão xumbrega,apelei para o site Onbile: a minha mais nova descoberta na web para criar maravilhas como essa página personalizada e totalmente roxinha do •My Mємσяιєѕ...•!! Lindaahh!!

Quer uma dessas pro seu blog?? Então aqui vai um tutorial simpléérrimo:

Essa é a página HOME do site,clique em "Get Started Now"!!

Coloque o nome do seu site (o qual quer que apareça na URL final),uma senha e seu e-mail,marque a 'caixinha' abaixo e vá ao Next Step.

É hora de arrumar o design: escolha o modelo que você mais curtir e para trocar uma das opções de cores com mais facilidade,conte com a ajudinha de uma Tabela De Cores HTML/CSS!
Feito isso,vâmo de Next Step (rsrsrs)

Colocando os conteúdos:
Agora você deve colocar o endereço do seu Feed,algum texto ou endereço de rede social,etc.
O conteúdo depende do layout de página que você escolher.
Depois disso...Next Step!!

Agora,ele irá pedir o endereço normal do seu blog,que é onde o site vai 'instalar' o template Mobile!!
Feito isso,clique em Publish.

 Após todos esses "Next Step's",ele irá gerar um código que você mesmo deverá colocar em seu template.
Como??
Abra sua página de administração do Blogger e siga os passos:
Modelo  Editar HTML  Digite Ctrl+F (p/ abrir a barra de busca do Google Chrome) e procure por </head>
Você deverá colar o código logo acima desse </head>,e prontiinho! \Õ/

Para conferir se seu blog ficou certinho,acesse a página Iphone Tester,e basta colocar o link na barra da URL de dentro do 'Iphone' para ver um preview!!

Super fácil né?!
E uma outra dica que eu aproveito o post pra passar é a dos Feeds via Celular: muitos celulares vêm com um RSS Reader (o Samsung Corby,por exemplo!),e basta você adicionar um Feed,colocando o endereço dele na área indicada,que recebe todas as atualizações pelo celular!! Não é mara??
Se você quiser acompanhar as atualizações aqui do blog,basta digitar http://feeds.feedburner.com/my_memories no seu smartphone!! \Õ/
AAh,e não se esqueça de conferir a versão Mobile que eu criei do •My Mємσяιєѕ...•:
http://onbile.com/MyMemories

 

9 coment's...♥:

Manuelle disse...

Oie Fran, obg pela visitaem meu blog e por seguir.

Parabéns por ter conseguido fazer a versão para mobile para seu blog, ficou ótima super personalizada.
será que tem a versão para wp?? rsr vou fuçar por aí.
bju sucesso...irei vir sempre aqui

Mahpessoa disse...

Bacana o tutorial,depois vou tentar fazer isso com o Trash Rock.
http://blogtrashrock.blogspot.com/

Divas Divat disse...

AMEEEEEEEI A DICA! Super válida!

http://www.divasdivat.com/

Mariana :) disse...

Adorei a dica, depois vou fazer com o Girl Teen, facilita para todos.
Tem post novo. Comenta?
http://girlteen-s2.blogspot.com/

sarah evelyn disse...

Gostei do post,tutorial bem útil,bjs

Sara Neves disse...

eu ja possuo a versao mobile ahaha , mas seu tutorial esta bem explicativo. Muito bom beijos

www.thebestyptt.blogspot.com

Emily Caroline disse...

ótima dica!

Marcos disse...

Acabei de acessar seu blog pelo meu smartphone e a versão não é a mesma que vc criou. A que apareceu foi a mobile do blogger mesmo.

Danny Toledo disse...

nao funciona... e nao consegui vizualisar seu blog tbm.
quatroestacoes.blog.br

Diga o que você achou do post,vou amar saber a sua opinião!!! \Õ/

Mas atenção!!!
→ Não uso moderação de comentários,mas mesmo assim não permito:
•Xingamento a mim ou ao conteúdo do blog;
•Spam:
propaganda de algo que não seja um blog ou site de confiança.Odeio aqueles anúncios que te mandam clicar em um link suspeito...=*
•Palavrão ou qualquer outro tipo de desrespeito!!


Caso você viole as regrinhas,seu comentário será deletado tá ok??!!

Mas fora isso,fique a vontade para comentar!!!

Related Posts with Thumbnails