PS::. Para certificar-se que o tutorial dá certo, eu fui aplicando em um blog de testes, e ao mesmo tempo explicando aqui então se der errado, é provável que algo que você fez deu errado, hm? E tente visualizar todos os prints, eles ajudaram muito.01. Primeiramente, vamos começar retirando os links de baixo, certo? Pois dê F3 no teclado e procure por <div class='post-footer-line post-footer-line-1'>< (E não retire o "<" não foi um erro.) Achou? Bom, após achar, ao lado dele vai estar o código do link do nome do autor, certo? Então você vai selecionar de <span até </span> e recorte esse código. (PRINT) Certo, agora abra seu bloco de notas e cole o código lá, mas no final depois de </span> coloque as duas "barrinhas" para dividir os links. (PRINT).
02. Agora iremos sair do line-1 e ir ao line-2 onde se encontra o código responsável pelos marcadores, tudo bem? Bom, tecle F3 e procure por <div class='post-footer-line post-footer-line-2'>< (E novamente não retire o "<" no final.) Vai ser igual ao passo de cima, o código dos marcadores se encontram ao lado do código que você procurou, de acordo? Você vai selecionar de <span até </span> (PRINT), faça como antes, cole no bloco de notas e acrescente as duas barrinhas após </span>.
03. Agora sobrou apenas os comentários para finalizar a primeira etapa! Bom, tecle F3 pesquise por > <span class='post-comment-link'> (E não retire o "> " do começo, isso é porque existem dois dos mesmos códigos no html, e o que você vai precisar retirar vem esse "> " antes.) Bom, pois agora você selecionará de <span até </span> como todos os outros. (PRINT) Cole no bloco de notas mas dessa vez não adicione as barrinhas no final.
01. Prontinho, mas não salve ainda, falta a segunda etapa, que é colocar os códigos abaixo do título da postagem. Primeiramente procure por <div class='post-header-line-1'/> note que há dois desse no html, ficou confuso (a)? Bom, para identificar o certo note que um pouco abaixo desse código bem no
02. Pois bem, pesquisou? Agora vá no bloco de notas, que por acaso deve estar assim (PRINT), selecione tudo e copie. Agora cole tudo abaixo de <div class='post-header-line-1'/> (PRINT)
03. Visualize, deu certo? Ótimo, mas agora vamos personalizar! Coloque o código do quote abaixo acima de ]]></b:skin> ou acima de h3.post-title a { vai dar no mesmo. E personalize ou deixe do jeitinho que está!
.post-header, .dados {
border-bottom: 1px solid #f0f0f0;/* Cor e expressura da borda de baixo */
border-top: 1px solid #f0f0f0; /* Cor e expressura da borda de cima */
text-align: center; /* Alinhe seu texto de acordo com o do título */
padding: 3px; /* Acolchoamento interno entre as linhas */
margin-bottom: -9px; /* Espaço de baixo se quiser retire ou mude */
}
Vou tentar. Esse tuto é bem útil, fica bem melhor, tava procurando, obrigada :3
ResponderExcluirbloogencantado.blogspot.com
Boa sorte! <3
ExcluirEu já sabia desse tutorial, já usei tanto ele que sei fazer sozinha. Só preciso ir até o blog para ver os códigos, para copiar e pesquisar. Enfim, ótimo tutorial, explicou super bem :3
ResponderExcluirVisite o blog :3 | Etc For Me :3
Pois é, é bem facil <3 Obrigada Karla!
ExcluirPuxa que útil Mack obrigada , vvou usar no meu proximo lay pq sei q n vou resistir e vou trocar dnv. Vlw Pois agora vou fazer um lay bem divo *uu*
ResponderExcluirGeekegirlie.blogspot.com || G²
Nha, disponha! >3<
ExcluirÓtimo tutorial *u*
ResponderExcluirAstronomia? uashuash, eu gosto também *u*
teenagethiings.blogspot.com.br
Obrigada! >3<
ExcluirSim, astronomia é muito bom cara ç3ç
Tutorial muito útil!
ResponderExcluirÉ sim >3<
ExcluirNossa que legal o significado do nome >.<, eu quando fiz o meu nem pensei muito no que seria na cabeça dos outros mas como o nome mesmo diz somos nós garotas nesse meio de html, bem acho esse tuto muito bom e super útil dou meus parabéns para você pois tem que ter uma paciência do cão para postar e ensinar tudo bem direitinho =3, mas enfim aproveitando para dizer que este lay é muito fofo e amo demais cores neutras assim, tudo o que faz é lindo e com muita qualidade até as coisas simples >.< Kissus amore ;)
ResponderExcluirGSYDGSYAYSGA' Mas eu gosto de escrever tutoriais! >3< Obrigada Roh *y*
ExcluirBem bolado o nome do blog :) Finalmente, um tutorial que preste e me ajude, sempre que eu tentava por, dava errado. Obrigada ♥
ResponderExcluirUnskilled
Nha, obrigada Nae! :3
ExcluirAstronomia é algo fascinante, e o nome do blog é bem criativo ♥
ResponderExcluirAdorei o tutorial, fica muito lindo e organizado *u*
With You || Imperfectous
Nha, é mesmo eu amo demais isso cara! <33
ExcluirObrigada Mandi *u*
Tem como deixar a data junto desses links? grato, e não vou mandar essa pergunta por ask pq eu já vou sair, xau
ResponderExcluirAcho que tem, mas tenho que pesquisar melhor para saber como HAISUAHSIA' Tiau u3u
ExcluirAaah, que legal o nome do blog, eu sempre achei que era A reservadora de lua u.u (me julgue, eu não sei inglês) Mas tbm nem pensei em ir num tradutor nem nada, mas foi bem criativo o nome!
ResponderExcluirIx, eu nunca consegui colocar os links abaixo do título das postagens, nunca nunca dava certo, mas dessa vez eu vou tentar fazer, vai que da certo né!
HAISUAHSIAUS' Mas esse nome também é bonito u3u Nha, boa sorte então! >3<
ExcluirOii Mack! Vim avisar que pode retirar meu nome dos afiliados. Eu parei com o DOP definitivamente. Já fazia um tempo que vinha pensando nisso, mas agora é oficialmente um adeus. De agora em diante eu vou apenas procurar vaga como postadora em blogs, então se precisar é só me chamar no face haushaush. Beijos, Rafa ♥
ResponderExcluirTudo bem Rafaela! <3 HAISUHSIUSHA' Certo, se um dia eu abrir vagas, se eu me lembrar eu te aviso :3
ExcluirJá tinha visto este tuto várias vezes, só que nunca conseguia fazer direito sempre dava erro :P, agora salvei no favoritos shuahs e usar :D
ResponderExcluirKisses u,u. Com carinho, amora queen -q
blogandoseuassunto.blogspot.com.br/
Obrigada Larissa! <33
ExcluirEu somente fazia ideia que o nome do blog tinha relação com a Lua, óbvio q. Achei o nome em português bem bonito! <3
ResponderExcluirAdorei o tutorial, Mack! Na verdade, amei! Muitos blogueiros os quais fizeram e postaram este tutorial não explicaram detalhadamente e com prints >3<
Um grande beijo,
Juu-Chan || Nescau com Nutella
HAUSISHAUSHIS' Nha, obrigada Juu! <3
Excluircom certeza vou usar no meu próximo lay *u*
ResponderExcluirBjs || h-piece.blogspot.com.br
Se usar avise-me? Quero saber sevai dar tudo certinho *3*
ExcluirObrigada! >33<
Um ótimo nome Mack *-*
ResponderExcluirEsse tutorial eu uso quase sempre,acho ele bem útil.
Smashed
Obrigada! :33
ExcluirTutorial do Kawaii World...
ResponderExcluirE de muitos outros blogs, né? Aliás, esse é o tutorial que eu sempre faço, a diferença é que eu simplifiquei :3
ExcluirAh obrigada por postar mack eu que pedi e eu realmente estava precisando, você explicou da melhor maneira possível, acho que consigo fazer, obrigada mesmo! <3
ResponderExcluirNha, espero que consiga então! >3<
ExcluirEu acabei de conhecer o blog, e você foi a unica que conseguiu me ensinar esse tutorial. Gostei muito daqui, e o nome é muito bonito. Seguindo ;))
ResponderExcluir~XOXO || http://coiisasdeotome.blogspot.com.br/
Awn, bem vinda Clarah! <3 Obrigada, que bom lhe lhe serviu :D
Excluir