Como usar o novo Image Map? (Mapeamento de imagens)

Hoooy!♥

Hoje fui usar o Image Map para mapear meu menu de goodies e me deparei com uma nova visualização no site. No começo foi tudo flores, mas quando veio aquela descrição em inglês OMG #queéisso? Não sabia por onde começava. Até porque o jeito de mapear as imagens mudou totalmente! Dai, como sei algumas coisinhas em Inglês pude ter uma noção do que se tratava. E agora vou repassar pra você que teve dúvida de como usar o novo mapeamento de imagens RÁ!

Acesse http://www.image-maps.com/

Olá! Aqui já foi um post bem atrativo, porem, infelizmente com a perda das imagens hospedadas no Tinypic.com, não tenho mais os prints em tempo real.

(Post atualizado em 05/07/2021) 

Para finalizar vá na página Layout>Adicionar Gadget>Html/JAVA SCRIPT ou Texto e selecione Editar Html e cole o código no espaço branco.

Espero ter ajudado tirando a sua dúvida.

Byye♥

PeeperPeerer - saiba quem anda fuçando o seu celular!

http://weheartit.com/entry/113223392/via/leticiacastro

RÁ!

Ta ai um aplicativo ótimo para aqueles que querem saber quem anda fuçando o seu celular sem permissão quando você não está por perto! Disponível para os Smartphones no sistema Android ele permite criar atalhos falsos de tais aplicativos que você queira saber quem anda acessando tais Redes Sociais como: Facebook, WhatsApp ou o Messenger (chat do Facebook) e tirar fotos com a câmera frontal do seu celular sem a sua permissão. Ao pesquisar PeeperPeerer ele apareça com uma carinha irônica na cor vermelha com o nome escrito em japonês (eu acho). No Play Store pelo computador você acessa esse link. Não se preocupe ao acessar pelo computador. Você pode controlar o seu Play Store como se estivesse pelo celular. Confira este post explicando.

Como usar: Para iniciar o aplicativo comece escolhendo uma senha com 4 dígitos. E depois escolha quais serão os aplicativos a serem "protegidos" dos bisbilhoteiros e arraste para a tela inicial do seu celular. Abrirá normalmente como se fosse o aplicativo, mas com uma mensagem de erro. É nesse momento que é usado a câmera frontal para tirar foto sem a sua permissão.

PS:. Ative somente quando não estiver por perto do seu celular.

Fonte de informação: Techtudo

Byye♥

Backup do seu blog das Postagens e do Design

Hey♥

Fazer um backup do blog é muito importante. É mais para evitar algo como perda de design quando vai editar o Html com tutoriais, ou porque excluiu o blog e perdeu todo o conteúdo e quer recuperar do jeitinho que era antes.

Backup de todo o blog

É sempre bom e recomendado de vez em quando fazer a Exportação do blog.

• Outro > Exportar blog (para salvar todo o blog)

Em diferentes casos, você tenha um outro blog e já tenha feito a Exportação clique em Importa o blog  e siga passos mostrados no mesmo.

Obs.: este passo servirá para a criação de um novo blog ou do mesmo. Ele fará com que o blog que foi exportado seja importado neste novo.

• Outro > Importar blog (para ter o blog do jeito que era antes após ter feito a Exportação)

Backup do Design

Modelo> Fazer backup/restaurar>Fazer download do modelo completo ou se já tenha um backup faça o dowload

Olá! Aqui já foi um post bem atrativo, porem, infelizmente com a perda das imagens hospedadas no Tinypic.com, não tenho mais os prints em tempo real.

(Post atualizado em 04/07/2021) 

Bye♥

Paginação numeradas

O Tutorial a ser explicado é igual a Numeração de Página do PH. Aprendi no site Templantes pra você 

Design>Editar Html> Ctrl+F ou F3 e procure por:

<b:includable id='mobile-index-post' var='post'>

antes dele cole o seguinte código:

<b:includable id='page-navi'> <div class='pagenavi'> <script type='text/javascript'> var pageNaviConf = { perPage: 5, numPages: 5, firstText: &quot;First&quot;, lastText: &quot;Last&quot;, nextText: &quot;&#187;&quot;, prevText: &quot;&#171;&quot; } </script> <script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/> <div class='clear'/> </div> </b:includable>
perPage: 5 (Significa quantos posts serão exibidos por página de navegação)
PS:.Deve ser igual ao número de postagens na página principal que você configurou quando criou seu blog. Confira em Configurações » Postagens e comentários » Mostrar no máximo "X" postagens na página principal.» Depois clique em Salvar configurações


numPages: 5 (São quantos números de páginas serão exibidos na página de navegação)
firstText: &quot;First&quot; (Altere First, se quiser por Primeira página, Início ou Anterior)
]lastText: &quot;Last&quot; (Altere Last, se quiser, por Última página, Próxima(o))
]nextText: &quot;&#187;&quot; (&#187; Corresponde ao símbolo "»" você pode alterá-lo por outro símbolo)
]prevText: &quot;&#171;&quot; (&#171; Corresponde ao símbolo "«" você pode alterá-lo por outro símbolo)

agora aprocure a linha:

<b:include name='nextprev'/>

após encontrar selecione e substitua pelo código abaixo:

<b:if cond='data:blog.pageType == &quot;index&quot;'> <b:include name='page-navi'/> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <b:include name='page-navi'/> </b:if> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include name='nextprev'/> </b:if> </b:if>

após ter feito os passos acima, clique em Salvar modelo

Olá! Aqui já foi um post bem atrativo, porem, infelizmente com a perda das imagens hospedadas no Tinypic.com, não tenho mais os prints em tempo real.

(Post atualizado em 04/072021) 

Agora procure pela linha ]]></b:skin> para dar estilo as páginas. Escolha os modelos abaixo:

Aplicativo Andy - roda aplicativos do Sistema Android dentro do Windows

Foto: Baixaki

O aplicativo Andy possibilita rodar qualquer aplicativo do sistema Android em seu PC. Se sincronizar o conteúdo da conta os apps são instalados automaticamente. Itens como: aplicativos, livros, jogos gratuitos ou comprados. Saiba mais acessando a página: Andy.

Bom, acabei de conhecer esse aplicativo no site Baixaki então não posso garantir se funciona direitinho ou não. 

Byye♥

Se for verdadeiro volta ou melhor não vai?

Tenho certeza como você que está lendo esta postagem nesse momento, já se decepcionou com alguém por causa de uma discussão boba. E nessas muitas vezes, já deixaram de serem o mesmo um com o outro. E se afastaram. Talvez até o caso poderia ter sido resolvido numa simples conversa, mas por raiva no momento tomaram uma decisão de se afastar. Comigo mesmo já aconteceu e acontece sempre. Creio que com muito de vocês também. Sei lá. É meio doido. O que acontece com um, acontece com o outro. Como um Deja Vu.

Bye♥

Estou organizando as postagens do blog :)

Olá!

Bom, hoje vou tirar a manhã ou até mesmo o dia para organizar as postagens daqui do blog. Verifiacr se as imagens estão no tamanho adequado, se o texto está uniforme, com pontuação correta, e se as cores estão legíveis. Até porque manter um bom design é ótimo! Pois a primeira impressão é a que fica! Mas só de pensar já me dá uma preguiça Rsrs são quase 600 postagens.

Mantenha sempre a organização. Seja no que for.

Bye♥

Filme: Histórias Cruzadas (The Help)

The Help (Histórias Cruzadas ou As Serviçais) é um filme de comédia dramática, que surgiu do livro romance homônimo de Kathryn Stockett. O filme é um retrato sobre uma mulher caucasiana, Eugenia “Skeeter” Phelan, e o seu relacionamento com duas empregadas negras durante a era americana dos Direitos civis no idos de 1960. 

Skeeter é uma jornalista que decide escrever um livro da perspectiva das empregadas (conhecido como The Help), mostrando como elas estão sofrendo racismo na casa de brancos.

O que significa DIY?

DIY é uma abreviação de Do It Yourself "faça você mesmo". A atitude DIY faz com que se evite o plágio, no intuito de conceituar de que a pessoa pode fazer algo sozinho.

Alguns DIY:

• Looks (Moda);

• Calçados;

• Cabelos (Penteados);

• Maquiagens;

• Artes (Variadas);

• Acessórios (Utilitários pessoal).

E o mais interessante que a DIY foi criado no movimentos underground, revelando ambos os conceitos de Monarquia com o Punk/Pos-Punk, em paralelo a Anarquia dos Anarco-punks. Basicamente é uma sigla usada para denotar que determinada banda faz todo o trabalho pelas suas próprias mãos, ou seja, tudo desde a organização de concertos, gravação e produção dos álbuns, produção e venda de merchandise, marketing, publicidade, etc... É feito apenas com o suor dos seus elementos, quebrando os padrões criados pelos conceitos de um modelo e cultuando a originalidade a níveis experimentais.

Fonte de pesquisa:Wikipédia.

Bye♥

Filme: Os Estagiários

Gente! Acabei de assistir e amei♥ para vocês terem uma noção, é bem o nosso "mundinho". Digamos que Google, Facebook, Instagram da vida. Hahahah

Filme de comédia tem a duração de 119 min. Foi lançado em 2012 nos cinemas norte-americanos em 7 de junho de 2013 e nos cinemas brasileiros em 30 de agosto de 2013.

Fonte: Wikipédia

Sinopse:

Em 2013, Billy McMahon e Nick Campbell, vendedores experientes que estão na casa dos quarenta anos de idade, ficam desempregados, pois a empresa onde trabalhavam fechou. Depois de algum tempo, Billy consegue uma entrevista de emprego na GoogleInc.; apesar de não conhecerem nada sobre mídias digitais, conseguem vagas como estagiários; juntamente com a dupla há centenas de outros candidatos, muito mais jovens e especializados do que eles. É solicitada a divisão dos candidatos em vários grupos, que serão avaliados em diversos aspectos; o de melhor desempenho, garante a efetivação dos seus membros. Billy e Nick ficam no grupo "dos que sobraram": Stuart, que está sempre com seu smartphone; Yo-Yo, um descendente asiático que sofre com a rígida educação dada por sua mãe; Neha, uma descendente indiana que externa sua hipersexualidade. Outro estagiário, Graham, se torna o antagonista, liderando a melhor equipe e praticando bullying com a equipe dos protagonistas. Apesar da tensão inicial, o grupo, durante uma partida de quadribol trouxa, uma das tarefas consegue desenvolver um senso de equipe e conseguem superar as diferenças e usando o que cada um tem de melhor, tentarão realizar o sonho de trabalhar no Google.

ESPERO QUE TENHAM GOSTADO DA INDICAÇÃO DO FILME♥

Tutorial: efeito "Apagar as luzes" nos vídeos

Você já devem ter visto este efeito em outros blogs, inclusive aqui no PH. Geralmente é colocado quando se tem um post com vídeos e acima você vê um link "Apagar as luzes" clicando nele, faz com que a tela toda do seu PC fique escura e só é visualizada o vídeo. Pois bem. Irei passar o código pra vocês.

Tutorial: arquivo do blogger em forma de calendário mensal com as postagens do dia

Já viram a novidade de gadget daqui do PH? Não? Pois acesse alguma postagem e confira. Achei o resultado maravilhoso! Amei♥ Este tutorial aprendi no site Template pra você. Ótimo site de tutoriais para blogs. Vamos lá?

Publique fotos no Instagram pelo computador

Para você que tem o Instagram mas não tem um celular com os sistemas Android e/ou iOS para poder publicar as fotos que até então, só se publica pelo celular. Isso acabou!! Rsrs 

Conheça o Gramblr. Simples e prático! Nele você irá conseguir publicar suas fotos na conta do Isntagram direto do seu computador :)

Download

Bye Bye♥

Tutorial: personalize o LinkWithin

Hii *-*

Que tal esquecermos aquele estilo do LinkWithin pra lá e deixar da maneira como quiser? RÁ! 

Modelo>Editar Html> pressione as teclas Ctrl+F> procure por

]]></b:skin> 

acima cole o seguinte código:

.linkwithin_posts {
width:700px !important;
}
.linkwithin_posts a {
border: none !important;
padding-right:18px !important;
background-color:#fff;
background-image: none;
height: 200px;
}
.linkwithin_posts a:hover{
background-color:#fff!important;
}
.linkwithin_title:hover {
color:#ffffff!important;
background-color:#ff003a;
text-decoration:bold; !important;
}

Altere o seguinte:

Vermelho: Recomendo que você não altere o valor 700px; e 200px;. A não ser que fique desproporcional com o tamanho da largura das suas postagens.

Violeta: Altere "border:none" para outros tipos de bordas.

border: 2px dotted #000000

border: 2px dashed #000000

border: 1px solid #0000FF

border: 4px double #FF0000

border: 3px groove #6666FF

border: 4px ridge #FFFFCC

border: 3px inset #FFFF99

border: 2px outset #6699FF

Roxo:
1ª Cor do fundo do gadget
2ª Cor do fundo quando passar o mouse

Azul Turquesa: caso queira um imagem como fundo, ao invés de cor. Deixando assim: background-image: url("URL DA IMAGEM")

Verde: cor do texto
Azul: cor do background do texto
Lilás: estilo do texto. Caso não queira negrito altere "bold" para um outro efeito:

underline  /* sublinhado /*
italic  /* italico /*
bold  /* negrito /*
line-through /* tachado /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*


Caso entende mais de Html fique a vontade hahah♥
Byee! 

Inkscape: Efeito Desfoque e Opacidade

Olá!

Vou ensinar um efeito que usei no banner do meu blogger. Apesar de ser básico ele fica ótimo!! Pois dá para contrastar com a mesma cor do fundo de uma background que é escolhido. Fiz um vídeo tutorial explicando como faz esse efeito desfoque. 

Porem, estou atualizando esse post, com o efeito opacidade como na imagem abaixo, que também é mostrado no vídeo como se faz :)

Post atualizado em 28.03.18
Bye byee♥

Tutorial: removendo o "Assinar Postagens (atom)" do Modelo Travel do blogger

Boa tarde galera *-*

Bom, esse tutorial vai ajudar à você caro leitor que se incomoda tanto com este bendito link, assim como eu. 

 

Vamos lá?

Modelo>EditarHtml>Pressione as teclas Ctrl+F e procure por: ]]></b:skin>

Acima do ]]></b:skin> cole o código a seguir:

.feed-links{

display:none !important;

}

Visualize e pronto! São poucas as chances de dar errado. Lembre-se, testei no modelo Travel do blogspot.

Encontrei no blog Jus...Paradise. 

Obrigada!

Bye Bye♥