• 04-11-2012, 23:47:07
    #1
    Arkadaşlar bolgger konu (
    Blog Kayıtları) kısmını genişletmek istiyorum bazı temalarda yaptım ama şuan ki temada olmuyor sağdan soldan vs boşluklar artıyor genelde, kodları aşağı eklliyorum yardım olabilirseniz memnun olurum, iyi çalışmalar


    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
     <b:include data='blog' name='all-head-content'/>
    
    <meta content='saç modelleri ve saç renkleri hakkında ünlülerin tek sayfası sacmodellerim.blogspot.com' name='description'/>
    
    <meta content='saç modelleri, saç şekilleri, düz saç modelleri, kıvırcık saç modelleri, saç kesim modelleri, gelin saçı modelleri, dalgalı saç modelleri, sarı saç modelleri, saç trendleri, topuz saç modelleri, örgü saç modelleri' name='keywords'/>
    
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
    
    <link href='http://www.freeiconsweb.com/Icons-show/Snow_Win/Star2.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    
    
     <b:skin><![CDATA[
    
    /* ----------------------------------------------------------
    Blogger Template Style
    Name: Xclear
    Designer: Daris4
    URL: http://www.daris4.info
    Bloggerized by: http://www.themescook.com
    Date: August 2009
    Last Updated: Aug 20 2009 15:27
    Thanks to: famfamfam.com for icons, photobucket.com for imagehosting
    ---------------------------------------------------------- */
    
    /* Variable definitions
    ========================
    
    <Variable type="font" name="pagefont" default="normal normal 100% trebuchet, arial, verdana, sans-serif" description="General Font Properties" value="normal normal 100% trebuchet, arial, verdana, sans-serif">
    <Variable type="color" name="pagefontcolor" default="#444444" description="Page Font Color" value="#444444">
    <Variable type="color" name="pagelinkcolor" default="#16387C" description="Page Link Color" value="#16387C">
    <Variable type="color" name="pagelinkcolorhover" default="#990000" description="Page Link Hover Color" value="#990000">
    <Variable type="color" name="mainbarbgcolor" default="#ffffff" description="Mainbar Background Color" value="#ffffff">
    <Variable type="font" name="headertitlefont" default="normal bold 100% trebuchet, arial, verdana, sans-serif" description="Header Title Font Properties" value="normal bold 100% trebuchet, arial, verdana, sans-serif">
    <Variable type="color" name="headertitlecolor" default="#cc0000" description="Header Title Color" value="#cc0000">
    <Variable type="color" name="headerdescrcolor" default="#222222" description="Header Description Color" value="#222222">
    <Variable type="color" name="menubarbgcolor" default="#bbbbbb" description="Menu Bar Background Color" value="#bbbbbb">
    <Variable type="color" name="menubarbdcolor" default="#cccccc" description="Menu Bar Border Color" value="#cccccc">
    <Variable type="color" name="menufontcolor" default="#222222" description="Menu Font Color" value="#222222">
    <Variable type="color" name="menufontcolorhover" default="#0066CC" description="Menu Font Hover Color" value="#0066CC">
    <Variable type="color" name="searchbgcolor" default="#ffffff" description="Search Form Background Color" value="#ffffff">
    <Variable type="color" name="searchbdcolor" default="#999999" description="Search Form Border Color" value="#999999">
    <Variable type="color" name="widgettitlebgcolor" default="#ffffff" description="Widget Title Background Color" value="#ffffff">
    <Variable type="color" name="widgettitlebdcolor" default="#dddddd" description="Widget Title Border Color" value="#dddddd">
    <Variable type="color" name="widgettitlecolor" default="#cc0000" description="Widget Title Color" value="#cc0000">
    <Variable type="color" name="widgetbdcolor" default="#ffffff" description="Widget Border Color" value="#ffffff">
    <Variable type="color" name="widgetbgcolor" default="#ffffff" description="Widget Background Color" value="#ffffff">
    <Variable type="color" name="widgettextcolor" default="#ee0000" description="Widget Text Color" value="#ee0000">
    <Variable type="color" name="posttitlecolor" default="#334964" description="Post Title Color" value="#334964">
    <Variable type="color" name="postheadercolor" default="#16387C" description="Post Header Text Color" value="#16387C">
    <Variable type="color" name="postfootercolor" default="#16387C" description="Post Footer Text Color" value="#16387C">
    <Variable type="color" name="boxbgcolor" default="#FDFCF2" description="Commnet and Blockquote Background Color" value="#FDFCF2">
    <Variable type="color" name="boxbdcolor" default="#cccccc" description="Commnet and Blockquote Border Color" value="#cccccc">
    <Variable type="color" name="copyrightcolor" default="#444444" description="Copyright Text Color" value="#444444">
    <Variable type="color" name="footbarbdcolor" default="#cccccc" description="Footbar Border Color" value="#cccccc">
    <Variable type="color" name="footbarbgcolor" default="#F2F8FD" description="Footbar Background Color" value="#F2F8FD">
    */
    
    body { margin:0; padding:0; background:#ffffff; font-family:verdana,arial; text-align:center; font-size:12px }
    a, a:visited { padding:0; margin:0; color:$pagelinkcolor; text-decoration:none } 
    a:hover { text-decoration:underline; color:$pagelinkcolorhover}
    a img { border-width:0 }
    ul,ol { margin:0; padding:0 }
    li { margin:0; padding:1px 0 }
    div { margin:0; padding:0 }
    .clear { clear:both; padding: 0; margin: 0; width:1px; height:1px }
    .readmore { float:right }
    #navbar-iframe { height:0px; visibility:hidden; display:none }
    h2 {  background-color:transparent; background-image:none; }
    .widget { background-color:transparent; background-image:none;  }
    .widget-content{ background-color:transparent; background-image:none;  }
    
    /*  -------------- * WRAPPER LAYOUT *  ------------------- */
    #outer-wrapper { margin:0 auto; width:980px; text-align:left; font:$pagefont; color:$pagefontcolor }
    #header-wrapper { height:70px; width:980px; padding-top:20px }
    #header-inner { float:left }
    #header-left { float:left; width:420px; height:60px; padding-left:10px }
    #header-right {float:right; width:540px; height:60px; text-align:right }
    #header-right h2 { background-color:transparent; background-image:none; border:0 }
    #header-right .widget { background-color:transparent; background-image:none; border:0 }
    
    #content-wrapper { clear:both; margin-top:5px; background:#fff; border:1px solid #fff  }
    #content-pad { margin:0 6px 0 5px } 
    
    #main-wrapper { float:left; padding:0; width:620px; word-wrap: break-word; overflow: hidden; background:$mainbarbgcolor }
    #main-left { float:left; width:200px }
    
    #main-right { float:right; width:409px }
    #sidebar-wrapper {
     padding:0 0 10px 0; float:right; width:336px; 
     word-wrap:break-word; overflow:hidden; /* fix for long text & non-text content breaking sidebar float in IE */ 
    }
    #top-sidebar-wrapper {}
    #left-sidebar-wrapper { width:163px; float:left }
    #right-sidebar-wrapper { width:163px; float:right }
    #footer-wrapper { margin:0 auto; width:980px; background:#fff }
    #footer { text-align:center }
    
    #footbar { margin-top:15px; padding:7px; background:$footbarbgcolor; border:1px solid $footbarbdcolor}
    #footbar-a { float:left; width:310px }
    #footbar-b { float:left; margin-left:17px; width:310px }
    #footbar-c { float:right; width:310px }
    
    #footbar .widget { background:none }
    #footbar .widget h2 { background-color:transparent;  }
    #footbar .widget-content { background:transparent }
    
    #c { height:40px; padding:15px; font-size:11px; color:$copyrightcolor }
    #c a { color:$copyrightcolor; text-decoration:none}
    #cleft {float:left; width:460px }
    #cright {float:right; width:470px; text-align:right }
    
    /*  -------------- * HEADER *  ------------------- */
    #header { text-align:left; color:#060; padding:0 }
    #header img { margin:0; padding:0; vertical-align:text-bottom }
    #header h1 { margin:0; padding:0; font-size:26px }
    #header a { font:$headertitlefont; color:$headertitlecolor; text-decoration:none; letter-spacing:-1px }
    #header .description { margin:3px 0; padding:0; font-weight:normal; max-width:900px; font-size:14px; color:$headerdescrcolor  }
    
    /*  -------------- * SIDEBAR & WIDGET *  ------------------- */
    .sidebar { }
    .sidebar .widget { margin:0 0 4px 0; padding:0 0 6px 0; border:1px solid $widgetbdcolor; background:$widgetbgcolor } 
    .widget h2 { margin:0; padding:5px 0 5px 6px; text-transform:uppercase; font-size:12px; font-weight: bold; 
     background:$widgettitlebgcolor; color:$widgettitlecolor; border-bottom:1px solid $widgettitlebdcolor }
    
    .widget-content { margin:0; padding:4px 6px 6px 6px }
    .main { }
    .widget-content ul { list-style-type:none }
    .widget-content li { border:0; padding:3px 0; background:url(http://i974.photobucket.com/albums/ae221/themescook/protonema/border_h.gif) repeat-x left bottom }
    .Label li, .LinkList li {  }
    .Label li a, .LinkList li a { padding-left:13px; background:url(http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png) no-repeat -4px -1px }
    
    /*  -------------- * MENU & SEARCH*  ------------------- */
    #menu-bar { padding:6px 20px 0 4px; height:28px; background: url(http://i974.photobucket.com/albums/ae221/themescook/xclearfam/b0blue.gif) repeat-x; border:1px solid $menubarbdcolor  }
    #menu-bar .widget-content { margin:0; padding:0 }
    #bar { clear:both }
    
    .menu { width:500px; float:left; margin-top:3px }
    .menu ul { float:left }
    .menu li {float:left; padding:0; list-style:none; background-color:transparant; background-image:none }
    .menu a { padding:0 10px; height:30px; font-size:12px; font-weight:bold; color:$menufontcolor;
      background-color:transparant; background-image:none }
    .menu a:hover { color:$menufontcolorhover; text-decoration:none }
    
    .search { width:440px; float:right }
    .search form { margin:0; padding:0; float:right }
    .search .s{ height:18px; border:1px solid $searchbdcolor; 
      background:$searchbgcolor url(http://i974.photobucket.com/albums/ae221/themescook/xclearfam/zoom.png) no-repeat 6px 2px; 
      margin:0; padding-left:25px; color:$searchbdcolor }
    .search ul { float:right; width:240px }
    .search li {float:right; list-style:none; height:22px; background:url(http://i974.photobucket.com/albums/ae221/themescook/protonema/feed.png) no-repeat 5px 4px; padding:4px 0 0 27px; margin-left:5px }
    .search a { text-decoration:normal; font-size:12px; font-weight:normal; color:$menufontcolor }
    .search a:hover { color:$menufontcolorhover; text-decoration:none }
    
    /*  -------------- * POSTS *  ------------------- */
    .blog-posts { }
    .blog-posts .date-header { margin:5px 0 0 0; padding:0; font-size:10px; font-weight:bold }
    .post { margin:0; padding-bottom:1.5em }
    .post h3 { font-size:14px; margin:5px 0; font-weight:bold  }
    .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$posttitlecolor; font-weight:bold; }
    .post h3 strong, .post h3 a:hover { text-decoration:underline }
    
    .post-body { $pagefontcolor }
    .post-body blockquote{ margin:.8em 0; padding:5px 0 5px 26px; background:url(http://i974.photobucket.com/albums/ae221/themescook/protonema/blockquote.gif) no-repeat 2px 5px;  }
    .post-body blockquote p { margin:0; padding:0 0 0 8px; border:1px solid #ddd; background:$boxbgcolor} 
    /*.post-body code{ background:$boxbgcolor  } */
    
    .post-body ul,ol {margin:0; padding:0 0 0 20px}
    .post-body li { }
    .post-body h2 { margin:0; padding:0; text-transform:none; font-size:18px; font-weight:normal; 
     background:none; color:$pagefontcolor; border:0px }
    
    .post-comment-link { } 
    .post-author{ padding:2px 0 0 19px; background:url(http://i974.photobucket.com/albums/ae221/themescook/xclearfam/user.png) no-repeat }
    .post-labels { padding:2px 6px 0 19px; background:url(http://i974.photobucket.com/albums/ae221/themescook/xclearfam/tag_blue.png) no-repeat } 
    .comment-link { padding:2px 6px 0 19px; background:url(http://i974.photobucket.com/albums/ae221/themescook/xclearfam/comment.png) no-repeat }
    .post-timestamp { padding:0 6px 0 0 }
    
    .post-header-line-1 { margin:5px 0; font-size:11px; text-transform:uppercase } 
    .post-header-line-1 a { color:$postheadercolor } 
    
    .post-footer { margin:5px 0; font-size:11px; text-transform:uppercase }
    .post-footer a { color:$postfootercolor }
    
    .post-footer-line { margin:0; padding:2px 0 }
    .post img { margin:0; padding:3px; border:1px solid #aaa }
    
    /*  -------------- * COMMENTS *  ------------------- */
    #comments h4 { padding:0 6px 0 19px; background:url(http://i974.photobucket.com/albums/ae221/themescook/xclearfam/comment_edit.png) no-repeat; font-weight:bold; text-transform:uppercase; font-size:12px }
    #comments-block { margin:0 }
    #comments-block .comment-bg { }
    
    #comments-block .comment-author { height:15px;  padding:5px 0 0 22px; font-weight:bold }
    .comment-au1 { float:left }
    .comment-au2 { float:right; text-align:right; font-size:10px; padding-top:2px}
    #comments-block .comment-body { margin:0; padding:15px 10px 5px 10px;  
      background:$boxbgcolor url(http://i974.photobucket.com/albums/ae221/themescook/protonema/comment-triangle2-1.gif) no-repeat left top;  }
    #comments-block .comment-body p { margin:0 }
    #comments-block .comment-footer { margin:0; text-transform:none; font-size:10px; border-top:1px solid #ddd }
    .deleted-comment { font-style:italic; color:gray }
    
    #blog-pager-newer-link { float: left } 
    #blog-pager-older-link { float: right }
    #blog-pager { text-align: center }
    .feed-links { clear: both; line-height: 2.5em }
    
    /*  -------------- * PROFILE *  ------------------- */
    .profile-img { float: left; margin: 0 5px 5px 0; padding: 4px; border:1px solid #444 }
    .profile-data { font-weight: bold }
    .profile-datablock { margin:0 .5em }
    .profile-textblock { margin:0.5em 0;  }
    .profile-link { text-transform: uppercase; font-size:10px } ]]></b:skin>
    
    <script type='text/javascript'>
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-25856433-1']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    
    </head>
    
    
    <script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 130;summary_img = 150;img_thumb_height = 60;img_thumb_width = 80;</script><script src='http://yourjavascript.com/1211712851/demreli_devamini_oku.js' type='text/javascript'/>
    
    
    <body> 
    <div id='outer-wrapper'><div id='wrap2'>
     <!-- skip links for text browsers -->
     <span id='skiplinks' style='display:none;'><a href='#main'>skip to main </a>|<a href='#sidebar'>skip to sidebar</a></span>
     <div id='header-wrapper'>
      <div id='header-left'>
       <!-- Header *** -->
       
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Uğur Gürsoy Fırat Karikatürleri (Üstbilgi)' type='Header'/>
    </b:section>
       <!-- Header end --> 
      </div>
      <div id='header-right'>  
       <!-- Banner-Top *** -->
       
    <b:section class='banner-top' id='banner-top' maxwidgets='1' showaddelement='yes'>
    <b:widget id='HTML11' locked='false' title='' type='HTML'/>
    </b:section>
       <!-- Banner-Top end --> 
      </div>
     </div>
     <div id='menu-bar'>
        
    <b:section class='menu' id='menu' maxwidgets='1' showaddelement='yes'>
    <b:widget id='LinkList1' locked='false' title='' type='LinkList'/>
    </b:section>
      <b:section class='search' id='search' maxwidgets='1' preferred='yes' showaddelement='no'>
    <b:widget id='HTML2' locked='true' title='Search' type='HTML'/>
    <b:widget id='AdSense3' locked='false' title='' type='AdSense'/>
    <b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
    <b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
    <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
    </b:section>  <div class='clear'>*</div>
    
     </div>
     <div id='bar'>
      
    <b:section class='banner-bar' id='banner-bar' maxwidgets='2' showaddelement='yes'>
    <b:widget id='HTML10' locked='false' title='' type='HTML'/>
    </b:section>
      <div class='clear'>*</div>
     </div>
     <div id='content-wrapper'><div id='content-pad'>
      <div id='crosscol-wrapper' style='text-align:center'><b:section class='crosscol' id='crosscol' showaddelement='no'/></div>
      <div id='main-wrapper'>
       
    <b:section class='banner-main' id='banner-main' maxwidgets='1' showaddelement='yes'>
    <b:widget id='HTML8' locked='false' title='' type='HTML'/>
    </b:section>
       <div id='main-left'>
        <!-- Main Left *** -->
        
    <b:section class='sidebar' id='Sidebar4' preferred='yes'>
    <b:widget id='Label1' locked='false' title='TÜM SAÇ MODELLERİ' type='Label'/>
    <b:widget id='Label3' locked='false' title='2011 Yeni Saç Modelleri' type='Label'/>
    <b:widget id='HTML7' locked='false' title='Bunları Okudunuz mu?' type='HTML'/>
    <b:widget id='HTML14' locked='false' title='' type='HTML'/>
    <b:widget id='HTML9' locked='false' title='LinkWithin' type='HTML'/>
    </b:section>
        <!-- Main Left end --> 
       </div>
       <div id='main-right'>
        <!-- Post *** -->
        
    <b:section class='banner-main-right' id='banner-main-right' maxwidgets='2' showaddelement='yes'>
    <b:widget id='HTML5' locked='false' title='' type='HTML'/>
    </b:section>
    
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'/>
    </b:section>
        <!-- Post end --> 
       </div>
       <div class='clear'>*</div>
      </div>
      <div id='sidebar-wrapper'><div class='pad'>
       <div id='top-sidebar-wrapper'>
        <!-- Sidebar 1 *** -->
        
    <b:section class='sidebar' id='sidebar1' preferred='yes'>
    <b:widget id='PopularPosts2' locked='false' title='Bu ay en çok okunan başlıklar' type='PopularPosts'/>
    <b:widget id='HTML6' locked='false' title='' type='HTML'/>
    <b:widget id='HTML15' locked='false' title='' type='HTML'/>
    </b:section>
        <!-- Sidebar 1 end --> 
       </div> 
       <div id='left-sidebar-wrapper'> 
        <!-- Sidebar 2 *** -->
        
    <b:section class='sidebar' id='sidebar2' preferred='yes'>
    <b:widget id='HTML4' locked='false' title='Benim Seçtiklerim' type='HTML'/>
    <b:widget id='HTML3' locked='false' title='En çok paylaşılanlar' type='HTML'/>
    <b:widget id='HTML13' locked='false' title='' type='HTML'/>
    </b:section>
        <!-- Sidebar 2 end --> 
       </div> 
       <div id='right-sidebar-wrapper'>
        <!-- Sidebar 3 *** -->
        
    <b:section class='sidebar' id='sidebar3' preferred='yes'>
    <b:widget id='PopularPosts1' locked='false' title='En çok okunanlar' type='PopularPosts'/>
    </b:section>
        <!-- Sidebar 3 end --> 
       </div>    
       <div class='clear'>*</div>
      </div></div>
      <div class='clear'>*</div>
     </div></div> <!-- end content-inner & wrapper -->
     
     <div id='footbar'>
      <div class='clear'>*</div>
      <div id='footbar-a'>
       
    <b:section class='footbar-div' id='footbar-1' preferred='yes'>
    <b:widget id='Label2' locked='false' title='Saç Modelleri Yapımında Detaylar' type='Label'/>
    </b:section>
      </div>
      <div id='footbar-b'>
       
    <b:section class='footbar-div' id='footbar-2' preferred='yes'>
    <b:widget id='HTML16' locked='false' title='Merak ettikleriniz vardır belki' type='HTML'/>
    </b:section>
      </div>
      <div id='footbar-c'>
       
    <b:section class='footbar-div' id='footbar-3' preferred='yes'>
    <b:widget id='HTML18' locked='false' title='Saç modelleri ve bakımı hakkında' type='HTML'/>
    </b:section>
      </div>
      <div class='clear'>*</div>
     </div>
    
     
    <b:section class='footer' id='footer' preferred='yes'>
    <b:widget id='HTML12' locked='false' title='' type='HTML'/>
    <b:widget id='HTML1' locked='false' title='Featured' type='HTML'/>
    </b:section>
    
     <div id='c'>
      <div id='cleft'>Copyright © <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></div>
      <div id='cright'>Using </a> <a </div>
     </div>
     </div></div> <!-- end outer-wrapper -->
    </body>
    </html>
  • 20-11-2012, 20:03:08
    #2
    main-wrapper width: ...px - Buradan genişletebilirsin..