Blogando :Como colocar 'Post Relacionados' ?

Bom , estou fazendo umas reforminhas básicas aqui no Blog  , aos poucos vou deixando ele como eu quero ♥ ... Decidi que tudo que for mudando vou colocando aqui pra vocês conferirem e vou deixar junto com um Tutorial para ajudar quem esta iniciando agora como eu ♥

Bom a um tempinho já , que eu estava querendo colocar ‘Posts Relacionados’ após o post , mais eu não sabia como fazer , daí pesquisei , e pesquisei , e até que achei um jeito bem fácil de se fazer isso ..

Bom . eu encontrei esse tuto no Blog da Jess (Clica aqui para ver)

Então vamos la né ?

Primeiramente é necessário Instalar o Linkwithin no blog.. Para isso clique Aqui

Preencha todos campos

Clique em Get Code

Logo após abrirá um tutorial , mas ele esta em inglês, clique em Install Widget

Escolha o Blog em que ficará , e clique em adicionar widget

Posicione abaixo da área de Post e salve ♥

Se quiser que personaliza-lo , vá em MODELO depois ‘Editar Html’ aperte Ctrl+f e procure pelo código ]]>

  

 cole esse código em CIMA ou ANTES

Obs: esse código achei no Blog da Jessi e foi editado por ela tbm

/* LINKWITHIN PERSONALIZADO

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

.linkwithin_div {

background: #F6F1D4; /* #000000 */

padding: 0 10px;

}

.linkwithin_text {

font-size:14px; /* 12 */

color:#CDA59B; /* #ffffff */

font-family: 'Arial', 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; /* 20 */

}

.linkwithin_posts a {

border: 0 !important;

padding-right:10px !important;

}

.linkwithin_posts a:hover {

background: #D8C1B9 !important; /* #e06666 */

-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: #494347 !important; /* # #FFC1C1 */

font-family: 'Arial', cursive; !important; /* Freestyle Script */

font-size: 12px !important; /* 14 */

line-height: 15px !important;

text-align:center;

text-decoration: none;

}

.linkwithin_title:hover {

color: #F6F1D4 !important; /* #E06666 */

font-weight: bold !important;

}

Só altere apenas asa áreas que estiver escrita indicando..

Se quiser mudar o esquema de Cores , aqui nesse Site , tem todas as Codificações das Cores ..

Bom , eai ? Gostaram ♥ Eu espero que sim ,

Bjo até Mais ♥