Đặt tên Nhãn (label) trước Tên tiêu đề (Post title)

Mục đích
Theo mặc định, tên Nhãn (Các bài đăng cùng phân loại như Phim, Nhạc...) được đặt dưới nội dung bài đăng.

Nếu bạn muốn tên nhãn được đặt trước Tiêu đề bài đăng (Post title) để thu hút người đọc tiếp tục theo dõi các bài đăng trong cùng một nhãn, thì làm theo 02 bước sau


Bước 01: Click vào Template ->Edit Html -> Ctrl-F để tìm <b:includable id='post' var='post'>

Xóa hết toàn bộ các code sau



<b:includable id='post' var='post'>

  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    <a expr:name='data:post.id'/>

    <b:if cond='data:post.title'>

      <h3 class='post-title entry-title' itemprop='name'>

      <b:if cond='data:post.link'>

        <a expr:href='data:post.link'><data:post.title/></a>

      <b:else/>

        <b:if cond='data:post.url'>

          <b:if cond='data:blog.url != data:post.url'>

            <a expr:href='data:post.url'><data:post.title/></a>

          <b:else/>

            <data:post.title/>

          </b:if>

        <b:else/>

          <data:post.title/>

        </b:if>

      </b:if>

      </h3>

    </b:if>







Bước 02: Ngay chính nơi xóa đó, copy và dán vào các dòng code sau




<b:includable id='post' var='post'>

  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    <a expr:name='data:post.id'/>

        <b:if cond='data:post.labels'>

         <b:loop values='data:post.labels' var='label'>

          <script type='text/javascript'>

            var SS = &#39;<data:label.name/>&#39;;

            var PrintSS = SS + " | ";

          </script>

         </b:loop>

        <b:else/>

         <script type='text/javascript'>

         var PrintSS = "";

         </script>       

        </b:if>

    <b:if cond='data:post.title'>

      <h3 class='post-title entry-title' itemprop='name'>

      <b:if cond='data:post.link'>

        <a expr:href='data:post.link'><span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/></a>

      <b:else/>

        <b:if cond='data:post.url'>

          <b:if cond='data:blog.url != data:post.url'>

            <a expr:href='data:post.url'><span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/></a>

          <b:else/>

           <span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/>

          </b:if>

        <b:else/>

         <span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/>

        </b:if>

      </b:if>

      </h3>

    </b:if>




Save template lại. Xong


Thêm: Để thay đổi màu sắc và kích cỡ, Click chuột vào Dashboard --> Template --> Customize --> Advanced --> Add CSS --> Dán vào các dòng code sau --> Nhấn enter sau dấu } --> Apply to Blog. 

1 2 3 4

.pre-postss{ color: #5F0707 !important; font-size: 27px; } Lấy Hex color code tại đây: http://www.2createawebsite.com/build/hex-colors.html#colorgenerator (Nguồn: spiceupyourblog.com)