Thư viện

Trải nghiệm

Thứ Sáu, tháng 4 19, 2013

Auto readmore với thumbnail 2 cột không scripts cho blogspot style 2

Thu gọn bài viết (auto readmore) khi xem trang chủ, trang nhãn, trang lưu trữ (index) thành 2 cột song song không dùng Scripts.

Chia sẻ:
Bình thường khi xem bài viết ở các trang như trang chủ, trang nhãn, trang lưu trữ blog (gọi chung là kiểu trang index) các bài viết sẽ hiển thị không theo một quy cũ nào hết. Chúng hiển thị theo cách viết của bạn khi đăng bài. Bài viết này namkna sẽ hướng dẫn các bạn cách tóm tắt bài viết ở trang chủ một cách tự động thành 2 cột song song (hay còn họi là Auto readmore width thumbnail 2 colum) không sử dụng javarscripts (được namkna cải tiến từ style 1).
Autoreadmore thumbnail 2 colum blogspot - Bố cục khi xem trang nhãn

¤ Một số ưu điểm.

» Không ảnh hưởng đến tốc độ lòa của blog vì không dùng javarscrips (xét theo khía cạnh nào đó còn giúp tăng tốc blog vì nó thu nhỏ ảnh thumbnail và tóm tắt lại nội dung bài viết ở trang chủ của bạn.
» Bố cục gồm 2 cột bài viết xép thẳng hàng.
» Ảnh thumbnail và tiêu đề bài viết + mô tả nằm trên cùng một hàng. Ảnh thumbnail có kích thước tối đa 72x72 nếu muốn rộng hơn hãy xem Auto readmore resize thumbnail.
» Phần mô tả hiển thị bằng mã CSS do vậy không bô đen được.

VIEW DEMO

¤ Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Tìm thẻ ]]></b:skin> (Mẹo: Bấm chuột vào một vị trí bất kỳ trong ô chỉnh sửa HTML vào để sử dụng khung tìm kiếm nội tuyến như bài này.)
- Dán code bên dưới sau thẻ ]]></b:skin> vửa tìm được.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 14px &#39;Arial&#39;, serif;margin:1.0em 0 .75em;line-height:1.3em;}
.post-snippet:before{content:attr(data-snippet);}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
h3.date-header,.post-timestamp,.post-footer,.feed-links {display:none}
.post {float:left;margin:10px 5px 0;overflow:hidden;padding:7px 7px 5px;positon:relative;width:45.8%;height:95px;}
.post h1,.post h2{line-height:1em;margin:0 0 4px;padding:0;font:bold 12px Tahoma}
.post-body{font:12px arial;border-top:none;padding-top:0px;background:none;margin:0;text-align:left}
.post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#444;margin:.0em 0 0;padding:4px 0}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#444;}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#0a2e56}
.post-thumbnails{float:right;margin-left:20px;}
</style>
</b:if></b:if>
5. Tìm dòng code:
<data:post.body/>
- Thay thế thành code bên dưới.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div class='post-snippet' expr:data-snippet='data:post.snippet'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
</b:if>
6- Tìm đoạn code như bên dưới (nằm ngay trên đoạn ở bước 5)
      <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>
- Thay thế nó thành:
<!-- anh thumbnail trang chu -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnails' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72px' width='72px'/>
   <b:else/>
    <img alt='no image' class='post-thumbnails' height='72px' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png' width='72px'/>
   </b:if>
   </b:if> 
</b:if>

   <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
      <h2 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>
      </h2>
</b:if>
<b:else/>
      <h1 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>
      </h1>
</b:if>
7- Lưu mẫu lại và xem kết quả nha.

¤ Cài đặt số bài hiển thị.

- Bạn vào cài đặt => bài dăng và nhận xét.
Auto readmore với thumbnail 2 cột không dùng scripts cho blogspot
- Tại mục hiển thị tối đa bạn chỉnh số bài cần hiển thị lại cho phù hợp.
Auto readmore với thumbnail 2 cột không dùng scripts cho blogspot
- Lưu ý bạn nên để số bài là số chẵn vì tiện ích có 2 cột nếu để số lẻ sẽ bị hụt nha.

74 nhận xét:

  1. Home » Blogspot Readmore » Blogspot-tips » Bài viết đang xem:
    Bnaj namka cho hỏi cái breadcrumbs của bạn làm như nào vậy

    Trả lờiXóa
  2. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  3. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
    Trả lời
    1. Commnet của bạn sẽ bị xóa vì vi phạm điều khoản commnet.

      Xóa
  4. Cho mình hỏi là muốn tự động lấy ảnh đầu tiên trong post đó làm thumnail thì dùng code gì?

    Trả lờiXóa
    Trả lời
    1. Thủ thuawtj này tự động lấy ảnh đầu tiên làm thumbnail đó. Nếu ảnh đầu tiện không phải từ host picasa hoặc youtobe nó sẽ lấy ảnh kế tiếp. Lưu ý chỉ hiện thumbnail khi ảnh đó được upload trực tiếp lên blog, google picasa hoặc youtobe

      Xóa
  5. Boor xung code:

    /*read more */
    .item-thumbnail {float:left;margin-right:15px}
    .item-snippet {color: #999; font-family:Arial; font-size: 12px;text-align:justify}
    .jump-link {background:#444343;margin-right:4px;padding:4px 8px;color:#FFF;text-shadow:1px 1px 1px #000;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:right}
    .jump-link:hover{background:#006666;color:#FFF;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

    Trả lờiXóa
  6. http://signaturekitchen.blogspot.com/2013/06/bep-tong-trang-high-gloss.html

    nam kha xem thu cai cot recent .. sao no chi hien xem them o cuoi dong .. khong hien bai viet ..

    thanks

    Trả lờiXóa
    Trả lời
    1. Với blog đó bước 5 thay cả đoạn sau:

      <b:if cond='data:blog.metaDescription == ""'>
      <!-- Then use the post body as the schema.org description,
      for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
      <b:else/>
      <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
      </b:if>

      Xóa
    2. em cũng làm như vậy nhưng cũng ko được anh ạ
      anh vào đây kiểm tra giúp em
      khanhquocbui.blogspot.com

      Xóa
    3. Đó là trang demo của em phải không,, Trang đó số bài còn hơi ít. Với lại nếu không phải trang chính thì em gửi mẫu vào face hoặc mail anh thêm trực tiếp cho.

      Xóa
    4. Em gửi rồi < quockhanh.abc@gmail.com >

      Xóa
    5. Đã trả lời em rồi đó. Check mail đi nha.

      Xóa
  7. a Nam ới a xem chỗ nào chỉnh cho cái khung trong một bài nó dài ra vậy ?

    A xem blog này nhé http://gamedinhvn.blogspot.com/

    Với e nhìn cái chỗ theo chuyên mục khi e chèn nó như bị du ra a xem giúp e nhé.. thank a

    Trả lờiXóa
    Trả lời
    1. Em chỉnh lại độ rộng và cao của ảnh trong đoạn code sau:

      .thumb{float:left;width:135px;height:75px;border:2px solid #5B5B5B;border-radius:3px;margin-right:5px;padding:1px;vertical-align:middle}


      Để chỉnh dộ rộng và cao của bài viết em tìm đoạn:

      .post {float:left;margin:10px 5px 0;overflow:hidden;padding:7px 7px 5px;positon:relative;width:45.8%;height:95px;}

      Trong đó:
      width:45.8%; là dộ rộng tương đối của bài viết. Nên chỉnh cho đúng nếu không sẽ không thành 2 hàng mà chỉ hiển thị một hàng.
      height:95px là chiều cao của khung. Em nên chỉnh lớn hơn để phần nội dung không bị ẩn nha,

      Xóa
  8. Thank a Nam e chỉnh được rùi nhưng khi e kéo dưới không thấy chỗ nó đánh số để qua các trang khác.... e nghĩ nó bị kéo nên đây
    https://lh5.googleusercontent.com/-5LL05fZCMx4/UbisYWQP1KI/AAAAAAAAAHc/tFEKo4F5XZI/h120/dd.jpg

    Trả lờiXóa
    Trả lời
    1. Trời ơi hình ảnh của em nhỏ quá anh không thể tháy gì hết :)

      Anh thấy có lỗi là em không dùng nút readmore khi đăng bài em hãy dùng nó nha.

      Xóa
  9. Namkna ơi! Hiện tại mình đang xài readmore của blogger (không hiện hình ảnh) với dạng wiget bài viết mới nhất 2 cột. Cho mình hỏi CSS nào quy định phần mô tả tất cả là chữ thường, CSS quy định số từ được hiển thị và CSS quy định chiều cao của khung chứa mỗi bài (hiện chiều cao của khung chứa mổi bài nó không đồng đều, nhìn xấu lắm).

    Trả lờiXóa
    Trả lời
    1. 1 Readmore cần chú ý:

      - Chỉ hiển thị các hình ảnh từ youtube.com, google album Picasa, ảnh tải trực tiếp lên blog. Không hiện các ảnh đi copy hoặc tải lên host khác.
      - Chỉ hiện ảnh trước dấu ngắt <!--more-->
      - Ảnh giữ nguyên kích cỡ nếu không tùy chỉnh lại CSS và XML.

      2- vè câu hỏi CSS nào quy định phần mô tả tất cả là chữ thường, CSS quy định số từ được hiển thị và CSS quy định chiều cao của khung chứa mỗi bài (hiện chiều cao của khung chứa mổi bài nó không đồng đều, nhìn xấu lắm). thì phải xem blog bạn như thế nào thì mới có thẻ tùy biến được vì mỗi mẫu có một ID và class khác nhau. => Hãy để lại URL blog bạn nha.

      Xóa
    2. đây là link blog của mình http://annyngoc.blogspot.com/ . Đang học cách làm theme nhưng mà khó quá, không dễ như yahoo blog :( .Mà namkna cho mình xin cái code chỉnh kích cỡ ảnh ở phần readmore luôn nhe :D

      Xóa
    3. Blog yahoo chỉ có tùy biến trên CSS thông qua các module. Nói chung nó là cái đơn giản nhất. Khi đã quyên với nó chuyển sang nền tảng này cũng không quá khó. Vì blogger ngoài tùy biến CSS còn có thể tùy biến cả XML.

      chỉnh kích cỡ ảnh ở phần readmore

      - Vào Chỉnh sửa HTML => Và tìm đoạn code sau:

      .post {
      width:48%;
      float:left;
      margin:0px 3px 5px 0px ;
      padding:5px;
      background:#eee; /* màu nền của bài viết*/
      }


      THêm vào sau nó đoạn code bên dưới:

      .post img {width:250px !important;height:150px !important;padding:0;clear: both;}

      Trong đó:
      150px là chiều cao của bức ảnh.
      250px là chiều rộng của bức ảnh.

      Xóa
    4. ui ui...Namkna cho mình xin CSS quy định phần mô tả tất cả là chữ thường, CSS quy định số từ được hiển thị và CSS quy định chiều cao của khung chứa mỗi bài luôn nữa nhé!hihi

      Xóa
    5. Blog của bạn thực chất chỉ là thu nhỏ phần bài viết ở trang chủ thôi bạn ak. Nó không phải autoreadmore nên một số thứ phải làm thủ công.

      1- Giới hạn ký tự hiển thị thì khi đăng bài bạn hãy sửa dụng dấu ngắt <!--more--> (chính biểu tượng tờ giấy xé đôi trên trình soạn thảo văn bản đó).


      2- ĐỐi với màu chữ cớ chữ. bạn sửa đoạn code sau:

      .post {
      width:48%;
      float:left;
      margin:0px 3px 5px 0px ;
      padding:5px;
      background:#eee; /* màu nền của bài viết*/
      }

      Thành:

      .post {
      width:48%;
      float:left;
      margin:0px 3px 5px 0px ;
      padding:5px;
      background:#eee; /* màu nền của bài viết*/
      font-family:Arial !important;
      font-size:12px !important;
      text-transform:none !important;
      }

      Trong đó:
      font-family:Arial; là phông chữ bạn có thể sử dụng một số phông tiếng việt khác như: Georgia, Tahoma,Century gothic, sans-serif;
      font-size:12px là cỡ chữ hiển thị.
      text-transform:none !important; là quy định chữ thường. bạn có thể sửanone thanh uppercase để quy định là chữ in hoa.

      Xóa
    6. chỉ biết nói 2 chữ cám ơn thôi ^^ . Bạn đúng là 1 blogger rất tận tình hướng dẫn mọi người về thủ thuật :D

      Xóa
    7. Không có gì. Nếu bạn muốn học hỏi thêm về CSS thì hãy xem bài viết này nha: CSS căn bản trong thiết kế blogspot

      Xóa
  10. em làm giống anh chỉ nhưng khi lưu mẫu nó báo lỗi ở bước 6 như vậy nè
    The element type "div" must be terminated by the matching end-tag "</div>".

    Trả lờiXóa
    Trả lời
    1. Anh cập nhật lại code rồi em xem lại đi nha.

      Xóa
  11. Chào Bạn!
    Mình đã áp dụng theo cách của Bạn nhưng 2 cột của mình không giống như của Bạn! Chúng bị lệch và tiêu đề và hình ảnh không nằm chung một hàng. Vậy là sao hả Bạn??

    Trả lờiXóa
    Trả lời
    1. Có thể bạn chưa làm bước 6 nên mới có 2 phần tiêu đề và hình ảnh. muốn biết cụ thể hãy để lại URL blog cho mình nhà,

      Xóa
  12. Namkha cho mình hỏi với, blog mình qua nhiều lần chỉnh sửa Temple, giờ muốn cho nó về dạng ban đầu thì phải làm thế nào ? Hiện mình cũng không biết cách để nó trở về dạng ban đầu. Vì mình định chỉnh sửa lại blog của mình.Có những cái mình không tìm thấy trong temple của mình.Thanks!

    Trả lờiXóa
    Trả lời
    1. Nếu bạn không tạo các bản sao lưu thì không có cách nào khác đâu bạn ak.

      Ngoài ra bạn có thể tải bản gốc tem của bạn về và upload lên nếu bạn tải nó trên mạng về,

      Xóa
  13. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  14. mình đang cần gỡ read more trên trang của mình gấp -mà anh nam thì bận- ai có thể giúp mình được khong ?
    site ủa mình :http://vinet360.blogspot.com/

    Trả lờiXóa
  15. Huynh ơi ... sao cái blog mình làm nó bị lỗi thế này ... Huynh chỉ cách sửa với .... Không biết lỗi ở đâu nữa ...

    http://upanh.com/slider/?e=malihu&s=upload&start=8va97r3sbcm

    Trang của mình nè : http://dichvunauan-thanhyen.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Hãy áp dụng để được trợ giúp nha bạn,

      Xóa
  16. http://videogamehl.blogspot.com/
    cậu ơi cậu xem giúp tớ nhé của tớ phần body nó hơi lệch hix

    Trả lờiXóa
    Trả lời
    1. Mình thấy nó vẫn bình thường mà bạn >?????????

      Xóa
  17. a ơi mỗi lần sang trang chỉ hiện 6 bài làm sao để hiện dc 10 hay 20 bài cho nó đẹp a?

    Trả lờiXóa
    Trả lời
    1. Thứ nhất nếu xem theo trang chủ thì em chỉ cần vào Cài đặt +> Bài đăng và nhận xét +> sau đó tại mục Hiển thị tối đa ? em chọn 10 hay 200 bài trên trang chính tùy em nha,

      Thứ 2 Nếu muốn cả trang nhãn cũng vậy thì em cần phải chỉnh sửa lại đoạn code tiện ích phân trang của em: cùng với kết hợp thêm bài viết này: Sửa lỗi không phân trang theo nhãn

      Xóa
    2. trang chủ e chinh lai 20 bài thì nó hienj ok rồi khi qua trang 2 trang 3 thì mỗi trang 6 bài thôi, e muốn cho nó 20 bài luôn để khỏi phải load nhiều lân, bài viết tìm theo nhãn chưa có phân trang bài thủ thuật nào phân trang cho nhãn a?

      Xóa
    3. Em phải chỉnh lại cả tiện ích phân trang của em nha. ở 2 đoạn này này em:

      var postperpage=6;
      var numshowpage=4;

      Xóa
  18. bài này có áp dụng cho blog spot được không Nam Kha

    Trả lờiXóa
  19. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  20. Nam giúp minh chút nhé, mình đã làm như hướng dẫn nhưng nó vẫn không hiện đúng ý .
    Bạn xem Blog của mình coi nó bị vấn đề gì, giúp mình với.
    www.quàtết.com

    Trả lờiXóa
    Trả lời
    1. bạn hãy gỡ bỏ tiện ích cũ trước khi áp dụng nó nha bạn.

      Xóa
  21. nhờ anh chỉ em gỡ bõ tiện ích cũ trang http://tailieuft.blogspot.com/ giúp em với

    Trả lờiXóa
  22. tiện ích này có phân trang luôn à anh - vì cái tiện ích cũ em không gỡ được nên không làm được - em share quyền quản trị vào tavannam01@gmail.com - nhờ anh gỡ tiện ích cũ rồi add tiện ích này giúp em nhá , trang em là : http://tailieuft.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Tiện ích này không có phân trang kèm theo em ak. Tuy nhiên nếu e muốn anh có thẻ thêm luôn vào trong blog cho e,
      E mời đi để anh vào xác nhận nha.

      Xóa
  23. em đã mời anh ở (tavannam01@gmail.com )
    trang : http://tailieufx.blogspot.com/
    anh vào đồng ý đi !!

    Trả lờiXóa
    Trả lời
    1. Xin lỗi em mấy hôm rồi anh có việc bận nên không thể xác nhận được. E vui lòng gửi lại lời mời cho anh nha. Lời mời cũ hết hiệu lực rồi.

      Xóa
  24. không phải trang demo anh à là trang tài liệu của em
    vâng- em đã gửi lại ạ

    Trả lờiXóa
  25. anh vui lngf gỡ tiện ích cũ ra rùi thêm mới giúp em - giúp em phân trang với

    Trả lờiXóa
  26. gia sư thành phố vinh : em đã mời anh rùi nhé - hiển thị dưới tên chủ này

    Trả lờiXóa
  27. anh nam ơi
    sao blog có dạng
    http://tailieu.dungs.com/
    lại không xác minh được trang google.com/webmasters/tools
    anh giúp em với

    Trả lờiXóa
    Trả lời
    1. Được chứ em. E kiểm tra xem e đã xác nhận chủ sở hữu đối với trang đó chưa nha.

      Xóa
  28. Tên trang của em là : "Chia sẽ tài liệu - đề thi "
    Link blogger:http://tailieufx.blogspot.com/
    link conver : http://tailieu.duy3s.com/

    Anh vào xem chỉnh em tí nhé (em đã share quyền admin cho anh rùi đó)
    <nhờ anh vào tháo tiện ích cũ ra - bỏ tiện ích mới vào -
    nhớ bỏ tiện ích phân trang như demo em với

    cảm ơn anh trước !!!!!!!

    Trả lờiXóa
  29. Nam à ! Mình muốn làm mẫu này nhưng mà ko có mô tả, chỉ có thumbnail và tiêu đề thôi thì phải làm khác như trên ở chỗ nào ? Cảm ơn bạn trước nhé !

    Trả lờiXóa
  30. blog demo của mình tan nát quá ! giờ nó bị co lung tung hết lên http://c37bachabca.blogspot.com/ . trong khi đó phần bài viết thì chỉ hiện mỗi tiêu đề !

    Trả lờiXóa
    Trả lời
    1. Không muốn có mô tả thì bạn xoá đoạn bên dưới đi:

      <div class='post-snippet' expr:data-snippet='data:post.snippet'/>

      Xóa
  31. Hình như là tiện ích javascript phân trang của mình đánh nhau với tiện ích này nên nó bị co lên che hết ở từng trang bài viết. Giờ không biết tìm code phân trang ở đâu. Nếu bỏ tiện ích phân trang thì phải làm như thế nào để nó phân trang cho dạng autoreadmore 2 cột này ? Mong Nam giúp đỡ !

    Trả lờiXóa
    Trả lời
    1. Bạn thêm vào trước đoạn: <div class='blog-pager' id='blog-pager'> đoạn mã sau:

      <div style='clear: both;'></div>

      Xóa
  32. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  33. Cảm ơn Nam rất rất nhiều ! Mình làm được rồi ! thêm thẻ trên thì hiện tượng phân trang đã chống tràn vào phần bài viết ! Còn khi vào từng bài viết thì bài viết bị width:45.8%;height:95px quy định nên gần như bị biến mất ! Mình đã cho phần code ở bước 4 vào sau phần thẻ ]]></b:skin> , trước phần CSS của blog và đã trở lại như cũ. Lúc này thẻ <b:if> mới phát huy tác dụng. Mình thông báo cho mấy bạn nếu có làm bị gặp rắc rôi thì xem comment của mình nhé ! Cảm ơn Nam rất nhiều ! :)

    Trả lờiXóa
    Trả lời
    1. Trong bài mình ghi đặt sau thẻ ]]></b:skin> mà :)

      Xóa
    2. :D đọc ko kĩ lao đầu vào làm luôn :))

      Xóa
    3. Nam có cách nào giúp triển khai hình ảnh có snippet như tran này http://batdongsanmoi.vn/ (Phần nhãn "chung cư" có: Giá, vị trí, loại hình, chủ đầu tư). Mình đếm kí tự chưa đến 140 kí tự. Hình ảnh thumbnail thì mình làm được như thế rồi. Khoai mỗi phần sumary thôi. Trong bài viết thì ko có mô tả đó trong những dòng đầu tiên của bài viết đó. Hay là trong bài viết có thẻ ẩn các kí tự này đi, các chữ khác thì đè lên trên ?

      Xóa
  34. Chào b, mình muốn liên kết với blog của b, mình đã đặt banner blog của bạn trên blog của mình. Nếu b ko chê blog mình và có hứng thú thì kết nối cho vui, bạn xem banner của blog bạn trên blog mình tại đây: aliensf.blogspot.com. Ảnh 320.100 nhé, nếu ko ưng ảnh đó thì b gửi link ảnh khác...

    Trả lờiXóa
  35. nếu b ok thì chỉ cần giật tiêu đề blog của mình: Pes edit by Aliensf cùng link blog là đc...

    Trả lờiXóa
  36. em muốn thay cái cũ của em bằng cái này - nhưng không thể thay được - anh thay giúp em tí được không !!!
    em đã mời anh làm quản trị : trang : duy3s.com

    Trả lờiXóa