Mẫu giao diện Dynamic Magazine hỗ trợ tùy chỉnh

104 0 Tien Nguyen Thứ Sáu, 25 tháng 11, 2011 Edit this post

Mẫu Dynamic Magazine được Blogger cung cấp sẵn quả thật rất ấn tượng, tuy nhiên, phong cách ajax của nó làm mình có cảm giác không được tự ...

Mẫu Dynamic Magazine được Blogger cung cấp sẵn quả thật rất ấn tượng, tuy nhiên, phong cách ajax của nó làm mình có cảm giác không được tự nhiên, không được vững chãi. Theo một cách nói kiểu Á đông thì có vẻ nó không phong thủy lắm.

Ngoài ra, hàng loạt hạn chế về tùy biến theo ý thích của người sử dụng vẫn chưa được hỗ trợ. Dù vậy, mình vẫn khẳng định rằng phong cách của giao diện này là rất đáng giá. Cho nên, để các bạn có được một giao diện tương tự, mà vẫn tùy chỉnh được thì mình xin giới thiệu mẫu blog "Customizable Dynamic Magazine".

http://customemagazine.blogspot.com/

<?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' 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:if cond='data:blog.pageType != &quot;index&quot;'>
            <title>
                <data:blog.pageName/> | <data:blog.title/>
            </title>
            <b:else/>
            <title>
                <data:blog.pageTitle/>
            </title>
            <meta content='' name='description'/>
            <meta content='' name='keywords'/>
        </b:if>
        <meta content='index, follow' name='robots'/>
        <b:include data='blog' name='all-head-content'/>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<b:skin><![CDATA[
/* VARIABLE
<Variable name="title_font" description="Title Font" type="font"
         default="normal normal 21px Verdana, Arial, Helvetica, sans-serif" value="normal normal 21px Verdana, Arial, Helvetica, sans-serif"/>
<Variable name="main_color" description="Link and Main Color" type="color" default="#F96F26" value="#F96F26"/>
*/

/*Reset
------------*/
#navbar, .hide {
display: none!important;
}
body {
margin: 0; 
padding: 0; 
font: normal normal 14px Verdana, Arial, Helvetica, sans-serif; background: #f0f0f0;
line-height:1.5em;
}
a {
color: $(main_color); 
text-decoration: none;
}
a:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}
a img {
border:none;
}
.section, .widget {
margin:0;
padding:0;
}

/*header1*/
.logo img {
margin-top: 5px;
}
#header1-outer {
    background: $(main_color);
    padding: 10px 0;
}
#header1 {
    width: 960px;
    margin: auto;
}
#Image1 {
    float: left;
}
#HTML1 {
    float: right;
}
#search-txt {
    width: 310px;
    height: 25px;
    padding: 5px 35px 5px 5px;
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;  
    border-radius: 4px;
    border: 1px solid #ccc;
    -moz-box-shadow: inset 0 0 10px #ccc;  
    -webkit-box-shadow: inset 0 0 10px #ccc;  
    box-shadow: inset 0 0 10px #ccc;
 margin-right: -8px;
}
#search-btn {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8VUQmAKdwbR01EK26myHZKXgTGy73cRCUG_bRj0Y3l0m7QtAm2FnJ0MBuUsTE1GvjsT6T4ndaZuEG5KcQM_OfMRpNV17zPm5BsmB3kdQokUPZcoY0qrZMdAmH4jH5srLQIC8ZYXSKxP-4/s22/search_btn.gif) no-repeat center center;
    border: none;
    width: 30px;
    height: 31px;
    margin-left: -30px;
    cursor: pointer;
}
#search-btn:hover {
 filter: alpha(opacity=90);
opacity: 0.9;

}

/*header2*/
#header2-outer {
    background-color: #333;  
 -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);  
 -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);  
 -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);  
 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);  
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
#header2 h2 {
color: white;
cursor: pointer;
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 30px;
height: 30px;
text-shadow: -1px -1px black;
margin: 0 3em 0 0;
}
#header2 {
    width: 960px;
    margin: auto;
}
#header2 .widget {
    float: left;
}
#header2 ul {
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 500;
 display:none;
}
#header2 .widget:hover ul {
display:block;
}
#header2 ul li {
    list-style: none;
    width: 150px!important;
 background: #444;
 padding:3px 10px 3px 10px;
 filter: alpha(opacity=90);
 opacity: 0.9;
}
#header2 ul li:hover {
filter: alpha(opacity=100);
opacity: 1;
}
#header2 ul li a{
color: #EEE;
font-weight:normal;
font-size:12px;
}
#header2 ul li a:hover {
color: #fff;
}
#header2 ul li span {
color: #FFF;
font-size:11px;
filter: alpha(opacity=80);
opacity: 0.8;
}
#HTML2{
float: right!important;
margin: 7px 0 0 0;
}

/*main*/
#main {
    margin: 1.5em auto 0 auto;
    width: 960px;
    background: #F4F4F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmu0a3sMv2CY34eR0UgHI_GDVp_uMlmKXP6-iC52nYlJdW8T3cPjE2TV6eJhl2fBmWyErnEpAMDeth4LVnGelFfMn86-br1NBkbCNhMvI1FWxE6RCMRxUbAj0dTp0NTGg23rXYGIoAala7/s340/side_bg.jpg) repeat-y top right;
    border: 1px #ccc solid;
}
#content {
    float: left;
    width: 618px;
}
#side {
    float: right;
    padding: 20px;
 width:300px;
}

/*post blog*/
.pitem {
    margin: 20px;
}
.pthumb {
    float: left;
}
.pthumb a {
padding: 3px;
background: white;
border: 1px solid #DDD;
display: block;
line-height: 0;
margin: 5px 10px 0 0;
}
#first-post .media {
 height: 300px;
 width: 300px;
}
.pitem .media {
 height: 100px;
 width: 100px;
}
#first-post .pthumb-wrap {
 width: 300px; 
 height: 300px;
 overflow:hidden;
 display:block;
}
.pitem .pthumb-wrap {
 width: 100px; 
 height: 100px;
 overflow:hidden;
 display:block;
}

.pinfo .item {
    float: left;
    margin-right: 1em;
}
.pinfo {
    font-size: 10px;
    color: #ccc; 
}
.psnip {
margin: 0;
font-size: 12px;
color: #333;
}
.pinfo span {
color: #999;
}

#blog-pager {
    margin: 1em 20px 1em 20px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    font-size: 10px;
    text-transform: uppercase;
}
.plabel {
font-size: 12px;
margin: 1em 0 0 0;
font-style: italic;
color: #666;
}

/*First post index*/
#first-post {
    padding: 20px;
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
}
.pdate-flag {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BDg1FavyXjWVnfx8qa1EIqTMWkxLpBueMqHRKNqfvN7f6BpvD9KrfD7bUhn6kapaIrsqA0J9k-baZYaeDMhAHqXYgXfukQQdAWJedv6JF6TpPIdEwXXgZzctYU2FJQcl9HE8Blr-TmUN/s80/date_flg_bg.gif) no-repeat;
    height: 80px;
    width: 50px;
    float: left;
    margin-right: 1em;
    text-align: center;
    text-transform: uppercase;
    color: #EEE;
 margin-top: 6px;
}
.pdate-flag .mon {
    display: block;
    margin-top: 2px;
}
.pdate-flag .day {
    display: block;
    font-weight: bold;
    font-size: 25px;
    margin-top: 7px;
    text-shadow: 0 0 1px #FFF;
}
.pdate-flag .year {
    font-size: 10px;
    display: block;
}
.ptitle {
 line-height: 1.3em;
 margin: 0;
 font:$(title_font);
}
#first-post .ptitle {
 font:$(title_font);
    font-size: 28px;
 line-height: 1.3em;
}
.ptitle a{
    text-shadow: 0 0 1px $(main_color);
}
.ptitle span{
    text-shadow: 0 0 1px #333;
 font-size: 28px;
 line-height: 1.3em;
}
.pbody img {
max-width: 578px;
}

/*social*/
.social-list li {
    float: left;
    list-style: none;
    text-align: center;
 width: 25%;
}
.social-list li span {
    margin: auto;
}
.social-list ul {
    margin: 0;
    padding: 0;
}
.social-list {
    font-size: 11px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
}

/*Follow-email*/
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
    width: 255px;  height: 25px;  
 padding: 5px 35px 5px 5px;  
 -webkit-border-radius: 4px;  
 -moz-border-radius: 4px;  
 border-radius: 4px;  border: 1px solid #CCC;  
 -moz-box-shadow: inset 0 0 10px #ccc;  
 -webkit-box-shadow: inset 0 0 10px #ccc;  
 box-shadow: inset 0 0 10px #ccc;  
 margin-right: -8px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
    margin-left: -62px;
    cursor: pointer;
    background: $(main_color);
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
filter: alpha(opacity=90);
opacity: 0.9;
}
.follow-email-title {
font-weight: bold;
font-size: 16px;
margin-bottom: 3px;
display: block;
}
.follow-email-desc {
    font-size: 12px;
    color: #666;
}
.follow-by-email-inner {
    margin-left: -4px;
}

/*Common side widgets*/
#side .widget h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #999;
    display: block;
    border-bottom: 1px solid #ccc;
    margin: 1em 0 3px 0;
}
.PopularPosts ul {
    margin: 0;
    padding: 0;
}
.PopularPosts ul li {
    list-style: none;
}
ul li .item-snippet {
    font-size: 12px;
    color: #333;
}
ul li .item-thumbnail img {
    margin-top: 7px;
    width: 69px;
    height: 69px;
}

/*footer*/
.footer {
    width: 960px;
    font-size: 11px;
    color: #999;
    margin: 5px auto 10px auto;
}
.blog-footer {
    float: left;
}
.bi-footer {
    float: right;
    font-size: 10px;
    text-transform: uppercase;
}

/* Comments */
#cm_block {
padding: 0 0 0 25px;
}
.cm_wrap {
background: #F8F8F8;
padding: 10px;
border: 1px solid #DDD;
margin: 10px 0 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: right;
}
.cm_avatar {
float: left;
width: 36px;
height: 36px;
background: white;
border: 1px solid #CCC;
padding: 3px;
margin-right: 5px;
}
.cm_avatar img {
width: 36px;
height: 36px;
background: url(http://2.bp.blogspot.com/-O4bLnzbdoLE/Top-6GNdOtI/AAAAAAAACSg/N7ZMjgOQNHI/s1600/ano_avatar.gif) center center no-repeat;
}
.cm_name a {
font-size: 12px;
}
.cm_date {
color: #CCC;
font-size: 11px;
}
.cm_reply {
font-size: 10px;
text-transform: uppercase;
float: right;
border: 1px #DDD solid;
padding: 3px;
line-height: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #999;
}
.cm_reply:hover {
background: black;
color: white;
}
.cm_body p {
margin: 0 5px 0 0;
color: #666;
line-height: 1.5em;
float: left;
word-wrap: break-word;
}
.cm_form {
margin-top: 20px;
}
#comments h4 {
color: #333;
font-size: 24px;
font-weight: normal;
text-align: center;
margin: 1em auto 0.5em auto;
text-shadow: 0 0 1px #999;
}
.comment-form {
max-width: 100%;
clear: both;
}

/*pfooter*/
.pfooter > .left {
    float: left;
    width: 49%;
}
.pfooter .right  {
    float: right;
    width: 52%;
}
.pfooter > .right {
    float: right;
    width: 46%;
}
.pfooter {
    background: #FFF;
    padding: 10px;
    margin: 10px 0 0 0;
    border: 1px dashed #CCC;
}
.pfooter-title {
    font-size: 11px;
    color: #666;
}
.prelate ul {
    margin: 0;
    padding: 0;
}
.prelate ul li {
    font-size: 11px;
    line-height: 1.2em;
    border-top: 1px solid #EEE;
    padding: 3px 0 3px 0;
    list-style: none;
}

]]></b:skin>

</head>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

<b:widget id='HTML2' locked='true' title='Remade' type='HTML'>
<b:includable id='main'>
  <a class='bicr' href='http://www.bloggeritems.com' title='Blogger Items' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJNLQ9Qgn1lgdjY-9LtxanUw4fElTZBBTbtw3JXS225l53Mza_vtSwzmOcgpzZxbnYd6qXf9q7wAB5fYPgwvwG7iCacCWpBYUMTIEEmsT42MOj5xtDj08TBay0w89eBl949AqCnzjbcSKs/s90/remade_icon.gif'/></a>
</b:includable>
</b:widget>

</b:section>
   
   <div class='clear'/>
  </div> 
  
  <div id='main'>  
   <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div id='first-post'>
    </div>
   </b:if>
   <b:section id='content'>
    
<b:widget id='Blog1' locked='true' title='Blog Posts' 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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.emailThisMsg/></span>
  </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.blogThisMsg/></span>
  </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
  </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
  </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
  </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
  </a></b:if>
  <b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  </b:if>
</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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <a expr:name='data:post.id'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <div class='pthumb'>
 <b:if cond='data:post.thumbnailUrl'>
  <a expr:href='data:post.url' expr:title='data:post.snippet'>
   <img expr:src='data:post.thumbnailUrl' class='media'/>
  </a>
 <b:else/>  
  <a expr:href='data:post.url' expr:title='data:post.snippet' style='display:none'>
  </a>
  <div class='hide'>   
   <data:post.body/>
  </div>
  
 </b:if> 
 </div>
</b:if>

<div class='pentry'>
 <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
  <div class='pdate-flag'></div>
 </b:if>
 <h1 class='ptitle'>
  <b:if cond='data:blog.url != data:post.url'>
   <a expr:href='data:post.url'><data:post.title/></a>
  <b:else/>
   <span><data:post.title/></span>
  </b:if>
 </h1>
 <div class='pinfo'>
  
  <b:if cond='data:top.showAuthor'>
   <div class='item'>
    <data:top.authorLabel/>
    <span><data:post.author/></span>
   </div>          
        </b:if>
  
  <b:if cond='data:post.isFirstPost != &quot;true&quot;'>
  <b:if cond='data:top.showTimestamp'>
   <div class='item'>
    <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
     <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
    </b:if>
   </div>
  </b:if></b:if>
  
  
  <b:if cond='data:post.allowComments'>
   <div class='item'>
    <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>
   </div>
  </b:if>        
  <b:include data='post' name='postQuickEdit'/>
  <br/>
 </div> 
 
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
   <b:if cond='data:post.isFirstPost != &quot;true&quot;'>
    <p class='psnip'><data:post.snippet/></p>
   <b:else/>
    <div class='pbody'><data:post.body/></div>
   </b:if>
   <div class='clear'/>
  <b:else/>
   <div class='pbody'><data:post.body/></div>
   
   <div class='plabel'>
    <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 != &quot;true&quot;'>,</b:if>
     </b:loop>
    </b:if>
   </div>
   
   <div class='pfooter'>
    <div class='left'>
     <div class='pshare'>
      <span class='pfooter-title'>Share this</span>
      
      
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">

</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='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></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='' 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='250' id='comment-editor' name='comment-editor' src='' width='598'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>

<b:if cond='data:mobileindex'>
    
    <div class='blog-posts hfeed'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;
        </b:if>
        &lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
        <b:include data='post' name='mobile-index-post'/>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;
      </b:if>
    </div>
  <b:else/>

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

<b:loop values='data:posts' var='post'> 
  
  <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
   <div class='pdate hide'><data:post.dateHeader/></div>
   <b:if cond='data:blog.pageType != &quot;index&quot;'>
    <div class='pitem'>
     <b:include data='post' name='post'/>
     <b:include data='post' name='comments'/>
    </div>
   <b:else/>
    <div class='hide pfirst'>
     <b:include data='post' name='post'/>
    </div>
    
   </b:if>
  <b:else/>
   <div class='pitem'>
    <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <b:include data='post' name='comments'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:include data='post' name='comments'/>
    </b:if>        
   </div>
  </b:if>
 </b:loop>    
  </b:if>

<b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>
    
  </b:if>

<b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

<b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

<b:else/> 
    <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='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

<div>
        <div class='mobile-index-arrow'>
          &amp;rsaquo;
        </div>

<b:includable id='comments' var='post'>
       <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>
         <b:if cond='data:post.numComments != &quot;0&quot;'>
          <div class='clabel'><h4><span id='cm_total'><data:post.numComments/></span> comments</h4></div>
         </b:if>
                  
         <div id='cm_reply_css'></div>
        
         <div class='cm_pagenavi' id='cm_page'></div>
         
         <div id='cm_block'>
          <b:loop values='data:post.comments' var='comment'>
           <div expr:id='data:comment.anchorName' class='cm_outer'>
            <a expr:name='data:comment.anchorName'/>
            
             <div class='cm_avatar'>
              <data:comment.authorAvatarImage/>
             </div>
             <div class='cm_info'>
              <span class='cm_name'>
               <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
               <b:else/>
                <data:comment.author/>
               </b:if>                       
              </span>    
              <span class='cm_date'><data:comment.timestamp/></span>
             </div>

<div class='cm_body'>
              <b:if cond='data:comment.isDeleted'>
               <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
               <p><data:comment.body/></p>
              </b:if>
              <a class='cm_reply' expr:href='&quot;https://www.blogger.com/comment.g?blogID=__BLOGID__&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
              <b:include data='comment' name='commentDeleteIcon'/> 
              <div class='clear'/>
             </div>
            
            <div class='clear'/>
           </div>
          </b:loop>               
         </div>      
         <div class='cm_pagenavi' id='cm_page_copy'></div>          
         <div class='cm_form'>
          <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>
         </div>
        </b:if>
       </div>
      </b:includable>

</b:widget>

</b:section>
   
   <b:section id='side'>
    <b:widget id='LinkList2' locked='true' title='Social List' type='LinkList'><b:includable id='main'>
     <div class='widget-content social-list'>
        <ul>
       <b:loop values='data:links' var='link'>
         <li><a expr:href='data:link.target'><data:link.name/></a></li>
       </b:loop>
        </ul>
        <div class='clear'/>
     </div>
    <b:include name='quickedit'/> </b:includable></b:widget>

<b:widget id='FollowByEmail1' locked='true' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><span class='follow-email-title'><data:title/></span></b:if>
  <div class='follow-email-desc'></div>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
</b:widget>

<b:widget id='Text1' locked='true' title='Follow Email Description' type='Text'>
<b:includable id='main'>
  <div class='hide follow-email-description'>
    <data:content/>
 <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

<b:widget id='HTML3' locked='false' title='Ads' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

<b:widget id='Followers1' locked='false' title='Follower' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>  
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
  
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
  
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

</b:section>
   <div class='clear'></div>
  </div>
  <div class='footer'>
  <div class='blog-footer'>(c) 2011 <strong><data:blog.title/></strong> . <a href='../../../feeds/posts/default'>Entry RSS</a> . <a href='../../../feeds/comments/default'>Comment RSS</a></div>
  <div class='bi-footer'><a href='http://www.bloggeritems.com' target="blank">Want free template like this?</a></div>  
  <div class='clear'/></div>
  
 </div>
 <div class='clear'/>

<script type='text/javascript'>
//<![CDATA[
////Global config
var Thumb_Size = 100;
var First_Thumb_Size = 300;
var First_Body_Len = 3;
var Social_Img_Url = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFzJaISBY24oJrv7aqpMfZZSfQkSvq6nuEjuEijdFVFnAUQ8CkvEaiPLo2Mo3HxUlyDAqzQV-lzvsApPDT4NF-ksO7TePciK9ivQXjtMm0hz8jQ9GJn2PoWDvXLi0Rta6PhWf8DT3Shm5/s459/social_list.gif';
var Social_Img_Width = 51;
var Social_Img_Height = 51;
var Social_Map_List = ['facebook', 'myspace', 'plus', 'linkedin', 'feedburner', 'stumbleupon', 'twitter', 'youtube', '.'];
var Max_Reply_Level = 5;
var Max_Related_Post = 5;
First_Post_Quote_Len = 600;//Length of readmore content of the first post
var Sum_Len = 130;//Dont care this
var Template_Barcode = '___bloggeritems.com___';

Tính năng nổi bật

Hỗ trợ tùy chỉnh HTML cũng như tất cả các thành phần khác của blog.
Cho phép chèn logo.
Hỗ trợ menu xổ tự động.
Hỗ trợ lấy thumbnail bài viết từ các host ảnh của bên thứ 3 (ngoài Google)
Tự động nhận dạng social icon cho mục social links.
Hỗ trợ các vị trí đặt quảng cáo có tính thu hút
Có bottom post box (sharing, related posts, ads)
Hỗ trợ comment phân cấp
Cho phép chỉnh font chữ title và màu sắc chủ đạo thông qua trình thiết kế mặc định của Blogger

Hướng dẫn thiết lập

Upload Logo

Trong dashboard, bạn chọn mục Design (thiết kế), rồi tìm widget Blog Logo và click Edit link của nó. Cửa sổ Configure Image hiện ra, bạn chọn Browse... (nút này tùy trình duyệt mà có hiển thị khác nhau) và chọn file ảnh muốn upload làm logo.

Sau khi upload xong, nhấn SAVE để có tác dụng.

Dropdown menu
Phần này chỉ hỗ trợ cho các widget dạng list (danh sách) có liên kết. Ví dụ như: Page list, Link list, Labels...

Chỉ cần bạn add một widget dạng list vào trong phần này thì các hiệu ứng sẽ tự động được áp dụng.

Social list
Trong phần Design, bạn click Edit link của widget Social List. Cửa sổ config link list hiện ra, bạn nhập url mạng xã hội của bạn vào mục New Site URL và tên của nó vào mục New Site Name rồi bấm ADD LINK. Tên của mạng xã hội nên ngắn thôi để hiển thị được tốt.

Sau khi nhập xong thì bấm SAVE.

Kích hoạt Feedburner
Trong phần Design, bạn click Edit link của widget Follow by Email. Sau khi cửa sổ Configure Follow By Email hiện ra, bạn click SAVE để kích hoạt dịch vụ của Feedburner. Bạn không kích hoạt là bạn đọc không follow được đâu nhé.

Bạn cũng có thể thêm chú thích cho phần này bằng cách nhập nội dung vào widget Follow Email Description.

Điều chỉnh ngày tháng
Trong dashboard của blog, bạn chọn Settings/Formatting, tìm mục Date Header Format và chọn kiểu ngày tháng là mm/dd/yyyy (ví dụ 12/24/2011). Xong bấm SAVE.

Lịch sử xuất bản

15/12/2011: Xuất bản phiên bản 1.3

Cho phép chỉnh font chữ title và màu sắc chủ đạo thông qua trình thiết kế mặc định của Blogger
Chỉnh lỗi hiển thị sai trên cờ ngày tháng
Sửa đổi feed URL
Tự động lấy readmore cho bài viết đầu tiên (không cần phải chèn readmore bằng tay nữa)
Sửa lỗi hiển thị trên IE, Firefox
Lấy ảnh đầu tiên làm thumbnail, thay vì lấy ảnh cuối cùng
Sửa hiển thị cho phần thông tin bài viết

25/11/2011: Xuất bản phiên bản 1.0

COMMENTS

BLOGGER: 104

VanLinhEx09:24 25/11/11
Phần Comment hơi rối và hơi khó nhìn bác Tiến ạ !
Trả lờiXóa
Trả lời
Tu Do Mo09:50 25/11/11
temp tuyệt :x
Trả lờiXóa
Trả lời
Pig10:01 25/11/11
nhìn cái đơn giản hóa ra lại thấy đẹp phết anh Tiến ạ
Trả lờiXóa
Trả lời
VanLinhEx10:18 25/11/11
Hình như tông màu chủ đạo của bác Tiến toàn màu Cam nhỉ :D
Trả lờiXóa
Trả lời
teeeeeee10:36 25/11/11
@VanLinhExcm t thấy đẹp mà
Trả lờiXóa
Trả lời
VanLinhEx10:39 25/11/11
@UBanks Lúc nãy test thử thấy hơi lộn xộn !
Trả lờiXóa
Trả lời
ABV11:21 25/11/11
Temp nào của bác Tiến cũng đẹp lắm! Em thích header ở temp này, đơn giản mà lại đẹp, các phần khác cũng rất ngon!
Trả lờiXóa
Trả lời
Unknown13:41 25/11/11
Đổi tông màu có được không bác Tiến?
Trả lờiXóa
Trả lời
Tien Nguyen14:04 25/11/11
@D.N.HBản này chưa hỗ trợ đổi bằng phần mềm thiết kế của Blogger. Đổi bằng tay thôi.
Trả lờiXóa
Trả lời
NAD14:42 25/11/11
Ngon quá, chả nhẽ lại thay temp :(
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ15:59 25/11/11
Ngon,sau này em dùng pác cho em tùy biến tí nhá
Trả lờiXóa
Trả lời
Tien Nguyen16:11 25/11/11
@ngonluanho.netOh, bác tùy ý tùy biến mà.
Trả lờiXóa
Trả lời
Unknown16:11 25/11/11
Tuyệt hay ghê,chúc bác thành công!!!
123oap.com
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ19:07 25/11/11
@Tien NguyenMình định thêm cái phân trang và sửa màu ở menu 2 cho thành màu xanh
Trả lờiXóa
Trả lời
Lee Peace20:23 25/11/11
Temp đẹp lắm đó Tiến!
Trả lờiXóa
Trả lời
Võ Thanh Duy20:33 25/11/11
Đẹp lắm anh Tiến, phần comment cũng rất ok mà em thấy cái hình có vẻ hơi to. Em nghĩ thêm 2 cột sau phần Follow by Email để đặt ads và chia 3 cột ở footer để tùy biến thì template này ăn đứt mấy tem free khác đó ^^
Trả lờiXóa
Trả lời
Vịnh20:44 25/11/11
Không cần phải nói nhiều! Tất cả các Temp của Tiến mình đều thích... Đơn giản vì Temp quá chuyên nghiệp và đầy tính mới mẻ, tính sáng tạo trong đó.....
Trả lờiXóa
Trả lời
Tien Nguyen21:19 25/11/11
@Võ Thanh DuyỪ, mình nhìn ở màn hình 1360 thì thấy cái hình đầu tiên cũng được còn màn hình 1200 thì hoành tráng quá. Version sau để thêm tùy chỉnh cho cái size của hình này.
Trả lờiXóa
Trả lời
Quyền21:42 25/11/11
3m lỡ quyat lun tem mới rồi .mọi người xem nhá .hjhj .http://maritimesnew.blogspot.com
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ22:00 25/11/11
Bác Tiến ui,bác có thể chia sẻ cách làm cái auto reamore của cái template cho em được không ?Tại vì em rất thích vì nó rất ấn tượng,mà xem code trong temp để làm theo thì em pó tay (vì em gà).Giúp em tí nhá
Blog em mới làm SEO bởi bác Nhật Hà nên em không tiện đổi temp(vì em cũng không biết làm lại như thế nào cả,mà hồi này bác Hà hình như bận rộn nên chắc không có thời gian làm lại SEO nếu em nhờ vả )
Đã dùng temp của bác cho http://traonhauyeuthuong.blogspot.com/ thấy rất thích.Em khoái màu cam mừ

Giúp em với nhá
Đa tạ bác
Trả lờiXóa
Trả lời
Tien Nguyen22:09 25/11/11
@mAn ĐiezElNhờ bạn mình đã phát hiện khá nhiều lỗi để cập nhật cho phiên bản sau.
Trả lờiXóa
Trả lời
Tien Nguyen22:10 25/11/11
@ngonluanho.netCái auto readmore bác Duy Pham có hướng dẫn rồi. Bác vào lục hồi ra thôi: blog.duypham.info.
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ22:17 25/11/11
@Tien NguyenEm hỏi hồi chiều rồi,bác ấy bảo em sang hỏi bác ,hic hic
Trả lờiXóa
Trả lời
Lý Minh Triết09:41 26/11/11
@NADGiao diện newcast bên duyblog cũng ổn mà bác, nhưng có vẻ màu sắc của cái này làm mình thích hơn, chỉ mỗi cái là cái bài mới nhất có vẻ hơi lớn :)
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ09:43 26/11/11
Cái này bị lỗi nên nó không ra bác ui http://customemagazine.blogspot.com/feeds/comemnts/default
Phải đổi sang như này phải không bác
http://customemagazine.blogspot.com/feeds/comments/default
Trả lờiXóa
Trả lời
Tien Nguyen09:44 26/11/11
@ngonluanho.netOh, đúng rồi bạn. Cảm ơn vì phát hiện ra lỗi này...^_^
Trả lờiXóa
Trả lời
Thánh Thiện Tâm10:44 26/11/11
Các bài vở cũ bị cụ Google xóa sạch rồi hả bác Tiến...
Trả lờiXóa
Trả lời
Tien Nguyen10:46 26/11/11
@Phạm Minh TâmSạch trơn rồi bác. T_T
Trả lờiXóa
Trả lời
Thánh Thiện Tâm11:06 26/11/11
Trước đây em cũng bị dính chưởng của cụ Google...
Nhưng mà không nặng nề như bác, sau ba ngày cãi vã tả tơi, cuối cùng do tuổi già sức yếu nên cụ cũng phải chịu ngượng bộ em đó bác (!?)
Nếu bác rảnh thì qua nhà chơi và góp ý giùm em nha
http://vatinam.blogspot.com/2011/05/247008.html
Trả lờiXóa
Trả lời
Quyền13:02 26/11/11
vatinam :hay scam thiệt .hjx
Trả lờiXóa
Trả lời
Quyền13:04 26/11/11
ngonluanho.net :eo cái tem Dynamic Magazine bác tùy chỉnh sao muk em nhìn không ra gì nữa .ax.khíp
Trả lờiXóa
Trả lời
Đạo sĩ chăn gà15:06 26/11/11
hi.. một sự trở lại không thế ấn tượng hơn! Cám ơn Tiến!
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ16:02 26/11/11
@mAn ĐiezElEm đang còn sửa típ mừ,do trình độ hạn chế nên vừa sửa vừa đi kiếm thủ thuật nên hơi mệt chút.Cũng do mình "gà" quá nên làm mãi mà chưa ưng
Trả lờiXóa
Trả lời
Unknown17:32 26/11/11
@mAn ĐiezElSpam chứ ko phải Scam bạn ạ. Hì
Trả lờiXóa
Trả lời
Nặc danh17:42 26/11/11
Cho mình hỏi phải cuối tuần này Tiến cập nhật phiên bản mới cho các theme lúc trước phải không ?
Trả lờiXóa
Trả lời
Tien Nguyen19:03 26/11/11
@Quan PhamKhông thể làm hết một lúc được. Mà sao blog của bác ko vào được?
Trả lờiXóa
Trả lời
Nặc danh19:04 26/11/11
@Tien Nguyen Blog của mình vào bình thường mà.
Trả lờiXóa
Trả lời
Vịnh02:30 27/11/11
Mình muốn bỏ cách hiển thị bài viết đầu tiên đi! tức là chỉ để hiển thị những bài viết như tính từ bài viết thứ hai trở đi thôi thì làm như thế nào?
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ10:08 27/11/11
@Quốc VịnhEm thì lo đi hỏi cách làm thủ thuật đó muốn chết,còn bác này thì lại muốn gỡ nó ra,hic.Mỗi người 1 ý
Trả lờiXóa
Trả lời
Vịnh13:54 27/11/11
Tiến đang bận gì rồi? Đợi sự trợ giúp lâu quá! Hic....
Trả lờiXóa
Trả lời
Bán Đất Mỹ Phước, BÌNH DƯƠNG15:24 27/11/11
Sao mình đưa link blog vào khung rồi lấy code nhưng không thay code thành công được trên blog mình, nó báo lỗi, nên ko lưu áp dụng code của huynh được!
Blog mình là
http://bandatmyphuoc.blogspot.com/
Trả lờiXóa
Trả lời
VanLinhEx16:07 27/11/11
@Bán Đất Mỹ Phước, BÌNH DƯƠNG Em thì Save temp dc nhưng khi vào blog thì đứng 1 hồi rồi báo Continue or Stop ... Đứng hình luôn :(
Trả lờiXóa
Trả lời
Tien Nguyen16:22 27/11/11
@VanLinhExEm sẽ chú ý check lại phần này.
Trả lờiXóa
Trả lời
Tien Nguyen16:23 27/11/11
@Quốc VịnhBản sau em sẽ thiết kế phần như bác đã nêu.
Trả lờiXóa
Trả lời
Tien Nguyen21:08 27/11/11
@VanLinhExURL bác nhập là gì vậy bác.
Trả lờiXóa
Trả lời
Đinh Công Thành23:14 27/11/11
Bác share cho em thanh chia sẻ trượt dọc với :D
Trả lờiXóa
Trả lời
Clays Nguyen00:48 28/11/11
Mấy hôm nay không vào được blog của Tiến. Clays cần edit một them Blogger có sẵn, không biết Tiến có nhận làm không? Tiến cho mình email liên hệ nha :)
Trả lờiXóa
Trả lời
Dạ Lai Hương08:11 28/11/11
Cái nhãn đầu mỗi bài viết bên tay trái hiển thị ngày tháng đăng bài phải không bạn? Nếu như vậy thì khi mình cài thử thì thấy ghi là "không xác định". Bạn trả lời nhé. Thắc mắc. Blog đơn giản mà đẹp. Cảm ơn vì đã chia sẻ.
Trả lờiXóa
Trả lời
Tien Nguyen08:33 28/11/11
@Dạ Lai HươngCái này là do format ngày tháng bằng Tiếng Việt thì sẽ không hỗ trợ.

Bạn vào mục Settings/Formatting. Tìm mục Date Header Format. Hiện tại mình chọn kiểu hiển thị cho demo là: 11/27/2011 (kiểu mm/dd/yyyy).
Trả lờiXóa
Trả lời
VanLinhEx08:34 28/11/11
@Tien Nguyen Em nhập cả 2 đều bị vậy : http://vanlinhex.com , http://vanlinhex.blogspot.com
Trả lờiXóa
Trả lời
Tien Nguyen08:37 28/11/11
@VanLinhExMuốn áp dụng cho blog nào thì chỉ cần lên thanh địa chỉ của trình duyệt, Ctrl+A rồi vào đây Ctrl+V là OK thôi mà.

Nhưng em sẽ kiểm tra lại vấn đề này cho phiên bản sau.
Trả lờiXóa
Trả lời
Tien Nguyen08:38 28/11/11
@Clays NguyenEm bận rồi bác ơi. Bên bác Hà có dịch vụ này đó. Bác hỏi thử xem. (Thuthuatblogger.info)
Trả lờiXóa
Trả lời
Quang Hoang15:48 28/11/11
Bác Tiến, cái dynamic bên dhetemplate có giá 5$ kìa, sử dụng toàn jquery nên mượt thật http://dynamic-mainblogger.blogspot.com/
Trả lờiXóa
Trả lời
Dạ Lai Hương17:44 28/11/11
@Tien NguyenThanks. Một điều thật đơn giản nhưng nếu không hỏi chắc cũng chẳng bao giờ biết. ^(*__*)^
Trả lờiXóa
Trả lời
Tien Nguyen17:46 28/11/11
@QuangOh, template đó nhìn ngon phết bác à.
Trả lờiXóa
Trả lời
Dạ Lai Hương18:03 28/11/11
À bạn TN, hình như flag ngày tháng năm của bạn chỉ hiển thi số ngày ở hàng đơn vị thôi. Từ ngày 10 trở lên chỉ hiện thì là ngày. Không biết có đúng không? Mong bạn kiểm tra lại template.
Thân,
d.l.h
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ18:41 28/11/11
@QuangCái này tớ thấy họ rao bán lâu roài mừ
Trả lờiXóa
Trả lời
Tien Nguyen19:39 28/11/11
@Dạ Lai HươngCảm ơn bạn đã tìm ra lỗi này. Mình sẽ sớm fix trong bản tới.
Trả lờiXóa
Trả lời
Quyền19:41 28/11/11
@Tien Nguyenlàm sao để khắc phục lỗi này vậy anh tiến ?
Trả lờiXóa
Trả lời
Tien Nguyen19:42 28/11/11
@mAn ĐiezElSau khi release bản mới sẽ fix, sớm thôi. Hoặc em tìm trong template và thay cái URL bị lỗi thành cái URL đúng như ngonluanho đã nêu ở trên.
Trả lờiXóa
Trả lời
Quyền19:45 28/11/11
@ngonluanho.netĐúng là sở thích nhở .hjc .em thay đi đổi lại không biết bao nhiêu cái tem rồi pác à =)) .Kệ cứ phá nhiều vào mới biết nhở ??/hi
Trả lờiXóa
Trả lời
Dạ Lai Hương21:55 28/11/11
Tình hình là cứ đăng nhận xét như vậy thì dễ bị nghi là spam. Nhưng sau khi cài template này thì dùng IE vào không được. Do mình có thêm vào vài thủ thuật nên nghĩ là do mình gà IT nên load không được. Nhưng thấy có 1 bạn nào đó ở trên cũng cài template này. Kết quả là dùng IE cũng thấy load vô cùng chậm. Nhà mạng báo là do script. Cái này thì mình bó tay. Mong chủ thớt kiểm tra lại dùm nhé.
Cảm ơn bạn.
Trả lờiXóa
Trả lời
Tien Nguyen22:06 28/11/11
@Dạ Lai HươngMọi nhận xét đều được hoan nghênh, em mừng nữa là đằng khác.

Nhưng lỗi không load được có lẽ là do nhập URL chưa đúng, bác có thể share một ảnh lỗi để mình rõ hơn được không?

Cảm ơn nhiều.
Trả lờiXóa
Trả lời
Dr.House22:49 28/11/11
bac Tiến giúp em thêm nút Read more bằng CSS trong bài đầu tiên và tất cả bài đăng khác được không bác.
Trả lờiXóa
Trả lời
Dr.House23:18 28/11/11
trong temp Dynamic Magazine này của bác Tiến mọi người tìm đoạn var First_Thumb_Size = 400; sửa lại thành số khác là ảnh sẽ nhỏ hơn thôi mà.
Bác Tiến giúp em thêm nút Read more bằng CSS trong bài đầu tiên và tất cả bài đăng khác của theme này được không bác.
Trả lờiXóa
Trả lời
Dạ Lai Hương00:15 29/11/11
@Tien NguyenOkie bạn.
Đây là Hinh anh đoạn thông báo. IE bảo là script sẽ làm máy tính chạy chậm nên khuyên dừng lệnh.

Còn đây là cái Template. Nếu bạn có dư thời gian thì xem qua giúp nhé.
Thanks TN.
Bạn cùng với Duy Pham thật là nhiệt tình. (*__*)
Trả lờiXóa
Trả lời
Dạ Lai Hương00:17 29/11/11
@Dạ Lai HươngCái link template của mình gõ sai rồi. Hix Template
Trả lờiXóa
Trả lời
Tien Nguyen00:21 29/11/11
@Việt NamCái này hướng dẫn hơi dài dòng, có gì em sẽ thêm tùy chọn cho phiên bản sau bác nhé.
Trả lờiXóa
Trả lời
Nặc danh00:25 29/11/11
@Quang Nhìn đẹp thật nhưng không comment phân cấp, bác Tiến là người phát triển nó mà.
Trả lờiXóa
Trả lời
Dr.House18:33 29/11/11
Hì! Cảm ơn Tien Nguyen. Mình sẽ chờ bản sau để thay đổi giao diện mới cho blog đón tết. Bác rảnh thì qua góp ý cho blog em tí nha.
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ18:07 30/11/11
Tren IE 6 khong chay bac Tien ui,xin loi vi em go TV khong dau vi em dang o ngoai tiem net de test
Trả lờiXóa
Trả lời
Tien Nguyen19:03 30/11/11
@ngonluanho.netỪ, mình cũng được các bạn khác nói về lỗi này rồi. Cảm ơn bác, version tới chắc chắn fix được.
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ19:16 30/11/11
@Tien NguyenĐa tạ bác nhá
Trả lờiXóa
Trả lời
Ý Tưởng Quang00:26 1/12/11
@Tien Nguyen
Vậy là mọi người vẫn lấy code bằng khung kia OK sao ta!
Trả lờiXóa
Trả lời
Tien Nguyen07:37 2/12/11
@Cu0nglsfMình cũng dùng Tiếng Anh mà.
Trả lờiXóa
Trả lời
Yolks19:31 2/12/11
Lỗi rồi Tiến ơi , nó báo lỗi đừng chạy .js nó hiện port ra tùm lum kìa :)) , mình text thấy giống Dạ Lai Hương
Trả lờiXóa
Trả lời
Tien Nguyen20:13 2/12/11
@YolksOK. Cái này sẽ fix lại cho IE.
Trả lờiXóa
Trả lời
Yolks08:11 3/12/11
@Tien Nguyen firefox 3.xxx nữa
Trả lờiXóa
Trả lời
Ý Tưởng Quang17:42 5/12/11
ADMIN CHO MÌNH HỎI LÀ CÓ CÁCH NÀO TẠO MỤC CÁC BÀI VIẾT TƯƠNG TỰ KHI XEM MỘT "TRANG" KHÔNG( Trang chứ không phải bài viết blog bình thường)
Với lại code các bài viết ngẫu nhiên, mình có thể nào cho các bài viết ngẫu nhiên xuất hiện trên một module nào đó ko ta?
Thanks.
YM: ytuongquang
Email: ytuongquang@gmail.com
Trả lờiXóa
Trả lời
Hynls08:33 14/12/11
TN ơi làm sao cho cái tiện ích auto readmore nó lấy ảnh đầu của bài làm ảnh đại diện đc vậy !
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ08:31 17/12/11
Trên IE 6 nó báo lỗi này bác Tiên ui :TEMPLATE ERROR 2 - INVALID DOMAIN
Trả lờiXóa
Trả lời
Tien Nguyen10:33 17/12/11
@ngonluanho.netBlog nào vậy bác, lỗi này có thể là do lúc lấy code bác đã nhập sai địa chỉ.
Trả lờiXóa
Trả lời
Fiat Trịnh Xuân Thọ14:29 20/12/11
@Tien NguyenCái Demo luôn,hôm nay nó vẫn báo lỗi này
Trả lờiXóa
Trả lời
Tien Nguyen14:57 20/12/11
@ngonluanho.netIE7- em đã ngưng hỗ trợ từ lâu, chỉ hỗ trợ IE8+. Cảm ơn góp ý của bác.

Hiện tại Chrome đã vượt qua IE, em hi vọng tương lai không còn IE nữa. ^_^
Trả lờiXóa
Trả lời
Thanh Hieu18:15 8/1/12
thank bạn nhiều
Trả lờiXóa
Trả lời
Dr.House21:12 12/3/12
tiếp tục cập nhật đi bác Tiến
Trả lờiXóa
Trả lời
Dr.House15:23 16/3/12
Không ổn rồi bác Tiến ơi. Trang Technicians Blog của em đang xài Temp này, tối qua khi post mấy mẩu truyện kinh dị, khoảng 5 chap trở lên thì các bài khác đều biến mất chỉ hiển thị được mỗi bài đó trên trang chủ thôi. Bác có thể xem bên blog em, không biết sao nữa, mong bác giúp khắc phục.
Trả lờiXóa
Trả lời
Dr.House15:24 17/3/12
bác Tiến đâu rồi !!!
Trả lờiXóa
Trả lời
Tien Nguyen15:50 17/3/12
@Việt NamCó thể trong nội dung bài viết có ký tự gì đó đặc biệt nên gây ra lỗi. Để mình cố tìm xem lỗi gì mới sửa được.

Lưu ý bài viết không được quá 4MB.
Trả lờiXóa
Trả lời
Dr.House17:09 18/3/12
@Tien Nguyen Chắc không quá 4 MB đâu bác, vì các theme khác em post truyện còn dài hơn nữa kìa. Ký tự đặc biệt chắc cũng không, bác xem bài này thử xem nhé http://www.blogktv.net/2012/03/truyen-ma-kinh-di-tam-vai-o-chuong-11.html
Trả lờiXóa
Trả lời
Tien Nguyen17:40 18/3/12
@Việt NamEm thấy được vấn đề rồi đây. Cảm ơn bác đã phản hồi, em sẽ cố gắng sửa lỗi này sớm, mặt dù khá ra khó đây. Cảm ơn bác lần nữa.
Trả lờiXóa
Trả lời
Dr.House09:59 20/3/12
@Tien Nguyen Đang rất mong bản fix của bác Tiến. Bài càng dài thì số bài mất càng nhiều, lạ thế chứ ^^.
Trả lờiXóa
Trả lời
Dạ Lai Hương16:28 8/4/12
Dear Tien Nguyen,
hình như khi đăng ảnh ở đầu bài viết thì khi thu gọn với ảnh thumbnail thì sẽ có một khoảng trống rất lớn.
Bạn xem xét thử có đúng không?

Cám ơn bạn
d.l.h
Trả lờiXóa
Trả lời
Admin06:00 20/4/12
Sao mình cài xong, truy cập trang thì nó báo: "TEMPLATE ERROR 2 - INVALID DOMAIN" nhỉ bác Tien Nguyen?
Trả lờiXóa
Trả lời
Unknown 08:58 29/4/12
Add domain, ví dụ: http://www.vnblogspot.com/ thì bỏ dấu / cuối: http://www.vnblogspot.com
Trả lờiXóa
Trả lời
Petit20:20 16/5/12
Hình như temp này không hỗ trợ blockquote được phải không bác Tiến?
Trả lờiXóa
Trả lời
Son Pham16:04 5/6/12
Làm sao mình remove cái phần này trong blog. xem ở đây: https://lh5.googleusercontent.com/-qlCSKm5f7P4/T83LPLFzQQI/AAAAAAAAAOo/DHR5TmSWJEQ/s598/SS.png
cảm ơn. tem đơn giản mà đẹp :D
Trả lờiXóa
Trả lời
kiemtienonline14:05 14/9/12
Bạn làm đẹp lắm .Thanks
http://fastlanecommission6.blogspot.com
Trả lờiXóa
Trả lời
Unknown20:52 8/10/12
Bạn xem hộ mình phần Bài đăng mới nhất.(Bài viết nổi nhất ở trang chủ)
PHần gi Thời gian dăng bị lỗi,
1 phần bài viết hiện ra quá it <1 dòng
Bạn có thể đưa ra cách khắc phục giụp mình minh xin cảm ơn.
Trang blog : a1dqh.blogspot.com
Trả lờiXóa
Trả lời
Nguyen Thanh Phu03:12 29/12/12
anh Tien Nguyen cho em hỏi giao diện DYNAMIC của blogspot hình như ko chỉnh sửa dc trong hltm phải hog anh. Em muốn xóa phần thời gian post với tác giả của mỗi bài viết ở dưới mà ko dc anh mặc dù đã chỉnh trong tùy chỉnh và cả html
Trả lờiXóa
Trả lời