6 de nov de 2012

Personalizando o Gadget de postagens relacionadas (LinkWithin)

Olá anjos!

Quem aqui usa o LinkWithin? Esse Gadget é muito útil porque mostra para os leitores postagens relacionadas com aquela que ele está lendo. A maioria dos blogs usa (inclusive eu) E eu posso dizer por experiencia própria que ele ajuda muito.

Hoje trouxe um tutorial ensinando a personalizar esse Gadget. Esse tutorial é do blog Jackie Dream, Eu gostei muito do tutorial, mas infelizmente no meu blog dá um monte de bugs e eu não consegui arrumar. O interessante é que no meu blog de testes isso não aconteceu. (Blog de testes sempre leva a melhor).





Vá no seu HTML e procure por: 

]]></b:skin>

Acima disso, cole:

/* LinkWithin personalizado
----------------------------------------------- */
.linkwithin_div {
background: #FFA500; /* Cor de fundo */
padding: 0 10px;
}
.linkwithin_text {
font-size:22px; /* Tamanho do título do gadget */
color:#FFAEB9; /* Cor do título do gadget */
font-family: 'Sofia', 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; /* Com isto eliminamos o link */
}
.linkwithin_posts {
width: 560px !important; /* Tamanho do gadget */
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 28px !important;
}
.linkwithin_posts a:hover {
background: #FFFACD !important; /* Cor de fundo ao passar o cursor */
-webkit-border-radius: 10px !important;
-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 redondeadas */
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px;
border-radius: 10px;
border-style: dashed !important;
}
.linkwithin_title {
color: #000000 !important; /* Cor dos títulos das postagens */
font-family: 'Sofia', cursive; !important; /* Tipo de fonte dos títulos das postagens */
font-size: 13px !important; /* Tamanho dos títulos das postagens */
line-height: 10px !important;
text-align:center;
text-decoration: none;
}
.linkwithin_title:hover {
color: #FF1493 !important; /* Cor dos títulos ao passar o cursor */
font-weight: bold !important;
}


8 comentários:

  1. Oi Afiliada ;D , Gostaria de te chamar Para o Game No Blog Rosario Vampire , se estiver entereçada visite http://rosario-vampire-animes.blogspot.com.br/2012/11/game.html?showComment=1352296862670#c4387859957109412261 e se escreva no Game , não esqueça de dizer que foi indicada Por Mim (Nathallya Silva) , Obrigado espero você lá ?? !

    ResponderExcluir
  2. Gostei muito do tutorial, acho que vou usa-lo no meu próximo Template.

    http://www.xtudoconfissoes.blogspot.com.br

    ResponderExcluir
  3. Olá, você conseguiu mais um membro para seu blog, o seu blog mim conquistou.

    ResponderExcluir
    Respostas
    1. Ai que bom! Me dá até vontade de postar mais aqui kkk

      Excluir
  4. AMEI O TUTO, MAIS ACHO QUE ESTOU MEIO ZONZO ! NUM APARECEU AQUI NÃO RSRS . OQUE TENHO QUE FAZER MARINA ?? OBRIGADO !

    ResponderExcluir
    Respostas
    1. Se não der certo, tenta colar o código mais pra cima. Por exemplo, em cima do blockquote ou algum código que fica acima de ]]>

      Excluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!