Blogger İki Yazı Arasına Ayırıcı Bir Çizgi Koymak İstiyorsanız

 Bu yazımda sizlere iki yazı arasında farklı bir line oluşturayım diyor mesela iki yazınınz arasında aşağıda şematik olarak gösteriyorum..

yazı 1..

____________

yazı2

____________

  Böyle çizgilerdense farklı bir çizgi eklemek istiyorum iki yazı arasına derseniz Öncelikle yazı yazacağınız kısmın boyutuna iyi bakmak zorundasınız bu önemli bunu nasıl öğrenebilirsiniz..

#main-wrapper {
width: 410px;
float: $startSide;

Yüklemek istediğiniz çizgiyi TinyPic, PhotoBucket vb sunuculara yükleyebilirsiniz.

Daha sonra temanızı yedekleyin.
DASHBOARD ► LAYOUT ► EDIT HTML,kısmına tıklayarak ( CTRL +F, normal olarak) ( + F Mac için):

 .post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

bu kodu bulun. Sonrasında;

.post {
background: url(http://i36.tinypic.com/xqid55.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:3.5em;
}

 

Bu kod ile değiştiriyoruz.
Turuncu ile yazılan yer sizin internete yüklediğiniz resim adresidir. Yukarda bazı resim upload sitelerinin linklerini söylemiştim zaten.

İşte böyle görünecektir.

.Aradaki boşluğu yeşil  ile yazdığım yerden farklılaştırabilirsiniz.. padding-bottom:3.5em; yani buradan düzenleyebilrisiniz.
DASHBOARD ► LAYOUT ► EDIT HTML ► hit EXPAND WIDGET TEMPLATES

CTRL + F (Option +F),tıklayın ve şu kodu bulun.

<div class='post-footer-line post-footer-line-3'/>

Bu kodun hemen altına aşağıdaki kodu yazın.

<center><img height='20' src='BURAYA RESMİN URL'Sİ GELECEK.'/></center>

Bu anlattığım 2.yöntem idi.