Tutoriais do Blog / Parte 2

Vamos começar com a segunda parte dos tutoriais então!?

Instagram no Blog..


Siga o tutorial aqui :)

"Continuar Lendo" ou "Leia Mais" Personalizado..


Vá no Html do seu blog e procure por

<data:post.jumpText/>

Apague e cole:

<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>

Veja os modelos e outros códigos no blog Jackie Dream
créditos a ela! :D
Slider..

Sempre quis slide no meu blog!
É só colar esse código no HTML/JavaScript.

<marquee direction="left" scrollamount="8" width="100%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"> <img src="IMG1" /> <img src="IMG2" /> <img src="IMG3" /> <img src="IMG4" /> </marquee>

Onde estão IMG1 IMG2 IMG3 IMG4
você troca pelas URLs das imagens que você escolher. ;)

Crédito de novo para a Jackie Dream! :D

Número de Comentários em Balão..

Vá no seu Html, e procure por 

<b:includable id='post' var='post'>  

Abaixo, cole:

<span class='post-comment-link-arriba' style='background: url(URL DA IMAGEM AQUI) no-repeat top right;width:90pxheight:80px; text-align:center; float:right;padding-top:19px'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>

Coloque a URL da imagem que você quer. 
        

Postagens Relacionadas..


Primeiro, você deverá acessar o site LinkWithin
 E aparecerá assim:

Preencha seu email, o Link do seu blog, e coloca OTHER (outro)
caso coloque outra opção, não funcionará.
E o número dos quadrados que você quer que apareça.
Clique em Get Widget!

Copie o código e cole no gadget HTML/ JavaScript
Salve.

Redondo..

Para deixá-lo redondinho, como o meu,
Vá no seu Html e procure por 
]]></b:skin>

Acima, 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: 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;
}

Salve ;)


Espero que tenham gostado Amores!
Se usarem alguma imagem ou código, até mesmo um texto meu, 
CREDITE!! (me dê os créditos) ;)
Beijos e até a próxima.

Facebook      Instagram   ღ   Twitter      YouTube

2 comentários:

  1. estou adorando as dicas viu e principalmente usando mt no meu blog ♥
    http://blogthebestmomentes.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que esta gostando flor!
      Fico muito feliz! Obg
      Bjs :*

      Excluir