Blogger İçin Tırnak İçinde Alıntı Yapma - Quotes

Blogger şablonunuzun css kısmında küçük bir değişiklik yaparak yazınızıda kullandığınız alıntıları daha dikkat çekici hale getirebilirsiniz.
Blogger hesabımıza giriş yaptıktan sonra html'yi düzenle diyoruz.CTRL+F seçeneğini kullanarak aşağıdaki kodu buluyoruz.

]]></b:skin>

Bu kodu bulduktan sonra beğendiğimiz biçimin kodunu bu kodun hemen üzerine ekliyoruz.Ön izleme yapıp hata verip vermediğini kontrol ediyoruz.Herşey yolundaysa kaydedip çıkıyoruz.Eğer şablonunuzda .post blocquote ile başlayan bir kod zaten mevcutsa bu kodla değiştirin.

◄ Çerceveler ►

Biçim 1	Biçim 2	Biçim 3	Biçim 4

Biçim 1.

.post blockquote  {
border-top: 1px solid #FF82AB;
border-left: 1px solid #FF82AB;
border-right: 2px solid #FF82AB;
border-bottom: 2px solid #FF82AB;
background: #ffffff;
margin: 6px 20px 6px 20px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

Biçim 2.

.post blockquote  {
border:1px dashed #DC143C;
background: #EEE0E5;
margin: 6px 10px 6px 10px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

Biçim 3.

.post blockquote  {
color:#EE9A00;
border:5px dotted #000000;
background: #ffffff;
margin: 6px 6px 6px 6px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}

Biçim 4.

.post blockquote  {
color:#00CED1;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #ffffff;
margin: 6px 0px 6px 0px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}

...Bu eklentileri kendi isteklerinize göre ayarlayabilirsiniz....
...Renkleri,yazı stillerini ve kenarlık biçimlerini değiştirebilirsiniz...


◄ Resimli ►

Biçim 1	Biçim 2	Biçim 3	Biçim 4

Biçim 1.

.post blockquote  {
color:#666666;
background: #ffffff url(http://i39.tinypic.com/154iuq9.jpg);
background-position:top left;
background-repeat:no-repeat;
margin: 6px 6px 6px 6px;
padding: 8px 0px 8px 74px;
font-size: 14px;
font-style:italic;
line-height:1.4em;
}

Biçim 2.

.post blockquote  {
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
background: #000000 url(http://i37.tinypic.com/23tgzfk.jpg);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
font-size: 0.9em;
}

Biçim 3.

.post blockquote  {
background: #ffffff url(http://i44.tinypic.com/slh4yu.jpg);
background-repeat:no-repeat;
background-position:top center;
margin: 6px 6px 6px 6px;
padding: 8px 36px 8px 40px;
font-size: 14px;
line-height:1.4em;
}

Biçim 4.

.post blockquote  {
color:#000000;
background: #ffffff url(http://i41.tinypic.com/24fh84w.jpg);
margin: 6px 6px 6px 6px;
padding: 8px 6px 8px 6px;
font-size: 14px;
line-height:1.4em;
}

Resmin Url'sini değiştirerek farklı bir resim kullanabilirsiniz.

Kaynak blogbulk.com