hqm Design

Postagens

Mostrando postagens com o rótulo Html

Anúncios Flutuantes

- agosto 08, 2016

E ai pessoal, aqui quem fala é o Edu...e hoje tenho algo super bacana para vocês Um código de Anúncio Flutuantes, com 2 fechar " X " Como um velho conhecido meu sempre fala Tudo que é simples dispensa comentários extras. Então vamos logo ao que interessa Primeiro passo, você pega o código do anúncio que pretende colocar e guarda. Que daqui a pouco vamos precisar... Widget By BlogZipado Acima esta o script. Basta copia, colocar num Gadgets/ Html/Javascript E a onde esta: Código do seu anúncio Você cola o código do anúncio desejado.

Como colocar Spoiler no Blog

- fevereiro 14, 2016

Isso é um Spoiler, como vocês é algo bem útil que de uma Ajuda vocês a economizar espaço... Abaixo esta o código... "Spoiler" = é o titulo "Escreva aqui" = O texto que sera exibido "Aperte Aqui" = O nome que vai aparecer para clicar Como colocar Spoilers no blog E ai pessoal, aqui quem fala é o Edu...e hoje vou mostra a vocês como colocar Spoilers no blog de vocês... Vocês sabem o que é spoiler? Spoiler é usado em fórum, blog...para ocultar algum texto ou imagem. Abaixo uma demonstração Isso é um spoiler hehehe Aperte Aqui Escreva aqui Aperte aqui Caso você queira colocar uma imagem, pegue o Html da imagem e cole no lugar "Escreva aqui"

Anti-block para blogger

- fevereiro 14, 2016

Anti-block para blogger E ai pessoal, aqui quem fala é o Edu...e hoje venho trazer para vocês algo SENSACIONAL...como vocês sabem o HQM voltou, e voltou com anúncios hehe...mas não é fácil manter anúncios quando há pessoas que usam o Adblock ou similares, isso atrapalha a nossa renda com blogs e isso já deve ter feitos muito de vocês ficarem chateados...mas por sorte existe uma plataforma que não deixa os Adblock "Agir" e melhor ainda, funciona em várias plataformas de site. Se ficou interessado então fica ai por um tempo que vou explicar direitinho como funciona. Beleza? Começando Bem, em primeiro lugar vocês tem que entra no esse site... Anti Block Ok, depois disso você vai ver um site igual esse daqui Como vocês podem ver esta completamente em Alemão...e por uma sorte incrível eu sei o Alemão. Então vamos a Tradução Na parte Einstellungen: Vocês vão colocar o texto que mostrara quando uma pessoa esta usando o...

Carregamento igual ao youtube

- janeiro 23, 2015

Vai dizer que não achou sexy :) -Uma barra vermelha fica no topo do blog. Você pode repara que eu colocei no meu blog, aperte f5 e de uma olhada novamente -1) Vá em em Editar Html e procure pela tag </body> -2) Após encontra a tag, der um entre e coloce em cima dessa tag o seguinte código abaixo. - Código :

Menu Accordion (sanfona)

- abril 20, 2014

Olá pessoas linda. Vou colocar hoje um menu accordiano ou seja igual aquelas sanfona dos Velhos do intério. Enfim vamos ao que interessa o/ -1) Vá em layout e Clique em add gadgets Como sempre Use a opção Html/javascript E colé esse código abaixo Blogger Templates Widgets Guides Wordpress Themes Plugins Guides About us About us Contact us Disclaimer Privacy policy Adicionando Ou Removendo itens do menu Embora seja um código longo ele se repete varias vezes para criar cada item do menu e submenu (menu accordion), então para editar os links do menu recomendamos que faça por partes e salve as alterações a cada trecho que terminar de editar assim não correrá o risco de perder seu trabalho. O trecho a seguir é repetido varias vezes apenas trocando os nomes dos links (texto que aparece no menu): <li class="title"><a href="#" >Blogger</a></li> <li class="downlist...

Colocar Anuncio Flutuante No blogger

- abril 03, 2014

-1 Entre na sua conta do blogger 2-) layout/Gadgest/Html>Javascript 3-) Add Esse Código Fechar X ADD CÓDIGO AQUI!! -() Em Primeiro Lugar Cole esse código no bloco de nota e edite o Como esta pedindo,Caso seja mais avançado Faca da sua maneira.:) -1 Valeu ai pessoal e até a próxima

Como Colocar Caixa De HTML Para Organizar Sua postagem

- março 07, 2014

Como deixa uma caixa de Para colocar códigos ou Palavras Em Destaque.Abaixo Uma Amostra: TextoAQUI! Para Add Essa Caixinha e bem simples: 1-)Na postagem que você estiver fazendo Vá Na Parte Acima Da Postagem Ai Vai ter lá <Escrever>/<HTML> Escolha HTML e Cole esse código <textarea cols="30" rows="3"TEXTOAQUI!</textarea> Pronto!

Colocando No seu blog "Post Aleatório Com imagem e sem imagem"

- fevereiro 15, 2014

Deixando bem claro esse tuturial vem em 2 Subdivisão. >>1 Um Widget de post aleatório com uma imagem >>2 Um widget de post aleatório sem imagem -1 widget Com uma imagem Em primeiro lugar vá num blog Que Seja Um teste do seu blog principal.E Veja sé esse aqui o agrada,Caso não queria vou deixa uma previa abaixo 1->>Layout E o primeiro passa 2>>Adiciona Gadgets segundo passo 3>>HTML/Javascript 3 passo 4>> Adicioune esse código abaixo Adicione em seu blog Ficara essa imagem no blog -2)Agora um link para um post Aleatório. Mesmo processo Do 1 acima 1>>Vá Em layout 2>>Adicionar Gadgets 3>>Html/javascript 4>>Add esse código abaixo Esse Abaixo ficara somente um link Indicando Para Um Post Aleatório.

Como Ocultar O Footer das postagens

- fevereiro 14, 2014

>Ente em modelo é vá em >>Editar HTML Depois disso procure pela tag </head> Ao encontra colé esse código abaixo da tag Pronto agora só salva e ser feliz :) 3-Maneiras de nós Ajudar -1) Curtindo nossa Fanpage no face -2) Comentando Numa Postagem

Player De Web Radio Fixo No Topo do blog

- fevereiro 10, 2014

Vá em modelo>Editar Html Depois procure por <b:skin>...</b:skin> Depois Procure Por ]]></b:skin> E Cole /*Player de Radio*/ ul#Player-fixed { position:fixed; width:100%; margin:0; padding:0; top:0px; left:0px;; list-style:none; z-index:9999; } Agora que teminamo o CSS Vamo pro Hard Procure Por " </body>" , E Cole esse código acima <ul id='Player-fixed'> <iframe src=" http://link do Player da radio " frameborder="0" scrolling="no" width="100%" height="40"></iframe> </ul> A parte Azul representa A Nação azul.Zoa E O link do player O Vermelho não altera! A Lagura Cabe A Você.Ok?,Flw.Bjo -3 Maneiras de me ajuda -1 Curta a Fanpage -2 visite o site do criador do código VDPB 3-Comentem!!

Colocando texto rodativo

- fevereiro 02, 2014

Oi!Eu Sou Goku E Ai Pessoallll,Como vai?,Bem hj vou mostra um tutu muito facil,Como colocar texto rodativo,ok? vamo lá Os textos rodativos são aqueles Que fica passando no meio das postagem,como sé fosse um aviso Exemplo abaixo: Mensagem: Ajudando O Blog 1-)Curtindo a fan page, 2-)Comentando as postagem Bom vocês podem adicionar em Gadgest ou Em postagem -1) Em postagem e simples cole esse código abaixo Na Parte HTML Da Postagem <div id='Destaque'> <marquee behavior =' SCROLL ' direction =' Left '> <span style='font-weight:bold;'> Titulo: </span> escreva o seu texto </marquee> </div> Pronto simples assim 2-) Colocando gadgets e o mesmo processo só que vc vai em layout e cole um gadgets HTML/Javascript e pronto Alterando o código: Em -direction='left'> e o lado você pode mudar para "Right" Flw bejos gatas

Encurta as Postagens

- dezembro 11, 2013

Mostra Link de Encurta As Postagem Em Primeiro lugar Procure Por <head> no HTMl do seu Blog,Faza O Backup para evitar problema antes <script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=bturls&apiKey=R_37db93397f2c5d6b49a0f3d778d2e142"></script> <script type="text/javascript" charset="utf-8"> BitlyClient.addPageLoadEvent(function(){ BitlyCB.myShortenCallback = function(data) { // this is how to get a result of shortening a single url var result; for (var r in data.results) { result = data.results[r]; result['longUrl'] = r; break; } document.getElementById("shorturl").innerHTML = "Compartilhe esse Link: <input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/>"; } BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallbac...

Efeito arco-Iris Nos links dos bloges

- novembro 24, 2013

bem pessoal e um código bem simples que encontrei no site Dicas Para Blogs E Bastaten facil até eu conseguir fazer xD Você Vai no blogger que quer colocar esse efeito e vá em =) layout Depois em add html/javascript e cole esse código abaixo <script src="http://acessoriosparablogs.com.br/arco-iris.js" type="text/javascript"></script> Testado em vários navegadores é aqui a nota para os navegadores que melhor pegou Google Chrome=10 Mozila Firewoks=9,5 (as vezes buga ao atualiza muito a pagina) Internet explore=7,5 (Pegou legal mais como e lenta demora muito para carregar)(#melhoraainterneteexploremicrosoft) =Safari=9 (pegou legal so que buga ao atualiza muito) =Opera mini=9,9(só bugou um vez )

Como colocar pequeno pop up do facebook

- novembro 10, 2013

Como colocar pequeno pop up do facebook Esse Widget é fácil de carregar, tem efeito deslizante e atraente, é útil, pois facilita os visitantes do seu blog visualizarem o botão " Curtir no Facebook " , portanto, esse popup ajudará você a conseguir vários Fãs no facebook. >> Veja uma Demostração da janela Pop UP: CLIQUE AQUI . Observe que, ao descer a página do Blog, a janela Pop-Up aparece com um efeito deslizante ao lado direito do blog próximo ao roda-pé, e na janela aparece o Botão Curtir. Como colocar no Blog: Primeiro : Acesse o painel de edição do seu blog A seguir vá na opção " Layout " e depois clique em " Adicionar um Gadget ": Depois clique na opção " HTML/JavaScripts ". Segundo : Cole esse código dentro do HTML/JavaScripts: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/j...

Free Player De Audio Os 6 melhores

- junho 28, 2013

Postador Edu-San Yoooooooooooo pessoal tudo bem com vocês ? Bem Hoje Vou Postar Uma Novidade Básica Vou falar os 15 melhores players de audio claro que é um Ranking na Minha opinião,Agora cabe a vocês Escolher Qual São Os Melhores Flash Players 1-)Dewplayer Dewplayer é bastante legal Uma Interface Limpa.Um Flash Player.Mais Tem Uma Animação Em Flash Leve e Muito Bonita.Agora Uma Das Melhores Coisas O Uso Dela é livre até mesmo para fins comercial. Ele vem em 5 Tamanhos Mini (160x20) Clássico (200x20) Multi (240x20) Playlist (240x200) Bola (250x65) Site Oficial 2-)Flash Player MP3 Flash MP3 Player é um aplicativo gratuito que permite joga as musicas em seu site fácil é Rápido.E O melhor de tudo você não precisa de nenhuma linguagem de Programação para Instala-lo -Instalação Super Fácil -Controles De Players Padrão -Faz Uma Lista Automaticamente -Totalmente Redimensonavél -Vem Com Uma pequ...

Resumo De Postagem Automatico Para Blog

- junho 24, 2013

Postador Edu-San Yooooo pessoal venho aqui hoje Posta Um Resumo De Postagem Para Vocês,Já que p antigo Não estava mais funcionado por isso peço desculpa é já foi retirado mais voltamos Agora Que A HQMDesign ta com um novo visual.Sim Não fui eu que fiz pois estou sem tempo Pois Estou Upando Animes para O PortalHQM Que Logo em breve vai sair xD Aguardem mais um poco mais vamos logo inicia,né? 1-) Primeiro Lugar entre na Sua Conta Da Google,é depois no blog que você que Colocar Esse Código 2-)Lugar Entre Na Pagina Modelo é Clique Em Editar HTML Procure pela Tag </head> Logo abaixo dela cole esse código abaixo: Sé Quiser Editar summary_noimg = Número de caracteres deste resumo sem a imagem; summary_img = Número de caracteres deste resumo com a imagem; img_thumb_height = Altura da (miniatura) imagem; img_thumb_width = Largura da (miniatura) imagem. Agora Procure Por Essa Tag <data:post.body/> PS:Em Alguns Modelos De Blog Existem 3 dessas é ...

Slider Personalizado

- junho 11, 2013

Postador Edu-San E ai pessoal venho aqui depois de muito posta algo de novo,um slider personalizado no bloger,espero que gostem Loge na conta da google.entre no blog é vá em editar html é procure por </head> logo depois coloque acima esse codigo <script src='http://www.yourjavascript.com/12300300114/mootools.v1.11.js' type='text/javascript'/> <script src='http://www.yourjavascript.com/10162001424/jd.gallery.js' type='text/javascript'/> <link href='http://api.ning.com:80/files/SN3eeozgUFWu*rJrzfJnsEuXtQuTxjUiS6nF2kD5NjG*p341SM0ecKKlIYZHbbNpw-19mQEl257b2cGsvHx8uVz-IyRDaVdN/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/> Agora Procure por ]]></b:skin> #myGallery{ width : 200 px !important; height : 100 px !important; overflow: hidden; } antes dele cole esse texto e personalize ele Agora vá em layoute é coloque HTML/Javascript ...

Colocando Caixa De Busca Personalizada

- maio 25, 2013

Postador Edu-San Caixa de busca é algo fundamental para um blog,Agora As Maiores Das Caixas De Busca não são muito "bonita".Então que tal uma caixinha de busca personalizada?Vamos aprende agora -Em primeiro lugar vá em modelo>editar html E procure por ]]></b:skin> Quando encontra Cole Acima Dele Esse Código abaixo div.search-form { right: 0px; top: -71px; display: block; width: 282px; height: 45px; background: url(https://lh3.googleusercontent.com/-nPJQAv57wOw/T5TKdK3q5HI/AAAAAAAAA4U/pCfSM3sLXsY/s0/pesquisa.png) top right no-repeat; } div.search-form .search-sliding { position: relative; top: 11px; left: 14px; border: none; background: none; width: 220px; font-style: italic; color: #999; height: 27px; } div.search-form .search-label-sliding { position:absolute; top:34px; left:-4000px; } div.search-form .search-button { position: absolute; left: 263px; top: 10 px; background: url(https://lh3.googleusercontent.com/-nPJQAv57wOw/T5T...

Janela Em Pop Up Atomatica

- maio 18, 2013

Yoooooo Pessoal venho aqui já um tempo sem posta mais com eu já tinha avisado antes.Mais então Ao entra em alguns sites você Sé Depara Com Aquele pop up atomatico chatinho,Que na maioria dos site tem,Você queria ter um desse em seu site/blog?.Sé sim Pegue O Tutorial abaixo =) Bem antes de tudo eu não recomendo pois é muito chato pelo menos para mim,Mais Vocês Que Sabem o código e bastante simples igual ao tutorial mais vamos ao que interessa. 1-)Vá Ao Editor de Html do seu blog 2-)Encontre O Código " <head> "é Cole O Seguinte Código fazendo As Modificação No Código script language =" javascript "> window . open (‘URL DO SEU BLOG‘); script > Teste Antes De Qualquer coisa,Ahhh.Sim Tem pessoas que tem anti-pop-up nas barras de navegadores xD Tenho esse outro pop-up que é para as pessoas clicarem no link,mais somente quando clica no link o pop-up séra aberto <a href="" onClick="window.open(‘ URL DO DESTINO ‘); return ...

Coloca Abaixo Da Postagem Sobre O Autor

- março 29, 2013

Postador: Edu-San E Ai Turminha que Acompanha o HQm Design Vou mostra hoje um super tutu muito importante que tem em alguns do meus blog mais a vamos começar logo 1-)primeiro luga entre na sua conta do Google e Depois entre no seu blog e vá em modelo editar html E Procure Por Essa Tag Abaixo Ahh Cliquem Em Expandir modelo de widgets,Ok? ]]> 2-)Acima Dessa Tag Cole Esse Codigo abaixo: #post-footer-autor { width: 100%; height: 67px; /*Altura do campo autor do post */ background: #1E90FF ; /* Cor de fundo */ margin: 8px 0px 8px 0px; /* Distancia das margens do campo do autor */ font-family: Geneva, Arial, Helvetica, sans-serif; /* Estilo de Fonte */ } #autor-img { /* Estilo Avatar */ width: 54px; /* Largura do espaço para avatar */ height: 54px; /* Altura do espaço para avatar */ background: #fff; /* Cor de fundo do avatar */ float: left; margin: 7px; /* Distancia das margens do avatar */ } #autor-sobre { padding-right: 5px; margin: 0px; } #autor-sobre p{ /* Est...