1Yorum 3 sütunlu blogger blogu 2 sütunlu nasıl yapılır

Bloggerin kendi şablonları dışında aldığınız şablonları temaları bazen değiştirmek kendinize göre özelleştirmek istersiniz örneğin 3 (kolon) sütunlu bir tema kullandınız fakat işinize yaramadı bunu 2 sütunlu (kolon) yapmak istiyorsunuz burdaki yazılanlar işinize yarayabilir.
Bunları yaptıktantan sonra yorum kısmını düzeltmeye ihtiyacınız olursa en altta yorum alanı düzenleme işinize yaraya bilir tabiki unutmayın burdaki düzünlemeler bloggerin orjinal temaları için geçerli değil.....


Blogger Panel > tasarım > HTML düzenle sekmesine gelin
CTRL F yardımıyla aşağıdaki kodu bulun
#sidebarleft-wrapper {
width: 200px;
Bu sizin sol sütununuzdur width (genişlik) 200px olan değeri azaltarak  örneğin 150px ile sutunu daraltabilirsiniz

Aşağıdaki kod ise
#sidebar-wrapper {
width: 200px;
 float: right;
sizin sağ sutundur, yine widht px değerinde yapacağınız değişiklik sutun genişliğini belirler.

BLOG BAŞLIĞI
Temanızda bulunan Aşağıdaki css kodları blog başlığı ile ilgilidir
#header {
width:500px;
height:90px;
margin: 10px 0 0;
text-align: left;
color:#ffffff;
overflow: hidden;
float:left

Buradaki tanımlamalar kısaca anlatmak gerekirse
eni (Widht) 500px, yükseklik(height) 90px,  Margin yanlara olan mesafesini tanımlıyor,
 text-ailing, yazının hangi tarafta olacağını belirlemiş sizin temanızda left tanımı ile solda
siz bunu, right ile değiştirerek sağ tarafa veya center ile ortada olmasını sağlayabilirsiniz.
color: #fffff ile beyaz olacağını size gerekli olan text-align: left; tanımını text-align: center; ile değiştirmek yazı ortalandı

Bu kod dizisinin hemen altında yer alan

#header h1 {
margin:0 0 0 5px;
padding:0;
line-height:1em;
text-transform:normal;
letter-spacing: -0.06em;
outline-style:none;
font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
text-shadow: #007fca 2px 1px 1px;
font-size: 42px;
font-weight:normal;

kodları ise blog başlığının yazı tipi özelliklerini belirler
text-shadow ile gölgelendirme yapılmış, font-size ilede 42px yazı fontu atanmış
siz bu px değerini arttırarak yazı fontunu büyetebilirsiniz 50px gibi
Değiştirdiğiniz her değer için şablon ön izleme yaparak değişikliklerin nasıl göründüğünü izleyebilir buna göre düzenlemeleri yaparsınız.

Navigasyon barı görünür olması
Şablonunuzda navbar css ile gizlenmiş aşağıdaki kodu bulun ve silin

#navbar-iframe  {
height : 0;
visibility : hidden;
display : none;
}



 sutunlardan birini kaldırmak istiyorsanız
öncelikle yan sutunda bulunan etiket widgeti gibi tüm widgetleri kaldırın (Tasarım > sayfa öğeleri sekmesinde bu widgetleri sileceksiniz)
Daha sonra HTML düzenle sekmesine gelin HTML içinde şunu arayın
<div id='sidebarleft-wrapper'>
Bulduğunuz kod şu şekildir ve bu sizin sol sidebarınızdır
     
<div id='sidebarleft-wrapper'>
<b:section class='sidebar' id='sidebarleft' preferred='yes'>
</div>

bunu sileceksiniz

sağ taraftaki sidebarı silecekseniz HTML içinde aşağıdaki kodu aratın
<div id='sidebar-wrapper'>
Bulduğunuz kod şu şekilde
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</div

Bunu siler ve şablon önizleme yaparak blogun nasıl görünüyorsa buna göre şablonu kaydedersiniz


Aşağıdaki kodu bulun ve bunu 200px arttırın
#main-wrapper {
  width: 544px

744px olacak
eğer sol sidebarı genişletecekseniz örneğin 50px
blog kayıtları #main-wrapper width değerini 150px yapacaksınız
örnek:
sol sutun
#sidebarleft-wrapper {
width: 250px
blog kayıtları
;#main-wrapper {
  width: 694px

LÜTFEN DAHA DETAYLI BİLGİ İÇİN LİNKE BAKIN KAYNAK: http://productforums.google.com/forum/#!topic/blogger-tr/dp31sg2ufKg

YORUM ALANI DÜZENLEME- 1. 

Alttaki yazılanları başka bir siteden aldım işinize belki yarar diye 
Onu da şu şekilde yapabilirsiniz.

Kodlarınız arasında arama yapmadan önce ŞABLON kısmında HTML düzenle Ctrl+f yardımıyla aşağıdaki kodu aratıyoruz.

 blogger-iframe-colorize blogger-comment-from-post

 benim bulduğum şablonda şöyleydi
blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

bu kodun devamında kodu bulduktan sonra buradaki width yazan bölümdeki değerle istediğiniz şekilde oynayarak genişliğini artırabilir veya azaltabilirsiniz. height ile de aynı şekilde yüksekliğini ayarlayabilirsiniz.

Dikkat! Böyle yazıyordu blogger modifiye adlı blogda ben denedim bir türlü yapamadım ne yaptıysam olmadı benim temada yani şablonda 4 tane çıktı bu koddan hepsinde width yazan yerleri değiştim yine olmadı.
 Kaynak: http://www.bloggermodifiye.com/2010/10/blogger-yorum-formunu-ozellestirin.html

 YORUM ALANI DÜZENLEME- 2
Üstte yorum alanı düzenleme-1 de yazılanları yaptım olmadı ben şu şekilde başardım ŞABLON+ HTML yi düzenle, kırmızıyla yazılı alttaki kodu
 .comments {
ctrl+f yardımıyla buldum, bu kodun devamındaki width: 600px yazan yerdeki rakamı kendime lazım olan büyüklüğe göre değiştirdim ve sorunum düzeldi.


.comments {
text-align: left
float: left;
width: 600px;

AÇIKLAMA
SİZE YORUM ALANI DÜZENLEDE İKİ SEÇENEK SUNDUM BİRİ İŞİNİZİ GÖRMEZSE MUTLAKA BİRİ GÖRÜR BENİM İŞİMİ 2. SEÇENEK GÖRDÜ