RSS

ΤΡΟΠΟΠΟΙΗΜΕΝΟ ΤΡΙΣΤΗΛΟ MINIMA TEMPLATE

07 Νοέ.

Καλησπέρα. Σήμερα δε θα σας προτείνω κάποιο widget, σελίδα ή trick ούτε θα σας παραπέμψω σε κάποιο tutorial. Σήμερα θα σας προσφέρω ένα template του blogspot το οποίο το έχω τροποποιήσει λιγάκι. Το template είναι το minima στη λευκή του έκδοση. Παρακάτω είναι ο κώδικας και ακόμα πιο κάτω ένα screenshot για να δείτε πως δείχνει στη διάταξη του πανόπτη.
   Λίγα στοιχεία του παρακάτω template: Είναι τρίστηλο, η navbar έχει αφαιρεθεί για αποφυγή διάφορων επιτήδιων, κάτω από το κείμενο έχει τρεις κάθετες στήλες στις οποίες μπορούνε να προστεθούνε εικόνες, widgets και διάφορα άλλα, καθώς και προεγκατεστημένο ένα κουμπί Bookmark, το οποίο θα εμφανίζεται κάτω από κάθε σας ανάρτηση, για να κάνετε προσθήκη των post σας εσείς ή οι αναγνώστες σας σε διάφορες υπηρεσίες όπως είναι το Twitter, Facebook, MySpace, Delicious και μια πληθώρα άλλων υπηρεσιών. Πάνω από την κεφαλίδα μπορείτε να κάνετε προσθήκη gadget έτσι ώστε αν θέλετε να έχετε για logo ακόμα και animated banner. Επίσης αν κάνετε κλικ πάνω στον τίτλο ενός post θα δείτε ότι στη συγκεκριμένη ανάρτηση εμφανίζεται και ένα κουμπί για την εκτύπωση αυτής. Δείτε ένα test blog για το πως θα φαίνεται κάνοντας κλικ εδώ. Ελπίζω να το βρείτε ενδιαφέρον.

<?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 expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml&#8217; xmlns:b=’http://www.google.com/2005/gml/b&#8217; xmlns:data=’http://www.google.com/2005/gml/data&#8217; xmlns:expr=’http://www.google.com/2005/gml/expr’&gt;
<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
———————————————–
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: http://www.stopdesign.com
Modified by hackaday
URL: http://locusblogus.blogspot.com
Date: 26 Feb 2004
Updated by: Blogger Team
———————————————– */




#navbar-iframe {display:none !important;}


/* Variable definitions
   ====================
   <Variable name=»bgcolor» description=»Page Background Color»
             type=»color» default=»#fff» value=»#ffffff»>
   <Variable name=»textcolor» description=»Text Color»
             type=»color» default=»#333″ value=»#333333″>
   <Variable name=»linkcolor» description=»Link Color»
             type=»color» default=»#58a» value=»#5588aa»>
   <Variable name=»pagetitlecolor» description=»Blog Title Color»
             type=»color» default=»#666″ value=»#666666″>
   <Variable name=»descriptioncolor» description=»Blog Description Color»
             type=»color» default=»#999″ value=»#999999″>
   <Variable name=»titlecolor» description=»Post Title Color»
             type=»color» default=»#c60″ value=»#cc6600″>
   <Variable name=»bordercolor» description=»Border Color»
             type=»color» default=»#ccc» value=»#ffffff»>
   <Variable name=»sidebarcolor» description=»Sidebar Title Color»
             type=»color» default=»#999″ value=»#999999″>
   <Variable name=»sidebartextcolor» description=»Sidebar Text Color»
             type=»color» default=»#666″ value=»#666666″>
   <Variable name=»visitedlinkcolor» description=»Visited Link Color»
             type=»color» default=»#999″ value=»#999999″>
   <Variable name=»bodyfont» description=»Text Font»
             type=»font» default=»normal normal 100% Georgia, Serif» value=»normal normal 100% Georgia, Serif»>
   <Variable name=»headerfont» description=»Sidebar Title Font»
             type=»font»
             default=»normal normal 78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif» value=»normal normal 78% ‘Trebuchet MS’,Trebuchet,Arial,Verdana,Sans-serif»>
   <Variable name=»pagetitlefont» description=»Blog Title Font»
             type=»font»
             default=»normal normal 200% Georgia, Serif» value=»normal normal 200% Georgia, Serif»>
   <Variable name=»descriptionfont» description=»Blog Description Font»
             type=»font»
             default=»normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif» value=»normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif»>
   <Variable name=»postfooterfont» description=»Post Footer Font»
             type=»font»
             default=»normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif» value=»normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif»>
   <Variable name=»startSide» description=»Side where text starts in blog language»
             type=»automatic» default=»left» value=»left»>
   <Variable name=»endSide» description=»Side where text ends in blog language»
             type=»automatic» default=»right» value=»right»>
*/


body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }


/* Header
———————————————–
 */


#header-wrapper {
  width:950px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }


#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}


#header {
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}


#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}


#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }


#header a:hover {
  color:$pagetitlecolor;
  }


#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
 }


#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}




/* Outer-Wrapper
———————————————– */
#outer-wrapper {
  width: 950px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }


#main-wrapper {
  width: 410px;
  float: left;margin-left: 40px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }


#sidebar-wrapper {
  width: 220px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
  width: 220px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
———————————————– */


h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}




/* Posts
———————————————–
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }


.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}


.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}


.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}


.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}


.post-body blockquote {
  line-height:1.3em; 
}


.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}


.comment-link {
  margin-$startSide:.6em;
  }
.post img {
  padding:4px;
  border:1px solid $bordercolor;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
———————————————– */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }


#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
border-bottom:2px solid #736AFF;
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


#blog-pager-newer-link {
  float: $startSide;
 }


#blog-pager-older-link {
  float: $endSide;
 }


#blog-pager {
  text-align: center;
 }


.feed-links {
  clear: both;
  line-height: 2.5em;
}


/* Sidebar Content
———————————————– */
.sidebar {
  color: $sidebartextcolor;
  line-height: 1.5em;
 }


.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }


.sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }


.main .Blog {
  border-bottom-width: 0;
}




/* Profile
———————————————– */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}


.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}


.profile-datablock {
  margin:.5em 0 .5em;
}


.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}


.profile-link {
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}


/* Footer
———————————————– */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}
]]></b:skin>
<style media=’print’ type=’text/css’> #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;} #main-wrapper {width: 95%} </style>
  </head>


  <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’>
      <b:section class=’header’ id=’header’ maxwidgets=’2′ showaddelement=’yes’>
<b:widget id=’Header1′ locked=’true’ title=’SimpleStyle (Κεφαλίδα)’ type=’Header’>
<b:includable id=’main’>


  <b:if cond=’data:useImage’>
    <b:if cond=’data:imagePlacement == «REPLACE»‘>
      <!–Show just the image, no text–>
      <div id=’header-inner’>
        <a expr:href=’data:blog.homepageUrl’ style=’display: block’>
          <img expr:alt=’data:title’ expr:height=’data:height’ expr:id=’data:widget.instanceId + «_headerimg»‘ expr:src=’data:sourceUrl’ expr:width=’data:width’ style=’display: block’/>
        </a>
      </div>
    <b:else/>
      <!–
      Show image as background to text. You can’t really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don’t force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width’s worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      –>
      <div expr:style='»background-image: url(\»» + data:sourceUrl + «\»); »                      + «background-position: »                      + data:backgroundPositionStyleStr + «; »                      + data:widthStyleStr                      + «min-height: » + data:height + «px;»                      + «_height: » + data:height + «px;»                      + «background-repeat: no-repeat; «‘ id=’header-inner’>
        <div class=’titlewrapper’ style=’background: transparent’>
          <h1 class=’title’ style=’background: transparent; border-width: 0px’>
            <b:include name=’title’/>
          </h1>
        </div>
        <b:include name=’description’/>
      </div>
    </b:if>
  <b:else/>
    <!–No header image –>
    <div id=’header-inner’>
      <div class=’titlewrapper’>
        <h1 class=’title’>
          <b:include name=’title’/>
        </h1>
      </div>
      <b:include name=’description’/>
    </div>
  </b:if>
</b:includable>
<b:includable id=’title’>
  <b:if cond=’data:blog.url == data:blog.homepageUrl’>
    <data:title/>
  <b:else/>
    <a expr:href=’data:blog.homepageUrl’><data:title/></a>
  </b:if>
</b:includable>
<b:includable id=’description’>
  <div class=’descriptionwrapper’>
    <p class=’description’><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>
    </div>


    <div id=’content-wrapper’>


      <div id=’crosscol-wrapper’ style=’text-align:center’>
        <b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’/>
      </div>
<div id=’left-sidebar-wrapper’> <b:section class=’sidebar’ id=’left-sidebar’ preferred=’yes’/> </div>
      <div id=’main-wrapper’>
        <b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’true’ title=’Αναρτήσεις ιστολογίου’ type=’Blog’>
<b:includable id=’nextprev’>
  <div class=’blog-pager’ id=’blog-pager’>
    <b:if cond=’data:newerPageUrl’>
      <span id=’blog-pager-newer-link’>
      <a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + «_blog-pager-newer-link»‘ expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>
      </span>
    </b:if>


    <b:if cond=’data:olderPageUrl’>
      <span id=’blog-pager-older-link’>
      <a class=’blog-pager-older-link’ expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + «_blog-pager-older-link»‘ expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>
      </span>
    </b:if>


    <b:if cond=’data:blog.homepageUrl != data:blog.url’>
      <a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
      <b:else/>
      <b:if cond=’data:newerPageUrl’>
        <a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
      </b:if>
    </b:if>


  </div>
  <div class=’clear’/>
</b:includable>
<b:includable id=’backlinks’ var=’post’>
  <a name=’links’/><h4><data:post.backlinksLabel/></h4>
  <b:if cond=’data:post.numBacklinks != 0′>
    <dl class=’comments-block’ id=’comments-block’>
      <b:loop values=’data:post.backlinks’ var=’backlink’>
        <div class=’collapsed-backlink backlink-control’>
          <dt class=’comment-title’>
            <span class=’backlink-toggle-zippy’> </span>
            <a expr:href=’data:backlink.url’ rel=’nofollow’><data:backlink.title/></a>
            <b:include data=’backlink’ name=’backlinkDeleteIcon’/>
          </dt>
          <dd class=’comment-body collapseable’>
            <data:backlink.snippet/>
          </dd>
          <dd class=’comment-footer collapseable’>
            <span class=’comment-author’><data:post.authorLabel/> <data:backlink.author/></span>
            <span class=’comment-timestamp’><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class=’comment-footer’>
    <a class=’comment-link’ expr:href=’data:post.createLinkUrl’ expr:id=’data:widget.instanceId + «_backlinks-create-link»‘ target=’_blank’><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id=’post’ var=’post’>
  <div class=’post hentry uncustomized-post-template’>
    <b:if cond=’data:blog.pageType == «item»‘> <span style=’background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;’><a href=’javascript:window.print()’>Print this post</a></span> </b:if>
<a expr:name=’data:post.id’/>
    <b:if cond=’data:post.title’>
      <h3 class=’post-title entry-title’>
     <b:if cond=’data:post.link’>
       <a expr:href=’data:post.link’><data:post.title/></a>
     <b:else/>
        <b:if cond=’data:post.url’>
          <a expr:href=’data:post.url’><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
    <div class=’post-header-line-1’/>


    <div class=’post-body entry-content’>
      <data:post.body/>
      <div style=’clear: both;’/> <!– clear for photos floats –>
    </div>
 
    <b:if cond=’data:post.hasJumpLink’>
      <div class=’jump-link’>
        <a expr:href=’data:post.url + «#more»‘ expr:title=’data:post.title’><data:post.jumpText/></a> 
      </div>
    </b:if>
   
    <div class=’post-footer’>
<!– AddThis Button BEGIN –>
<div><a class=’addthis_button’ expr:addthis:title=’data:post.title’ expr:addthis:url=’data:post.url’><img alt=’Bookmark and Share’ height=’16’ src=’http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif&#8217; style=’border:0′ width=’125’/></a>
<script src=’http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4aea216727a9a258&#8242; type=’text/javascript’/></div>
<!– AddThis Button END –>


    <div class=’post-footer-line post-footer-line-1′>
      <span class=’post-author vcard’>
        <b:if cond=’data:top.showAuthor’>
          <data:top.authorLabel/>
          <span class=’fn’><data:post.author/></span>
        </b:if>
      </span>


      <span class=’post-timestamp’>
        <b:if cond=’data:top.showTimestamp’>
          <data:top.timestampLabel/>
        <b:if cond=’data:post.url’>
          <a class=’timestamp-link’ expr:href=’data:post.url’ rel=’bookmark’ title=’permanent link’><abbr class=’published’ expr:title=’data:post.timestampISO8601′><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
 
      <span class=’reaction-buttons’>
        <b:if cond=’data:top.showReactions’>
          <table border=’0′ cellpadding=’0′ cellspacing=’0′ width=’100%’><tr>
            <td class=’reactions-label-cell’ nowrap=’nowrap’ valign=’top’ width=’1%’>
              <span class=’reactions-label’>
              <data:top.reactionsLabel/></span> </td>
            <td><iframe allowtransparency=’true’ class=’reactions-iframe’ expr:src=’data:post.reactionsUrl’ frameborder=’0′ name=’reactions’ scrolling=’no’/></td>
           </tr></table>
        </b:if>
      </span>


      <span class=’star-ratings’>
        <b:if cond=’data:top.showStars’>
           <div expr:g:background-color=’data:backgroundColor’ expr:g:text-color=’data:textColor’ expr:g:url=’data:post.absoluteUrl’ g:height=’42’ g:type=’RatingPanel’ g:width=’280’/>
        </b:if>
      </span>


      <span class=’post-comment-link’>
        <b:if cond=’data:blog.pageType != «item»‘>
          <b:if cond=’data:post.allowComments’>
            <a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><b:if cond=’data:post.numComments == 1′>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>


       <!– backlinks –>
       <span class=’post-backlinks post-comment-link’>
         <b:if cond=’data:blog.pageType != «item»‘>
           <b:if cond=’data:post.showBacklinks’>
             <a class=’comment-link’ expr:href=’data:post.url + «#links»‘><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>


      <span class=’post-icons’>
        <!– email post links –>
        <b:if cond=’data:post.emailPostUrl’>
          <span class=’item-action’>
          <a expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
              <img alt=» class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif&#8217; width=’18’/>
          </a>
          </span>
        </b:if>


        <!– quickedit pencil –>
        <b:include data=’post’ name=’postQuickEdit’/>
      </span>
      </div>


      <div class=’post-footer-line post-footer-line-2′>
      <span class=’post-labels’>
        <b:if cond=’data:post.labels’>
          <data:postLabelsLabel/>
          <b:loop values=’data:post.labels’ var=’label’>
            <a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a><b:if cond=’data:label.isLast != «true»‘>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </div>


      <div class=’post-footer-line post-footer-line-3′>
      <span class=’post-location’>
        <b:if cond=’data:top.showLocation’>
          <b:if cond=’data:post.location’>
            <data:postLocationLabel/>
            <a expr:href=’data:post.location.mapsUrl’ target=’_blank’><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id=’commentDeleteIcon’ var=’comment’>
  <span expr:class='»item-control » + data:comment.adminClass’>
    <a expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
      <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
  </span>
</b:includable>
<b:includable id=’status-message’>
  <b:if cond=’data:navMessage’>
  <div class=’status-msg-wrap’>
    <div class=’status-msg-body’>
      <data:navMessage/>
    </div>
    <div class=’status-msg-border’>
      <div class=’status-msg-bg’>
        <div class=’status-msg-hidden’><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style=’clear: both;’/>
  </b:if>
</b:includable>
<b:includable id=’feedLinks’>
  <b:if cond=’data:blog.pageType != «item»‘> <!– Blog feed links –>
    <b:if cond=’data:feedLinks’>
      <div class=’blog-feeds’>
        <b:include data=’feedLinks’ name=’feedLinksBody’/>
      </div>
    </b:if>


    <b:else/> <!–Post feed links –>
    <div class=’post-feeds’>
      <b:loop values=’data:posts’ var=’post’>
        <b:if cond=’data:post.allowComments’>
          <b:if cond=’data:post.feedLinks’>
            <b:include data=’post.feedLinks’ name=’feedLinksBody’/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id=’comment-form’ var=’post’>
  <div class=’comment-form’>
    <a name=’comment-form’/>
    <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%’/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type=’text/javascript’>
      BLOG_CMT_createIframe(‘<data:post.appRpcRelayPath/>’, ‘<data:post.communityId/>’);
    </script>
  </div>
</b:includable>
<b:includable id=’backlinkDeleteIcon’ var=’backlink’>
  <span expr:class='»item-control » + data:backlink.adminClass’>
    <a expr:href=’data:backlink.deleteUrl’ expr:title=’data:top.deleteBacklinkMsg’>
      <img src=’http://www.blogger.com/img/icon_delete13.gif’/&gt;
    </a>
  </span>
</b:includable>
<b:includable id=’feedLinksBody’ var=’links’>
  <div class=’feed-links’>
  <data:feedLinksMsg/>
  <b:loop values=’data:links’ var=’f’>
     <a class=’feed-link’ expr:href=’data:f.url’ expr:type=’data:f.mimeType’ target=’_blank’><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id=’postQuickEdit’ var=’post’>
  <b:if cond=’data:post.editUrl’>
    <span expr:class='»item-control » + data:post.adminClass’>
      <a expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
        <img alt=» class=’icon-action’ height=’18’ src=’http://www.blogger.com/img/icon18_edit_allbkg.gif&#8217; width=’18’/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id=’comments’ var=’post’>
  <div class=’comments’ id=’comments’>
    <a name=’comments’/>
    <b:if cond=’data:post.allowComments’>
      <h4>
        <b:if cond=’data:post.numComments == 1′>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>


      <b:if cond=’data:post.commentPagingRequired’>
        <span class=’paging-control-container’>
          <a expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’><data:post.oldestLinkText/></a>
         
          <a expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’><data:post.olderLinkText/></a>
         
          <data:post.commentRangeText/>
         
          <a expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’><data:post.newerLinkText/></a>
         
          <a expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’><data:post.newestLinkText/></a>
        </span>
      </b:if>


      <dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
        <b:loop values=’data:post.comments’ var=’comment’>
          <dt expr:class='»comment-author » + data:comment.authorClass’ expr:id=’data:comment.anchorName’>
            <b:if cond=’data:comment.favicon’>
              <img expr:src=’data:comment.favicon’ height=’16px’ style=’margin-bottom:-2px;’ width=’16px’/>
            </b:if>
            <a expr:name=’data:comment.anchorName’/>
            <b:if cond=’data:blog.enabledCommentProfileImages’>
              <data:comment.authorAvatarImage/>
            </b:if>
            <b:if cond=’data:comment.authorUrl’>
              <a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class=’comment-body’>
            <b:if cond=’data:comment.isDeleted’>
              <span class=’deleted-comment’><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class=’comment-footer’>
            <span class=’comment-timestamp’>
              <a expr:href=’data:comment.url’ title=’comment permalink’>
                <data:comment.timestamp/>
              </a>
              <b:include data=’comment’ name=’commentDeleteIcon’/>
            </span>
          </dd>
        </b:loop>
      </dl>


      <b:if cond=’data:post.commentPagingRequired’>
        <span class=’paging-control-container’>
          <a expr:class=’data:post.oldLinkClass’ expr:href=’data:post.oldestLinkUrl’>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’>
            <data:post.olderLinkText/>
          </a>
         
          <data:post.commentRangeText/>
         
          <a expr:class=’data:post.newLinkClass’ expr:href=’data:post.newerLinkUrl’>
            <data:post.newerLinkText/>
          </a>
          <a expr:class=’data:post.newLinkClass’ expr:href=’data:post.newestLinkUrl’>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>


      <p class=’comment-footer’>
        <b:if cond=’data:post.embedCommentForm’>
          <b:if cond=’data:post.allowNewComments’>
            <b:include data=’post’ name=’comment-form’/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond=’data:post.allowComments’>
            <a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>
          </b:if>
        </b:if>


      </p>
    </b:if>


    <div id=’backlinks-container’>
    <div expr:id=’data:widget.instanceId + «_backlinks-container»‘>
       <b:if cond=’data:post.showBacklinks’>
         <b:include data=’post’ name=’backlinks’/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id=’main’ var=’top’>
  <!– posts –>
  <div class=’blog-posts hfeed’>


    <b:include data=’top’ name=’status-message’/>


    <data:defaultAdStart/>
    <b:loop values=’data:posts’ var=’post’>
      <b:if cond=’data:post.dateHeader’>
        <h2 class=’date-header’><data:post.dateHeader/></h2>
      </b:if>
      <b:include data=’post’ name=’post’/>
      <b:if cond=’data:blog.pageType == «static_page»‘>
        <b:include data=’post’ name=’comments’/>
      </b:if>
      <b:if cond=’data:blog.pageType == «item»‘>
        <b:include data=’post’ name=’comments’/>
      </b:if>
      <b:if cond=’data:post.includeAd’>
        <b:if cond=’data:post.isFirstPost’>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class=’inline-ad’>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond=’data:post.trackLatency’>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>


  <!– navigation –>
  <b:include name=’nextprev’/>


  <!– feed links –>
  <b:include name=’feedLinks’/>
 
  <b:if cond=’data:top.showStars’>
    <script src=’http://www.google.com/jsapi&#8217; type=’text/javascript’/>
    <script type=’text/javascript’>
      google.load(«annotations», «1», {«locale»: «<data:top.languageCode/>»});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
</b:widget>
</b:section>
      </div>


      <div id=’sidebar-wrapper’>
        <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’/>
      </div>


      <!– spacer for skins that want sidebar and main to be the same height–>
      <div class=’clear’> </div>


    </div> <!– end content-wrapper –>


    <div id=’footer-wrapper’>
      <div id=’footer-column-container’>
<div id=’footer2′ style=’width: 30%; float: left; margin:0; text-align: left;’>
<b:section class=’footer-column’ id=’col1′ preferred=’yes’ style=’float:left;’/>
</div>
<div id=’footer3′ style=’width: 40%; float: left; margin:0; text-align: left;’>
<b:section class=’footer-column’ id=’col2′ preferred=’yes’ style=’float:left;’/>
</div>
<div id=’footer4′ style=’width: 30%; float: right; margin:0; text-align: left;’>
<b:section class=’footer-column’ id=’col3′ preferred=’yes’ style=’float:right;’/>
</div>
<div style=’clear:both;’/>
<div id=’footer-bottom’ style=’text-align: center; padding: 10px; text-transform: lowercase;’>
<b:section class=’footer’ id=’col-bottom’ preferred=’yes’/>
</div>
<div style=’clear:both;’/>
</div>
    </div>

  </div></div> <!– end outer-wrapper –>
</body><div id=’footer-bottom’ style=’text-align: center; padding: 10px; text-transform: lowercase;’><p align=’center’><a href=’http://locusblogus.blogspot.com’>Modified by hackaday 2009</a></p></div>
</html>


 
19 Σχόλια

Posted by στο Νοέμβριος 7, 2009 in BLOGGER, BLOGSPOT, LAYER, TEMPLATE

 

19 responses to “ΤΡΟΠΟΠΟΙΗΜΕΝΟ ΤΡΙΣΤΗΛΟ MINIMA TEMPLATE

  1. mafe_Admin

    Νοέμβριος 9, 2009 at 1:00 πμ

    polu kao file

     
  2. hackaday

    Νοέμβριος 9, 2009 at 1:03 πμ

    @mafe_Admin Χαίρομαι που σου άρεσε.

     
  3. paokland

    Νοέμβριος 24, 2009 at 4:12 μμ

    προχτές έκανα μία μ@@κια προσπαθώντας να διοθρθώσω το read more που δεν δούλευε και παραλίγο να χάσω όλο το blog. το έσωσα και τώρα έχω το δικό σου templatε.Μια χαρά μου φαίνεται, καλύτερο από πριν.Λίγο το χρώμα έκλεισα και όλα καλά.

     
  4. hackaday

    Νοέμβριος 24, 2009 at 5:29 μμ

    @paokland Το είδα. Όντως, μια χαρά έκατσε. Αν θέλεις στο κάτω μέρος του blog σου που είναι τα τρία κάθετα στοιχεία προσθήκης gadget μπορείς να τα έχεις όλα συμμετρικά βάζοντας τον κάθε κώδικα ανάμεσα σε δυο εντολές. Πριν από τον κώδικα γράφεις < center > και μετά το τέλος του κώδικα του κάθε gadget < / center > χωρίς τα κενά.

     
  5. Alexas

    Νοέμβριος 28, 2009 at 8:41 μμ

    ΑΝ ΤΟ ΚΑΝΩ ΑΥΤΟ ΦΙΛΕ ΣΤΟ BLOG ΜΟΥ ΘΑ ΧΑΣΩ ΤΑ ΗΔΗ ΥΠΑΡΧΟΝΤΑ GABGET H ΟΧΙ ΤΟ ΕΚΑΝΑ ΣΕ ΔΟΚΙΜΑΣΤΙΚΟ BLOG KAI ΕΙΔΑ ΟΤΙ ΕΙΝΑΙ ΠΟΛΥ ΩΡΑΙΑ ΚΑΛΗ ΔΟΥΛΕΙΑ ΜΠΡΑΒΟ ΓΙΑ ΤΗΝ ΠΡΟΣΠΑΘΕΙΑ

     
  6. hackaday

    Νοέμβριος 28, 2009 at 9:20 μμ

    @Alexas Να σου πω την αλήθεια δεν το δοκίμασα σε ήδη υπάρχον blog οπότε δε βασίζομαι να σου δώσω απάντηση. Αλλά αν θέλεις επικοινώνησε με το http://paokland.blogspot.com που το εγκατέστησε να σου πει.

     
  7. Alexas

    Νοέμβριος 29, 2009 at 8:59 πμ

    ok thanks

     
  8. VATOLAKKIOTIS

    Ιανουαρίου 13, 2010 at 9:16 πμ

    ΕΥΧΑΡΙΣΤΩ ΠΟΛΥ hackaday.ΒΑΣΗ ΤΟΥ ΚΩΔΙΚΑ ΑΥΤΟΥ, ΕΚΑΝΑ ΔΙΚΟ ΜΟΥ BLOG. ΠΟΛΥ ΚΑΛΗ ΔΟΥΛΕΙΑ ΦΙΛΕ. ΠΑΡΑΚΟΛΟΥΘΩ ΚΑΙ ΤΑ ΔΥΟ ΣΟΥ ΒLOG. ΕΙΣΑΙ ΚΟΡΥΦΗ!!! thanks!!!

     
  9. hackaday

    Ιανουαρίου 13, 2010 at 11:22 πμ

    @VATOLAKKKIOTHS Να ¨σαο καλά. Χαίρομαι που βοήθησα.

     
  10. κοιτα να δεις

    Ιανουαρίου 19, 2010 at 8:18 πμ

    συγγνωμη, αλλα δεν εχω καταλαβει που ακριβως τοποθετουμε τον συγκεκριμενο κωδικα…!αντικαθιστουμε ολον τον αρχικο κωδικα του συγκεκριμενου μας blog ή αντιγραφουμε καπου μεσα σ΄αυτον τον κωδικα που μας δινεις;ευχαριστω!

     
  11. hackaday

    Ιανουαρίου 19, 2010 at 9:46 πμ

    @κοιτα να δεις Αντικαθιστάς όλο τον κώδικα.

     
  12. Chris

    Μαρτίου 9, 2010 at 6:34 μμ

    φιλε τελειο μπραβο!αν μπορουσες να φτιαξεις το ιδιο αλλα σε minima dark θα ηταν ακομα πιο τελειο!συγχαρητηρια!

     
  13. hackaday

    Μαρτίου 9, 2010 at 7:04 μμ

    @Chris Το συγκεκριμένο template μπορείς να του αλλάξεις χρώμα αν πας στη διάταξη και από εκεί γραμματοσειρές και χρώματα. Επιλέγεις τα χρώματα που σε ενδιαφέρουν και είσαι έτοιμος.

     
  14. Gaurakos

    Απρίλιος 20, 2010 at 2:19 πμ

    Να σαι καλά φοβερή η προσφορά σου να μας το δώσεις έτοιμο στο πιάτο. Το δοκίμασα δεν το χρησιμοποίησα ακόμα αλλα έμεινα ευχαριστημένος. Ευχαριστώ.

     
  15. hackaday

    Απρίλιος 20, 2010 at 3:08 πμ

    @Gaurakos Να 'σαι καλά. Χαίρομαι που σου άρσε.

     
  16. sakis

    Ιανουαρίου 18, 2011 at 8:50 πμ

    πραγματι πολυ ωραιο το template και σε ευχαριστω και εγω για την προσφορα.Αναρωτιεμαι μονο αν υπαρχει τροπος να μεγαλωσει το πλατος του ωστε ο ωφελιμος χωρος να αυξηθει

     
  17. hackaday

    Ιανουαρίου 18, 2011 at 9:33 πμ

    @sakis Υπάρχει. Πρέπει να αλλάξεις τις τιμές (δηλαδή τα νούμερα. Αλλάζεις το header-wrapper και outter-wrapper από 950 σε 1000 και το main-wrapper από 460 σε 510. Αναλογικά πάνε αυτά. Οι τιμές αυτές είναι στις πρώτες σειρές του κώδικα.

     
  18. sakis

    Ιανουαρίου 18, 2011 at 4:58 μμ

    Εισαι αστερι φιλε μου.Ευχαριστω πολυ!

     
  19. hackaday

    Ιανουαρίου 18, 2011 at 5:23 μμ

    @sakis Έβγαλες άκρη;

     

Σχολιάστε

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s

 
Αρέσει σε %d bloggers: