LinkWithin ("Postagens relacionadas") personalizado #1

Rilakkuma...o ursinho mais cute do mundo cute!

Oi cupcakes voadores cutes *----*

Agora,vou (tentar) fazer um show de tutus aqui,com coisas que eu procurava antigamente e não achei,pois procurava por nome diferente~~sou burra mesmo 

E então estou aqui,postando um tutorial muito legal para blogs,e acho essencial.

E ele é o modelo um,existe outro modelo,tem o noral sem graça,esse do tutu,e um outro que é círculo,que é o segundo.

Resultado:

Let's Go?

Primeiro precisa ter o gadget da LinkWitchin,link:www.linkwithin.com

E aconpanhe essa imagem:

Em email coloque seu email (óbio) Em Blog Link link do seu blog,em Platform selecione Blogger,Em Width quantos quiser;e pra formar o Gadget clique em "Get Widget!"

OBS::..

Não é importante marcar a caixa 'My blog has light text on a dark background' pois depois você vai editar,então não é preciso marcar ela,ok?

Você será levado a uma outra page,e se tiver no Google Chrome,vai traduzir e ficar mais fácil,pois a page ensina a colocar no blog.
Clique em "Instal Widget",que na foto abaixo,está circulado de vermelho.

Aí você segue a imagem abaixo:

E lá no Layout do blog clique em Salvar.Agora vamos a personalizar ele,a parte do tutu.

Agora vai em Modelo,HTML e dê um Ctrl+f  e na barra de pesquisa que apareceu,pesquise por ]]></b:skin> e cole o seguite código ANTES de ]]></b:skin>:

/* LINKWITHIN PERSONALIZADO 

----------------------------------------------- */

.linkwithin_div {

background: #FFFFFF; /* COR DE FUNDO */

padding: 0 10px;

}

.linkwithin_text {

font-size:20px; /* TAMANHO DO TITULO DO GADET */

color:#CD96CD; /* COR DO TITULO DO GADET */

font-family: 'Georgia Belle', cursive; !important;

}

a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {

display:none; /* CCOM ISTO ELIMINAMOS O LINK */

}

.linkwithin_posts {

width: 560px !important; /* TAMANHO DO GADGET */

}

.linkwithin_posts a {

border: 0 !important;

padding-right:10px !important;

}

.linkwithin_posts a:hover {

background: #CDB5CD !important; /* COR DO FUNDO AO PASSAR O MOUSE */

-webkit-border-radius: 10px !important; /*BORDAS REDONDAS*/

-moz-border-radius: 10px;

border-radius: 10px;

}

.linkwithin_img_0 div, div.linkwithin_img_0,

.linkwithin_img_1 div, div.linkwithin_img_1,

.linkwithin_img_2 div, div.linkwithin_img_2,

.linkwithin_img_3 div, div.linkwithin_img_3,

.linkwithin_img_4 div, div.linkwithin_img_4,

.linkwithin_img_5 div, div.linkwithin_img_5,

.linkwithin_img_6 div, div.linkwithin_img_6,

.linkwithin_img_7 div, div.linkwithin_img_7,

.linkwithin_img_8 div, div.linkwithin_img_8,

.linkwithin_img_9 div, div.linkwithin_img_9,

.linkwithin_img_10 div, div.linkwithin_img_10,

.linkwithin_img_11 div, div.linkwithin_img_11,

.linkwithin_img_12 div, div.linkwithin_img_12,

.linkwithin_img_13 div, div.linkwithin_img_13,

.linkwithin_img_14 div, div.linkwithin_img_14,

.linkwithin_img_15 div, div.linkwithin_img_15,

.linkwithin_img_16 div, div.linkwithin_img_16,

.linkwithin_img_17 div, div.linkwithin_img_17,

.linkwithin_img_18 div, div.linkwithin_img_18,

.linkwithin_img_19 div, div.linkwithin_img_19,

.linkwithin_img_20 div, div.linkwithin_img_20 { /* BORDAS REDONDAS */

-webkit-border-radius: 10px !important;

-moz-border-radius: 10px;

border-radius: 10px;

border-style: dashed !important;

}

.linkwithin_title {

color: #696969 !important; /* COR DOS TITULOS DAS POSTAGENS */

font-family: 'Georgia Belle', cursive; !important; /* TIPO DE FONTE DOS TITULOS DAS POSTAGENS */

font-size: 12px !important; /* TAMANHO DOS TITULOS DAS POSTAGENS */

line-height: 15px !important;

text-align:center;

text-decoration: none;

Edite as partes em negrito.
Se pesquisar esse tutu na net,vai ver que não tem como trocar a fonte dele,mais a inteligência grande (eu,a linda inteligente Tamara) decobriu como mudar a fonte.Para mudar,deixei em negrito,vai tar escrito a fonte "Georgia Belle",mas em "TIPO DE FONTE DOS TITULOS DAS POSTAGENS" não mudou,mais mudou  no outro,que também está em negrito escrito:"Georgia Bellle",e a fonte dá pra ver aí no blog,no final,com os outros posts.
E vai um truque meu:
Se tiver um Template Free baixado de qualquer lugar,não pode modificar o HTML,pois baba tudo e tem que rebaixar o template,então se tiver um template free vai em Modelo,Personalizar,Avançado,Adicionar Código CSS e cole o código lá mesmo.
Dá super certo!Digo por experiência própria!

Ualll post grande!Gigante!Mais vale a pena pelos coments e pelos seguidores!
Bye cupcakes voadores cutes do universo!