Image Map

terça-feira, 14 de julho de 2015

Códigos dos Gadgets

Bem, vindos! Eu não tinha nada para fazer e decidi fazer este Layout. Lembrando que, ele é 100% gratuito. Claro que, se você quiser colocar mais coisas, fica a critério seu. Mas lembrando que é um layout gratuito e sempre será. Por que, sério, tem gente que passa um dia inteiro ou mais fazendo um layout como esse (Eu passei míseras 6 horas.) e ainda diz que vai vender por 100+ reais. Mas como tudo tem as suas regras, essas são as regras do Layout:
1. Não distribua o layout sem antes me avisar.
2. Não venda o Layout.
3. Esse layout é bem simples. Caso quiser colocar mais coisas nele, sinta-se a vontade. Mas não o utilize como base e o descaracterize.
4. Não retire os créditos nem diga que foi você quem fez.
5. É opcional seguir algum blog meu ou comentar.

Caso alguma regra for descumprida, vou tomar as medidas mais coerentes. Lembrando que plágio é crime e dá cadeia conforme a lei n° 9610/98. Obrigada!

Créditos:
Blogs que me ajudaram na confecção  deste layout:


Sites incríveis que me ajudaram na confecção do layout.

=> Caso o seu blog/site não estiver aqui ou tenha mudado de domínio me avise para eu poder dar os devidos créditos!




Códigos dos Gadgets!
Deixei os códigos aqui. No próximo post, eu vou colocar o código do layout INTEIRO. Okay?

1. Cabeçalho (Menu.)
Você vai instalar o layout e vai reparar que ele não tem cabeçalho e no lugar do cabeçalho, tem um gadget de HTML/Java Script. Nesse gadget, coloque:
<img id="Image-Maps-Com-image-maps-2015-07-13-211621" src="http://www.image-maps.com/m/private/0/ttujio2hcdtcs6vnpfm8kjsok1_base-para-menu.png" border="0" width="949" height="281" orgwidth="949" orgheight="281" usemap="#image-maps-2015-07-13-211621" alt="" />
<map name="image-maps-2015-07-13-211621" id="ImageMapsCom-image-maps-2015-07-13-211621">
<area  alt="" title="" href="LINK DO SEU BLOG" shape="rect" coords="91,85,226,130" style="outline:none;" target="_self"     />
<area  alt="" title="" href="lLINK DA SUA PÁGINA DE GOODIES/TUTORIAIS." shape="rect" coords="54,131,265,176" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DA SUA PÁGINA DE PARCERIA/AFILIAÇÃO" shape="rect" coords="67,172,278,217" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DE SEU PARCEIRO 1" shape="rect" coords="516,48,604,133" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DO BLOG PARCEIRO" shape="rect" coords="605,45,693,130" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DO BLOG PARCEIRO 3" shape="rect" coords="695,43,783,128" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DO BLOG PARCEIRO 4" shape="rect" coords="787,45,875,130" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DE UM BLOG IRMÃO" shape="rect" coords="581,186,647,252" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DE BLOG IRMÃO 2" shape="rect" coords="656,185,722,251" style="outline:none;" target="_self"     />
<area  alt="" title="" href="LINK DE BLOG IRMÃO 3" shape="rect" coords="728,184,794,250" style="outline:none;" target="_self"     />
<area shape="rect" coords="947,279,949,281" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map>
Edite as partes em vermelho, e o resto, deixe como está.  Dúvidas basta comentar. Os links de blogs parceiros,irmãos, irão aparecer no menu/cabeçalho. E sempre que o leitor clicar em um quadradinho, ele irá ser mandado para o blog. Fica bem fofo e não acumula espaço.

2. Welcome.
É um gadget simples e descomplicado. Caso quiser fazer por conta própria faça sem problemas.

<center style="font-style: normal;">Bem-vindo ao <b>Nome Do Blog!</b></center><center>Agora, você vai escrever sobre o blog tipo.. Quando ele foi criado, o assunto dele, o porquê dele... Mas não enrole muito... Nem seja muito objetivo... Ah, não se esqueça de usar o <b style="font-style: normal;">negrito </b>e <i>itálico</i></center>

Edite como quiser e adicione uma imagem destas:




3. Pesquise
A caixa de pesquisa é a coisa mais fofa no layout (por mim.) é simples de colocar ela. Coloque o gadget de HTML/Java Script e coloque:
<center></center><center><br /></center>

<center><form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" placeholder='' type="text" value="Digite o que procura" /> </form></center><br />

Fica fofo e pequeninho. :3

4. Bye
Esse é o pior gadget! Ele bugou total e as boxes não funcionaram! Então, eu fiz um gadget de imagem. Faça o seu também! Coloque Bye como título e aqui está a base do gadget:


Edite pelo paint, etc.. Mas, pelo amor de deus, não retire o crédito!!

É isso. Foram esses os códigos do layout. Obrigada e no próximo post ficará o código bruto. Ah, caso você pegou o Layout, reserve um cantinho dele, uma página, para creditar!!
 Beijos...

Nenhum comentário:

Postar um comentário