Oie meus amores, tudo bem com vocês?
Hoje eu trouxe um tutorial super ótimo para vocês, isso mesmo, eu pedi opiniões la no BGS, e no LB, sobre quais tutoriais vocês queriam ver por aqui primeiro, e nisso escolhi o primeiro que foi comentando, e resolvi trazer o tutorial , pois essa maneira que irei mostrar é a mais facil possivel.
O tutorial será para vocês aprenderem a fazer isso, em vossos blogs <3 <3 . Vamos ao primeiro tutorial.
TUTORIAL:
1- Você vai precisar de um gadget de postagens relacionadas, pra isso vejo o tutorial do blog Mundo de blogueira (AQUI)
2- Agora vai em MODELO> EDITAR HTML> DENTRO DO HTML > CTRL + F > E COLE ANTES DE ]]></b:skin> O SEGUINTE CÓDIGO:
/* 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: 564px !important; /* Tamanho do gadget */
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 29px !important;
}
.linkwithin_posts a:hover {
background: #FFFACD !important; /* Cor de fundo ao passar o cursor */
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px;
border-radius: 50px;
}
.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: 50px !important;
-moz-border-radius: 50px;
border-radius: 50px;
border-style: dashed !important;
}
.linkwithin_title {
color: #8B8989 !important; /* Cor dos títulos das postagens */
font-family: 'Sofia', cursive; !important; /* Tipo de fonte dos títulos das postagens */
font-size: 12px !important; /* Tamanho dos títulos das postagens */
line-height: 12px !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;
}
Tudo o que você pode alterar esta escrito m vermelho, preste bem atenção para nao remover nada, pois qualquer error nao ira funcionar.
Creditos: (AQUI)
E pronto, só visualizar e conferir se ta tudo certo mesmo.
Amores, deixe aqui seu pedido para algum tutorial, sem duvida irei fazer aqui no blog, beijos!
Gente que dica perfeita, ja falei que sou sua fã ? <3 te amo menina, você sempre me ajudando como sempre. <3 Beijos diva <3
ResponderExcluirAin eba fico feliz que tenha gostado, e que vai ser de grande utilidade pra voce amor <3 , Beijos!
ExcluirE sim ja me falou que é minha fã sim, mais quero ouvir isso toda vez que tu vim aqui no blog ha ha <3