06/01/2013

Tutorial:Gadgets Personalizados com Tracinho em Cima

Crédito de imagem:Kawaii World

Heey,uma amiga minha Júlia do blog Ceramic Girl (www) pediu pra eu fazer um tutorial explicando como faz um gadget igual ao meu,e eu como ótima amiga -q estou aqui para realizar o desejo dela :3 CREDITOS TOTAIS AO BLOG GAROTA QUEEN 
Quer ver o tutorial?Clique em "Continuar"

O resultado e esse:
Pra iniciar os gadgets tem que estar SEPARADOS,não estão separado?Veja esse tutorial(www).
Seus gadgets já estão separados?se sim vá no seu HTML aperte Ctrl+F ou F3 e pesquise por /* Widget  logo abaixo você vai colar esse código:
.sidebar .widget {
margin: 10px 0; /* não mexa */
background: #fff; /* cor de fundo dos gadgets separados */
border-top: 3px solid #FF8080; /* borda debaixo do título. mude a grossura, tipo e cor */
padding: 6px; /* não mexa */
}
Visualize...se estiver tudo ok aperte novamente Ctrl+F ou F3 e pesquise por ]]><b:skin>  e cole esse codigo acima 
 .sidebar .widget { padding: 10px; /* não mexa */margin-bottom: 30px; /* espaço entre um gadget e outro */}.sidebar .widget h2 {font-family: Fonte que você quiser; /* troque pela fonte desejada */font-size: 18px; /* tamanho da fonte /*padding: 1px; /* não mexa */margin-top: -33px; /* você mexe se quiser deixar o título mais pra cima ou mais pra baixo */text-align: center; /* alinhamento do texto: centro */}
Vizualise novamente,se estiver tudo certinho TCHARÃ acabou o tutorial :3 kkk'
Galera como já disse os créditos são desse blog (www)
Bom,e isso...gostaram do nosso primeiro tutorial?espero que ajude.Beijossss até amanhã ;*

24 comments:

Deborah - Diário de Princesas disse...

Oii Mah , tudo bem ?
Bom , adorei o tutorial , de repente até uso..
Beijão :]
- http://deborahmarques-blog.blogspot.com.br/

Dri Ramos disse...

Weee, gostei! Ótimo tuto :>

pinkpimenta.blogspot.com.br/

MahSampaio disse...

Debby e Drih :3 tudo bom sim.Que bom que gostaram.Bjs ;*

juliana † disse...

Já conhecia o tutorial, já até usei, o resultado é lindo u3u

Bjs, Explosion OF HTML :3

-Lєєн disse...

O resultado fica ótimo ! Eu já conhecia, e usei no meu primeiro layout, mas só que você explicou melhor do que a dona do blog no qual aprendi ;3
~Chu

MahSampaio disse...

Kkk Vdd gente,amo o result desse tuto :3 to ate usando-q

Thayná Souza :33 disse...

Own, amei esse tutorial. Esse tutorial está sendo muito usado :33 Talvez depois eu use esse tutorial.

Tory disse...

Adorei o tuto '--'

- Hilder disse...

Adorei o tuto, com o tracinho ficar tão adorável ^^

Bjos ~
@Aria Chaos

MahSampaio disse...

Que ótimo que gostaram garotas :3

@LisiOestraich disse...

Ooiii amore, aaaaaaaah teeeu blooog é mtmto lindoo!
paraaaaaaaaabéns! amei amei amei.. to seguindo *--*
aaaaaaaah e esse tuto ta demais eu gosto :D vou salvar aqui *--* bjjbsss

MahSampaio disse...

Awn clinda *-* muuuitissímo obg amora :3

# - Little Bee ♥ disse...

- Vish~ A cor fica preta mesmo ? E eu não to conseguindo mudar a fonte ;-; Eita, que coisa !

- Kissus ♥ E obrigada pelo tutorial ;3

#Ceramic Girl

Seam a vogue disse...

ooi amor
seguindo o blog
segui aqui tbm http://seamavogue.blogspot.com.br/ *-*

Juju disse...

Que blog fofo!Amei d^+

MahSampaio disse...

Little Bee,a minha fonte eu mudei pelo bloger msm pelo modelo~personalizar sabe? kkk bjoss ;*
Seam a vogue,sorry gata.não aceito "seguindo me segue?"
Jujuuu,obg amoraaa :3

! Lili ! disse...

Fica fofinho assim.
Beijo, Lili (clique e me adicione no Facebook).
Princesa Teen / Tem jogo valendo divulgação.

Nicolas ♪ disse...

Vi esse tuto lá e achei muito lindo! Já tinha usado num lay anterior e tinha ficado lindão! Um abraço adorei o post!

~> dicasblogspot-db.blogspot.com

@LisiOestraich disse...

boooa noite amore, aguardo novas postagens!
gostei tmtmmto do teu blog mesmo mesmo *-*
bjbjbsssssssss http://blahoestraich.blogspot.com.br/

! Lili ! disse...

Voce participou de um mini game, e esta em destaque num post.

Vitoria { www.meus-pensamentos.com } disse...

Que legal adorei . Seguindo, retribui ?

meus-pensamentos.com

Marcicleide disse...

Muito legal esse tutorial vou usá-lo no meu próximo layout.

blog-da-marci.blogspot.com.br

@hannah_g3 (Dona do A.N) disse...

Acho lindo o resultado, fica demais :)
Seu blog é lindo demais, gamei nele o/
Adolescente Nerd

Anna Sousa disse...

meu-ano-do-adeus.blogspot.com.br
:**

Postar um comentário

-Retribuo seguidores e comentários
-Seguindo...segue de volta?Não ^^ (sério,isso e mto chato)
Podem comentar a vontade,seu comentário será respondido com todo amor '3'

.