Blogger Yazı Ayırma Şeritleri

  



Bu yazıda Blogger yazı ve konu başlıklarınızı birbirinden ayırmak ya da listelemek için kullanabileceğiniz birbirinden farklı yazı şeritlerini blogunuza nasıl ekleyip kullanabileceğinizi anlatmaya çalıştım. Şeritlerden dilediğinizi blogunuza eklemek için aşağıdaki adımları uygulamanız yeterli.

Kurulum

  • Blogger panelinden Tema > HTML'yi düzenle seçeneklerine tıklayın.
  • Kodların bulunduğu alana bir kez tıklayın ve Ctrl+F tuşlarına tıklayın. Ardından arama yerine ]]></b:skin> kodunu yazıp Enter tuşuna tıklayın.
  • HTML kodunu kayıt panelinde yeni kaydınızı oluştururken oluşturacağınız başlığın altına HTML görüntüleyerek yapıştırın.
1.Stil




  • ]]></b:skin> kodunun bir üst satırına aşağıda bulunan CSS kodlarından kullanmak istediğinizi  kopyalayıp yapıştırın.
[<hr class="style-one">]

[ /* Gradient color1 - color2 - color1 */
.hr.style-one {
border: 0;
height: 1px;
background: #333;
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}]
2.Stil



[<hr class="style-two">]
[/* Inset */
.hr.style-two {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}]

3.Stil


[<hr class="style-three">]


[/* www.teknoox.info */
.hr.style-three {height: 30px;border-style: solid;border-color: black;border-width: 1px 0 0 0;border-radius: 20px;}
.hr.style-three:before {display: block;content: "";height: 30px;margin-top: -31px;border-style: solid;border-color: black;border-width: 0 0 1px 0;border-radius: 20px;}]

4.Stil 


[<hr class="style-four">]

[/* /* www.teknoox.info <hr> tag */
.hr.style-four {padding: 0;border: none;border-top: medium double #333;color: #333;text-align: center;}.hr.style-four:after {content: "www.teknoox.info";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;}
]


5.Stil 




[<div class="style-five"></div>]
[<hr class="style-five">] 

[/* www.teknoox.info <hr> tag */
.div.style-five {
height: 75px;
background: #fff url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/style-five.png) no-repeat scroll left;
background-size: 80px 75px;
margin-left: -40px;
}
.hr.style-five
{
width: 95%;
margin-top: -40px;
border: 0;
border-bottom: 1px dashed black;
background: #70A8FF;
}]

6.Stil

[<hr class="style-six">]


[/* www.teknoox.info <hr> tag */
.hr.style-six {padding: 0;border: none;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));color: #333;text-align: center;}.hr.style-six:after {content:" ";display: inline-block;position: relative;top: -2.1em;font-size: 1.5em;padding: 19px 1.75em;
background: #fff url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/style-six.png) no-repeat scroll center;

background-size: 90px 90px;height: 50px;}]


7.Stil 


[<hr class="style-seven" />]
[/* www.teknoox.info */
.hr.style-seven {height:8px;border: 2px dashed #999;}]


8.Stil 




[<hr class="style-eight" />]


[/* www.teknoox.info */
.hr.style-eight {height: 10px;border: 1;box-shadow: inset 0 9px 9px -3px rgba(11, 99, 184, 0.8);-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}]

9.Stil 


[<hr class="type_1">]


[/* www.teknoox.info */
.hr.type_1 {border: 0;height: 55px;
background-image: url(ihttps://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_1.png);

background-repeat: no-repeat;}]

10.Stil 


[<hr class="type_2">]
 [/* www.teknoox.info */
.hr.type_2 {
border: 0;
height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_2.png);
background-repeat: no-repeat;
}
]

11.Stil 


[<hr class="type_3">]
[/* www.teknoox.info */
.hr.type_3 {border: 0;height: 25px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_3.png;

background-repeat: no-repeat;}]


12.Stil 


[<hr class="type_4">]
 [/* www.teknoox.info */
.hr.type_4 {
border: 0;
height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_4.png);
background-repeat: no-repeat;
}]
13.Stil 

[<hr class="type_5">]




[/* www.teknoox.info */
.hr.type_5 {border: 0;height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_5.png);

background-repeat: no-repeat;}]


14.Stil 




[<hr class="type_6">]


[/* www.teknoox.info */
.hr.type_6 {border: 0;height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_6.png;

background-repeat: no-repeat;}]

15.Stil 


[<hr class="type_7">]

[/* www.teknoox.info */
.hr.type_7 {border: 0;height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_7.png);

background-repeat: no-repeat;}]


16.Stil 


[<hr class="type_8">]

[/* www.teknoox.info */
.hr.type_8 {border: 0;height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_8.png);

background-repeat: no-repeat;}]


17.Stil 


[<hr class="type_9">]


[/* www.teknoox.info */hr.type_9 {border: 0;height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_9.png);

background-repeat: no-repeat;}]


18.Stil

[<hr class="type_10">]



[/* www.teknoox.info */
.hr.type_10 {border: 0;height: 55px;
background-image: url(https://d13dcw7qo4xgly.cloudfront.net/wp-content/uploads/2014/12/type_10.png);

background-repeat: no-repeat;}]


Yorum

Ad

2011-2012,1,Altyazı,5,Araçlar,1,Assassin’s Creed,1,bayram,1,beğen,2,Bilim-Kurgu,1,Blog,1,Blogger,37,Blogger İçin Arama Kutuları,1,Blogger İçin Yukarı Çık Butonu,1,Blogger Tema,14,bulut,1,cevap,1,Chat,1,ChromeGT,1,Counter-Strike,1,CS: Global Offensive,1,demo,1,DGS,1,Diz,1,Dizi,7,Duyuru,1,ehliyet,2,Eklentiler,11,etiket,1,Facebook,2,Featured,3,fikstür,1,Film,5,Flash,2,Flash Müzik Aletleri,1,Flash Twitter Takip Edin Kusu,1,Flash Twitter Takip Edin Kusu-2,1,Futured,2,Galeri,1,Genel,68,Gitar,1,Gönderi,1,Haber,1,Hareketli,1,Hata,1,Html,1,indir,1,JQuery,1,Karav1,1,Kayan,1,kazakistan,1,Kesif,2,key,1,kırma,1,Kişisel,4,Kitap,5,kod,1,komik,2,Link Takas,1,maç,1,merlua,1,mesaj,1,MTSS,1,Müzik,1,Nasıl Yapılır ?,1,Nasil,1,NTV spor,1,Os,1,Oyun,5,Pes 2012,2,Pes 2013,1,Pirelli 2012 takvimi,1,Pop up Sosyal Paylaşım Butonları,1,PoSosyal Paylaşım Butonları,1,Psd,3,resim,1,S,1,sezon,1,Sınavlar,3,Site İçinde Uçan Twitter Kuşu Kodu,1,Site Tasarım,4,sitemap,1,sonuç,1,soru,1,Sosyal Ağlar,1,sosyal paylaşım ikonları,1,Spor,2,Süper Lig,1,şifre,1,Tablo,1,Tanıtım,1,TDizi,3,teknoox,1,tema,4,tercih,1,Torrent,8,türkiye,1,Video,2,westward,1,Yabancı,2,Yazılar,2,yerleştirme,1,Yolcu Tr,1,Yurdumun İnsanı,1,
ltr
item
Teknoox: Blogger Yazı Ayırma Şeritleri
Blogger Yazı Ayırma Şeritleri
https://1.bp.blogspot.com/-XgN0qvQ45DE/WgSTmOvwarI/AAAAAAAACko/ksyj0ZeHRjUgU8Glv5E1QCCAegf-DLoCACLcBGAs/s640/Yaz%25C4%25B1%2Bay%25C4%25B1rma%2B%25C5%259Feritleri-blogger-teknoox-1280x720.png
https://1.bp.blogspot.com/-XgN0qvQ45DE/WgSTmOvwarI/AAAAAAAACko/ksyj0ZeHRjUgU8Glv5E1QCCAegf-DLoCACLcBGAs/s72-c/Yaz%25C4%25B1%2Bay%25C4%25B1rma%2B%25C5%259Feritleri-blogger-teknoox-1280x720.png
Teknoox
http://www.teknoox.info/2017/11/blogger-yaz-seritleri.html
http://www.teknoox.info/
http://www.teknoox.info/
http://www.teknoox.info/2017/11/blogger-yaz-seritleri.html
true
5400148481297904332
UTF-8
Tüm Yazılar Yükleniyor Ama Birşey Bulamadım Tümünü Görüntüle Devamı Cevapla Gerial Sil Yazan Anasayfa Sayfalar Yazılar Tümü Bakılasıcalar Etiket Arşiv Ara Tüm Yazılar Herhangi birşey bulunamadı. Geri Işınlan Sunday Monday Tuesday Wednesday Thursday Friday Saturday Pzr Pts Sal Çar Per Cum Cts Ocak Şubat Mart Nisan Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis May Haz Tem Ağu Eyl Eki Kas Ara Şimdi 1 dakika önce $$1$$ ay önce 1 hafta önce $$1$$ gün önce Dün $$1$$ gün önce $$1$$ hafta önce 5 hafta önce Takipçiler Takip Ücretli Paylaşım Kilidi Kopyala Tümünü Seç Kopyalandı Copyalamak İçin [CTRL]+[C] (or CMD+C with Mac) to copy