19/03/2013

Tutorial Recheado *-*

|
 

Depois de muito tempo, voltei, gente mil desculpas pelo "sumiço", como sempre ESCOLA =/
Mas pra compensar, hoje eu trouxe um post recheado de mini tutoriais pra vocês personalizarem seus blogs, espero que gostem.


Colocando imagem nos links, POSTAGEM RECENTE, INÍCIO e POSTAGENS ANTIGAS
# "Postagens Recentes"
Vá em Editar HTML marque a opção ''expandir modelos de widgets'' dê um CTRL F e procure por:  <data:newerPageTitle/>   
Apague o código destacado e substitua por: <img src="URL DA IMAGEM" />  onde está URL DA IMAGEM, cole a URL da imagem que você quer que apareça no lugar ''postagens recentes''

 # ''Início'' 
procure por:<data:homeMsg/>
e substitua por <img src="URL DA IMAGEM" /> e cole a URL da sua imagem

# ''postagens Antigas"
agora procure por:<data:olderPageTitle/>  
e substitua por: <img src="URL DA IMAGEM" /> não esqueça de colocar a URL da sua imagem !
trouxe algumas para vocês " WWW "

Destacando a primeira letra do texto ( igualzinho aqui no blog)
Editar HTML >> Expandir modelos de widgets, procure por: ]]></babaixo:skin
coloque esse código acima da tag p.introduction: first-letter {font-family: 'Trebuchet MS' Times;font-size: 350%font-weight: bold;float: left;width: 2em;padding-right: 5px;}
 Vá no campo de postagem, clique no modo HTML e escreva: <p class="introduction">ESCREVA AQUI SEU TEXTO</p>
Colocando Borda no campo de Postagens
 Vá em Editar HTML>> procure por: .main-inner .column-center-outer {
abaixo da tag coloque:  -webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
* altere os números de acordo com seu gosto. 
Espero que tenham gostado. Bjokas!

Um comentário:

  1. porfavor nao estou conseguindo fazer pode fazer esse tutor em video?

    ResponderExcluir