Trang chủ \21.1.11

Auto readmore không sử dụng javascript cho Blogger

Blogger đã có readmore tuy nhiên nó khá thủ công, với blog đã có nhiều bài viết thì việc tạo readmore cho từng bài là rất vất vả và blogger thường tìm đến với auto readmore javascript. Auto readmore javascript thực ra chỉ hiển thị một phần bài viết qua hàm document.write, nội dung cả bài viết vẫn được trình duyệt tải về. Nhược điểm của nó là không thân thiện với các bộ máy tìm kiếm và các công cụ dịch trực tuyến, ngoài ra với bài viết dài nếu không dùng thêm readmore của Blogger thì sẽ gặp lỗi phân trang do Blogger tự ngắt trang. Thủ thuật auto readmore mình giới thiệu sau đây hoàn toàn mới, không sử dụng javascript mà dùng các câu lệnh do chính Blogger cung cấp. Nó sẽ cải thiện tốc độ blog của bạn khi duyệt các trang kiểu index, archive do chỉ tải về trích đoạn nội dung của bài viết.

Các bước thực hiện:


Bước 1: Thêm class post-thumbnail để hiển thị hình ảnh. Có 2 dạng hiển thị hình ảnh là bên trái hoặc bên phải.

1. Hiển thị hình ảnh bên trái:

Thêm đoạn mã dưới đây vào bên trên thẻ ]]></b:skin>:
.post-thumbnail{float:left;margin-right:20px}

2. Hiển thị hình ảnh bên phải:

Thêm đoạn mã dưới đây vào bên trên thẻ ]]></b:skin>:
.post-thumbnail{float:right;margin-left:20px}

Bước 2: Thêm đoạn mã auto readmore. Có 4 dạng auto readmore để lựa chọn.

1. Auto readmore với hình ảnh:

Thay thế <data:post.body/> bằng đoạn mã dưới đây:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div>
   <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
   </b:if>
   <data:post.snippet/>
  </div>
  <div class='jump-link'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

2. Auto readmore với hình ảnh và hiển thị ảnh mặc định cho bài viết không có ảnh:

Thay thế <data:post.body/> bằng đoạn mã dưới đây:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div>
   <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
   <b:else/>
    <img class='post-thumbnail' alt='no image' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png' width='72px' height='72px'/>
   </b:if>
   <data:post.snippet/>
  </div>
  <div class='jump-link'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

3. Auto readmore với hình ảnh. Không readmore với bài viết mới nhất:

Thay thế <data:post.body/> bằng đoạn mã dưới đây:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <data:post.body/>
     <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
       <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
     </b:if>
   <b:else/>
    <div>
     <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
     </b:if>
     <data:post.snippet/>
    </div>
    <div class='jump-link'>
     <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
   </b:if>
  <b:else/>
   <div>
    <b:if cond='data:post.thumbnailUrl'>
     <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    </b:if>
    <data:post.snippet/>
   </div>
   <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
   </div>
  </b:if>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

4. Auto readmore với hình ảnh và hiển thị ảnh mặc định cho bài viết không có ảnh. Không readmore với bài viết mới nhất:

Thay thế <data:post.body/> bằng đoạn mã dưới đây:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <data:post.body/>
     <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
       <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
     </b:if>
   <b:else/>
    <div>
     <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
     <b:else/>
      <img class='post-thumbnail' alt='no image' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png' width='72px' height='72px'/>
     </b:if>
     <data:post.snippet/>
    </div>
    <div class='jump-link'>
     <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
   </b:if>
  <b:else/>
   <div>
    <b:if cond='data:post.thumbnailUrl'>
     <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    <b:else/>
     <img class='post-thumbnail' alt='no image' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png' width='72px' height='72px'/>
    </b:if>
    <data:post.snippet/>
   </div>
   <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
   </div>
  </b:if>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

Việc hiển thị trích đoạn nội dung bài viết là thông qua thẻ <data:post.snippet/> của Blogger. Như đã từng đề cập tới ở bài đăng trước đoạn trích dẫn của Blogger chỉ gồm 140 ký tự (Blogger vừa update, số lượng ký tự của thẻ <data:post.snippet/> ở widget Blog giờ đây ít hơn số lượng ký tự của thẻ <data:post.snippet/> ở widget PopularPosts), khá là ngắn và việc ngắt ký tự không chú ý tới ký tự trống nên có câu bị mất vài từ trở nên vô nghĩa.

Hình ảnh được lấy thông qua lệnh data:post.thumbnailUrl. Đây là đường dẫn ảnh thứ nhất trong bài viết đã được Blogger resize về kích thước 72x72 pixels. Cần chú ý là ảnh của bài viết phải được upload thông qua công cụ Chèn hình ảnh của Blogger, hoặc lấy địa chỉ ảnh từ Picasa và địa chỉ ảnh phải có s1600, s800...thì công cụ resize của Blogger mới hoạt động, khi đó ảnh mới xuất hiện. Thủ thuật trên đã thêm thuộc tính alt là tiêu đề bài viết cho hình ảnh, nó giúp tăng khả năng SEO cho blog của bạn.

Trước khi thực hiện thủ thuật auto readmore này bạn cần loại bỏ đoạn mã auto readmore javascript nếu đang dùng nhé.

Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

224

Nhận xét
1

tuyệt quá, thủ thuật này đưa blogspot lên đỉnh cao mới của seo, mang về test ngay. Cảm ơn bạn Duy đã dày công nghiên cứu và chia sẻ :))

Xóa nhận xét
2

Ối bác Duy nhanh quá, mình cũng định viết bài này, nhưng mà cách mình làm hơi khác chút :D

Xóa nhận xét
3

Chà, các bác làm em bất ngờ quá. Mới test thử và post bài đã có comment rồi. Điều em băn khoăn là trích đoạn khá ngắn và ảnh cũng nhỏ. Em đang tính dùng javascript để thay đổi đường dẫn cho ảnh về kích thước ban đâu nhưng lại đụng đến document.write nên ngại. Ưu điểm của thủ thuật này là tốc độ, tự động và thân thiện với bộ máy tìm kiếm, công cụ dịch. Test thử luôn trên blog xem có ổn không :D

Xóa nhận xét
4

Thực ra mình định dùng script auto nhưng tự động chèn thẻ readmore của blogger vào :)

Xóa nhận xét
5

Ở đây thay vì hiển thị <data:post.body/> cho kiểu idex và archive em dùng <data:post.snippet/>. Nó đúng kiểu readmore hơn là sử dụng js để ngắt ký tự trong khi vẫn hiển thị <data:post.body/> là nội dung bài viết. Hình ảnh giờ hình vuông, những bài sau lại sử dụng ảnh đầu tiên là hình vuông thôi, hình chữ nhật bị mất 2 đầu @-)

Xóa nhận xét
6

Đã add sẵn lk rồi nhé :)

Xóa nhận xét
7

Bác Duy rành data tag của Blogger khiếp nhỉ.

Cái này có phải bác tham khảo cái popular post widget của mấy anh blogger team phải không?

Cao thủ, cao thủ :))

Xóa nhận xét
8

@Duy Pham
mấy cái hạn chế mà Duy nói cũng đau đầu nhỉ? nhanh nhưng lại không đẹp mới chết chứ.

Xóa nhận xét
9

@Tien Nguyen Thực ra ban đầu em nghĩ snippet chỉ dành cho widget popular post, đến khi thấy code dành cho mobile vẫn dùng thẻ này nên mới thử.

Xóa nhận xét
10

Hi, Duy Phạm, Ghé thăm mình nhé, mình mạn phép viết 1 bài phổ biến thủ thuật này, nhưng code của mình có điều chỉnh một chút. mời xem :))

Xóa nhận xét
12

@Huỳnh Nhật Hà Em thấy nó cũng vẫn vậy đấy chứ. Code trên em áp dụng chung cho mọi blog nên không chú trọng vào CSS. Thủ thuật này em nghĩ tới khi xem code dành cho mobile chứ không phải từ popular post. Còn phần ý tưởng bỏ qua không readmore bài viết mới nhất là đến từ bác TA bên hontap blog, tất nhiên là code khác nhau.

Xóa nhận xét
13

Anh biết ý tưởng em từ code dành cho phiên bản mobile, ở đây anh tùy biến một chút theo tiện ích Popular Posts, nói chung cùng phổ biến thuật ngữ Auto Readmore without Javascript thôi :))

Xóa nhận xét
14

Tiếc là không có cách nào khiến cái thumbnail nó to lên được :(

Xóa nhận xét
15

@Noct Thumbnail to lên chắc là được thôi nhưng nó không tương xứng lắm với 140 ký tự ít ỏi của đoạn trích dẫn.

Xóa nhận xét
16

Thumbnail chỉnh px là to lên thôi, nhưng width:75px, height:70px là chuẩn rồi, tương xứng với số ký tự snippet. Nếu to quá khó coi lém :)

Xóa nhận xét
17

Tiện thể Duy Phạm add liên kết Blog bạn bè cho a với nhé. Anh đã add của em rồi. Vui lòng kiểm tra. Cùng nhau phát triển cộng đồng Blogger Việt nha.

Xóa nhận xét
18

@Huỳnh Nhật Hà Đã add liên kết blog của bác :)

Xóa nhận xét
19

Năm mới chúc bác Duy có nhiều bài hay, may mắn và như ý nhé.:))

Xóa nhận xét
20

@Tien Nguyen Cảm ơn bác nhiều! Năm mới ăn chơi không quên sự nghiệp blogging nhé :)

Xóa nhận xét
21

Happy New Year, Duy Phạm. Năm mới phát tài nhiều nha. :))

Xóa nhận xét
22

@Huỳnh Nhật Hà Cảm ơn bác! Năm mới chúc bác nhiều thành công :)

Xóa nhận xét
23

Chúc mừng năm mới :))

Xóa nhận xét
24

Cảm ơn bạn Duy nhé, mình đang dùng cái Readmore không auto, phải thử cái này mới được.

Xóa nhận xét
25

Chúc mừng năm mới cả nhà! Phê quá rồi @-)

Xóa nhận xét
26

Hay quá bạn ạ. lúc đầu trang của mình chỉ cho hiện được có 4 bài ở trang chủ , nhưng giờ thì cho lên được 9 bài vì có cái auto thumbnail co ảnh nhỏ lại. Bạn xem thế có ổn không?
http://www.netdohoa.com/
Cảm ơn bạn nhé!

Xóa nhận xét
27

Đã xem Demo trên Nét Đồ Họa và blog bạn. Thủ thuật rất tuyệt ! Duy có nhiều thủ thuật rất độc đáo và sáng tạo ! :))

Xóa nhận xét
28

@Nét Đồ họa Quan trọng là nó làm tăng tốc độ blog lên nhiều bác ạ :)

Xóa nhận xét
29

@iTechPlus Cảm ơn bác động viên, em còn phải cố gắng nhiều.

Xóa nhận xét
30

mồng một, chúc duy sức khỏe, thành công và có nhiều niềm vui trong năm mới nhé :)

Xóa nhận xét
31

Bạn Duy cho mình hỏi chuat nhé.
sao trang của mình mấy hôm trước nó hiện 9 bài ở trang chủ nhưng hôm nay nó chỉ hiện có 3 bài?
http://www.netdohoa.com/
Mình đã chỉnh trong mcuj Số bài đăng trên trang chính:=9
nhưng nó vẫn chỉ có 3 bài ở trang chủ thôi.
Bạn giúp mình nhé.

Xóa nhận xét
32

@Dohoavietnam Bác thử dùng thêm cả readmore của Blogger cho 3 bài đấy xem, 3 bài đấy khá dài. Nếu thêm readmore của Blogger mà hết lỗi thì thủ thuật auto readmore này cũng không can thiệp được hệ thống tự ngắt trang của Blogger. Có lẽ với bài viết dài tốt nhất thêm readmore của Blogger nữa.

Xóa nhận xét
33

Đúng rồi phải dùng thêm cả readmore của Blogger thì nó mới hiện đủ 9 bài :((
Có cách gì khắc phục không bạn?
Cảm ơn bạn nhiều!

Xóa nhận xét
34

Hay thật ^^. Thank bác :))

Xóa nhận xét
35

blog bạn nhiều bài viết hay phết

Xóa nhận xét
36

Trang của mình nó lại không tự động lấy thumbnail nữa rồi bạn ạ.
http://www.netdohoa.com/
Bạn xem giúp mình nhé.
Cảm ơn nhiều!

Xóa nhận xét
37

@netdohoa@netdohoa.com URL ảnh của bác từ googleusercontent.com mà không phải từ picasa, bác xem lại xem.

Xóa nhận xét
38

upload thông qua công cụ Chèn hình ảnh của Blogger,sao URL ảnh lại từ googleusercontent.com nhỉ?
Bạn biết nguyên nhân không, giúp mình nhé.

Xóa nhận xét
39

@Dohoavietnam Bác thay toàn bộ googleusercontent.com thành ggpht.com và bỏ ký tự "s" ở https đi. Có thể Blogger đang update thêm server Picasa chăng :-?. Hi vọng Blogger sẽ sớm thêm googleusercontent.com vào lệnh resize ảnh.

Xóa nhận xét
40

Sao lạ thế nhỉ, bạn thử upload ảnh ở trang của bạn xem có bị như thế không?

Xóa nhận xét
41

Hay thế nhỉ ;))

Xóa nhận xét
42

À DuyPham nếu mình mại muội kêu bạn viết 1 code tương tự bạn giúp mình nhé
http://thegioitruyentranh.vn/truyentranhonline.php đây là link bây giờ bài viết mới nhất sẽ dc readmore kèm theo cái ảnh là bài mới nhất mấy cái kia thì cũng sẽ readmore nhưng lại đầy đủ chức năng cũ :)) nếu làm dc mình cám ơn bạn nhé

Xóa nhận xét
43

@Yolks Không hiểu chức năng cũ bác muốn nói là gì? Bài mới readmore bài cũ cũng readmore có nghĩa bài cũ dùng readmore của Blogger còn bài mới là Auto readmore à?

Xóa nhận xét
44

Ông này mới nghĩ ra bài tương tự bác nè: http://www.bloggerbuster.com/2011/03/easy-post-summaries-and-thumbnails-for.html

Ông này giới thiệu cho cái ông ở trên
http://toiyeugoogle.net/2011/03/read-more-voi-thumbnails-khong-dung-javascript

Còn ông này (Tien Nguyen) thì cỗ vũ trào lưu giới thiệu cho VN blogger. :)

Xóa nhận xét
45

@Tien Nguyen Ông ta đã xét thiếu tới trang static_page rồi bác ạ :D. Blog em viết bằng Tiếng Việt, người Việt mình còn phải giới thiệu tới blog ở nước ngoài kể cũng buồn, cảm ơn bác đã giới thiệu, động viên :)

Xóa nhận xét
46

Bác phải qua comment và thể hiện mình, em đã cãi bên đó rồi. Qua làm rùm ben lên cho nó xôm.

Em là không thích tới sau mà xưng hùng đâu. Tham khảo ở đâu thì ghi ở đó cho rõ ràng. Ổng làm sau quá trời rồi còn gì.

Xóa nhận xét
47

Cho mình hỏi là các đoạn XML lạ hoắc như data:post.snippet , data:post.thumbnailUrl bạn có từ đâu ??
Google chia sẻ source hay bạn vô tình mò ra ??

Xóa nhận xét
48

Nó nằm trong templateu. Làm nhiều, biết nhiều he he.

Xóa nhận xét
Nặc danh 13/3/11 19:12
49

@Ngankvn ® Mấy đoạn đó vốn là của Popular Post Gagdet của Blogger mà =))

Xóa nhận xét
50

@Ngankvn ® snippet thì đề cập đến trong Popular Posts rồi còn post.thumbnailUrl là em thêm thử Url bởi các câu lệnh XML của Blogger thường như vậy. Các câu lệnh này test nhiều từ template thì biết chứ em không biết Blogger Team có chia sẻ nó không nữa.

Xóa nhận xét
51

@Tien Nguyen Trước sau gì cũng có người nghĩ ra thôi mà bác, ông ta mà tham khảo từ em thì không mắc lỗi static_page rồi :)

Xóa nhận xét
53

@Yolks Cái này thì lại còn đơn giản hơn, vì nó khá ngược đời nên em phải hỏi lại bác cho chắc chắn. Em thấy làm vậy là thừa và không hợp lý, nếu bác vẫn muốn vậy thì code nó dưới đây:


<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
<b:else/>
<img class='post-thumbnail' alt='no image' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>

Xóa nhận xét
54

@Duy Pham
Cám ơn Duy nhé hay là thêm 1 code nữa để tiện cho yolks đổi mới
Readmore tất cả- Bài viết mới nhất thì có hình này http://tgtt.zone.vn/images/gotonewpost2.png - Auto readmore với hình ảnh và hiển thị ảnh mặc định cho bài viết không có ảnh. Vậy nhé cái này khó quá yolks phải nhờ Duy làm giùm mong Duy đẹp trai giúp yolks nhé

Xóa nhận xét
55

@Yolks Nếu vậy bác áp dụng auto readmore với hình ảnh và thêm ảnh nền đó cho bài mới nhất. Khó nói chung chung cho mọi temp nên bác tham khảo bài viết đó và áp dụng xem.

Xóa nhận xét
56

chào anh! em muốn hỏi là muốn tăng số lượng bài viết hiển thị trên trang chủ thì làm thế nào ạ? trang của em nó chỉ hiển thị ba bài đăng là tự động tạo trang mới cho nên còn thừa khá nhiều nhìn rất mất mĩ quan. anh có thể hướng dẫn cho em được không ạ, em sd blog

Xóa nhận xét
57

@An Nguyệt Nhã Bạn vào Cài đặt chọn Định dạng, ở phần hiển thị tối đa nhập số bài đăng muốn hiển thị trên trang chủ rồi lưu lại. Một chú ý là nếu bài đăng của bạn quá dài thì chọn thêm readmore của Blogger không Blogger sẽ tự ngắt trang dẫn đến không hiển thị đúng số bài.

Xóa nhận xét
58

em để hiển thị tối đa 10 bài viết, cũng đã để readmore nhưng vẫn chỉ hiển thị được ba bài viết. anh có thể hướng dẫn chi tiết hơn được không.
em mới đổi trình thiết kế, lúc đầu vẫn để được sáu bài viết, nhưng đến chiều em vào kiểm tra thì lại bị như vậy

Xóa nhận xét
59

Chưa biết blog của bạn ở địa chỉ nào do bạn không publish profile. Có gì comment địa chi blog để mọi người biết. Chắc do tải nặng nên blogspot tự cắt bớt số bài thôi.

Xóa nhận xét
60

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

Nặc danh 2/4/11 06:19
61

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

Nặc danh 2/4/11 23:12
62

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

Nặc danh 4/4/11 14:15
63

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

64

Muốn chửi thằng trên quá :-t

Xóa nhận xét
65

Bác Duy Phạm cho em hỏi làm sao để hiển thị số ký tự ít hơn nhỉ?

Xóa nhận xét
66

@D.N.H Híc, em đang muốn nhiều lên k được bác lại muốn ít đi :). Cái này không can thiệp được bác ạ, data:post.snippet chỉ có 140 ký tự.

Xóa nhận xét
67

Bạn Duy cho mình hỏi chút, mình vừa cài cái theme mới, nhưng nó không hiện ảnh ở trang chủ. Xem giúp mình nhé.
http://www.netdohoa.com/
Cảm ơn bạn!

Xóa nhận xét
68

@netdohoa Bác post kiểu gì mà mấy comment nhảy vào spam hết vậy? Em đang tính giảm dần js gọi feed bác lại quay lại theme Simplex với mớ js à.

Xóa nhận xét
69

Cái theme này nó SEO không tốt phải không bạn!
Mình thấy nó load hơi chậm.

Xóa nhận xét
70

@netdohoa@netdohoa.com Trang chủ toàn dùng js mà bác, Blogger k có lệnh gọi cơ sở dữ liệu nên đụng đến nó toàn phải dùng js gọi dữ liệu từ feed. Search thì em vẫn thấy Google tìm những ký tự hiển thị bởi hàm document.write tuy nhiên cứ có js thì có lẽ SEO k tốt, tốc độ đương nhiên bị ảnh hưởng rồi, bác có thể giới hạn gọi vài bài đầu tiên từ feed bằng cách thêm &max-results=5 chẳng hạn để chỉ gọi 5 bài từ feed thôi

Xóa nhận xét
Nặc danh 15/4/11 11:19
71

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

72

Dạo này mấy bác bên nước ngoài spam dữ dằn quá.

Xóa nhận xét
73

@Tien Nguyen Bắt đền bác đấy, bác quăng link bài này qua bloggerbuster khiến topic này vào list spam của thằng cha kia rồi :((

Xóa nhận xét
74

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

75

Bác ơi e muốn số ký tự được dùng nhiều hơn thì làm thế nào ạ >? sao nó ít quá, demo của em đây ạ: www.blogthietke.net

Xóa nhận xét
76

@Nam Duy Rất tiếc là không can thiệp được số ký tự đó bạn ạ.

Xóa nhận xét
77

hic, mình đọc qua hiểu lơ mơ, mình đã chèn vào blog của mình rồi, đúng là ráta gọn, hiểu qua loa là vì dùng mấy cái hàm hay gì đó để tự động readmore nên k can thiệp đc. :))

Xóa nhận xét
78

Bạn ơi sao trang của mình bây giờ nó chỉ hiện có 5 bài ở trang chủ, muốn trang lên nhưng không được?
Bạn kiểm tra giúp mình nhé!
Thanks!

Xóa nhận xét
79

@netdohoa Lạ nhỉ, blog bác suốt ngày lỗi linh tinh như thế là sao.

Xóa nhận xét
80

hình như e cũng bị khi áp dụng tem hiện tại đang dùng cho trang khác, lúc nó hiện 5, lúc 2, lúc có 1, điên cả người

Xóa nhận xét
81

Bài viết hay quá cảm ơn bạn nhé!

Xóa nhận xét
82

N xai type 1. Thanks!

Xóa nhận xét
83

bạn rất am hiểu Blogger

Xóa nhận xét
Nặc danh 21/5/11 22:45
84

Cho em hỏi cái nó nằm ở đâu bạn có thể chụp hình để lên cho mình xem đc ko vì mình tìm mãi ko thấy nó ở đâu cả :((

Xóa nhận xét
Nặc danh 21/5/11 22:47
85

cái ấy :((

Xóa nhận xét
Nặc danh 21/5/11 22:48
86

cái data:post.body ấy, bực mình thật để nguyên thì nó biến mất :(

Xóa nhận xét
87

@Sting Riper Nó ở trong template thôi, bạn chọn mở rộng mẫu tiện ích rồi tìm với từ khóa đó.

Xóa nhận xét
88

Bác cho em hỏi làm sao để không cho hiển thị nội dung post ở trang hompage chỉ hiển thị tiêu đề post, hình ảnh và readmore thôi và ở "http://.com/search/label/..." này cũng chỉ hiển thị tiêu đề post, hình ảnh và readmore y như homepage. Bác biết cách giới hạn ký tự post ở trang homepage thì chỉ em với....Em mò hoài mà hỏng ra ..... blog của em: http://hd900.blogspot.com/ xin bác giúp đỡ Thank you!

Xóa nhận xét
89

@Dieu Vinh Tuan Bạn có thể áp dụng cách auto readmore thứ 2 và bỏ <data:post.snippet/> ở đoạn code đó đi. Khi đó nhìn sẽ mất cân đối vì dưới tiêu để chỉ là 1 ảnh nhỏ 72x72 pixel. Đến lúc này bạn lại muốn tiêu đề nằm ngang với ảnh và nó liên quan nhiều đến code của template, có thể mình sẽ viết 1 tips về vấn đề này nếu dễ trình bày cho mọi temp.

Giới hạn ký tự post ở trang home thì mình k hiểu ý bạn lắm? Nếu k dùng auto readmore thì bạn dùng chính readmore mà Blogger cung cấp khi viết bài.

Xóa nhận xét
90

Cám ơn bạn nhiều mình để cái thành tuy không đẹp nhưng giới hạn được nhiều ký tự và không hiển thị ảnh thì không được đẹp cho lắm.......Cám ơn bạn rất nhiều.

Xóa nhận xét
91

code rất hay.tui nhiên khi muốn cho thumbnail lớn hơn kick thước bình thường của mặc định blogger la 72x72 thì ảnh sẽ bị nhòe đi..ảnh này nó chỉ lấy giống như popular post mà thôi.ngoài ra còn 1 hạn chế là thumbnail chỉ hiện thì khi nó upload từ Blogger.

cái này mình đã test lâu rồi...nhưng ko dùng.dù sao cũng cảm ơn bạn

bài viết rất hay

Xóa nhận xét
92

bác Duy cho em hỏi có cách nào để tiêu đề bài viết ở ngoài trang chính chỉ hiện một số ký tự nhất định còn lại nó sẽ bị ẩn không ???:(. em đang cần cái thủ thật này. tìm hoài mà chả thấy ai có thủ thật này

Xóa nhận xét
93

@Phim Online Mình nghĩ là làm được, chưa thử vì lạ đời quá :D. Có thể dùng CSS thêm thuộc tính width, height và overflow:hidden cho thẻ div ở tiêu đề. Hoặc là đụng đến js để chỉ hiển thị 1 vài ký tự.

Xóa nhận xét
94

thế thì hay quá.=)) cái thủ thuật này giúp bố trí bài viết ngoài trang chính gọn hơn. em tìm hoài mà chưa thấy ai hướng dẫn. nếu dc bác làm thử giúp em. em cám ơn bác nhiều :)

Xóa nhận xét
95

@Phim Online Nếu dùng CSS thì bạn xem tiêu đề blog đang đặt trong thẻ div có class hay id là gì rồi thêm vào CSS của class hay id đó thuộc tính width, height, và overflow:hidden. Ví dụ:

width:150px;height:20px;overflow:hidden;

Mục đích là ẩn tiêu đề khi vượt quá kích thước đó. Tuy nhiên thì cách này có thể sẽ làm cho 1 vài ký tự có thể chỉ hiển thị 1 nửa. Còn nếu dùng js thì k tốt chút nào, tiêu đề rất quan trọng trong SEO, hiển thị tiêu đề bằng js thì k hay. Chưa kể code cũng mất công :D

Xóa nhận xét
96

Cám ơn bác Duy nhiều :))

Xóa nhận xét
97

em không thể tìm thấy cái thẻ đó trong blog,mong anh giúp

Xóa nhận xét
98

Bác ơi cho mình hỏi, dùng thủ thuật này thì thay thế được cái ngắt dòng của blogger phải ko ạ và mấy cái bài viết dài wa thì cũng ko bị lỗi phân trang phải ko pác

Xóa nhận xét
99

@Lê Trương Vĩnh Trung Ban đầu mình cũng nghĩ vậy nhưng vẫn k can thiệp dc cách ngắt của Blogger, tập thói quen tự readmore khi viết bài thôi, nó cũng đâu mất thời gian gì nhỉ :).

Xóa nhận xét
100

Nhưng nếu vừa readmore này + ngắt dòng thì bài viết xuất hiện 2 cái chữ readmore :-ss

Xóa nhận xét
101

@Lê Trương Vĩnh Trung Trời ơi, thì bỏ đi 1 cái. Mình code luôn cho temp ngày xưa khi Blogger chưa có readmore.

Xóa nhận xét
102

Lỡ thì giúp mình lun đi, mình mún xài ngắt dòng của blogger để cho mấy bài dài thòn lòn của mình ko gây lỗi phân trang . Vậy mình nên bỏ phần nào trong cái code của bước 2/loại 2 để chỉ hiển thị chữ readmore của ngắt dòng thui :-ss

Xóa nhận xét
103

@Lê Trương Vĩnh Trung
Code mặc định của Blogger dưới đây:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>


Còn code mình thêm là:

<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>


Bạn xóa 1 trong 2 cái, sẽ hợp lý hơn khi xóa code của Blogger.

Xóa nhận xét
104

Duy xem lại template của mình giùm, nếu mình muốn bỏ cái readmore có sẵn trong template để thay bằng readmore của bloggger thì phải làm sao? Mình muốn làm một blog chuyên về truyện nên cần sử dụng thủ thuật này. Thanks! =))

Xóa nhận xét
105

@peace19812006 Bác cần xem nó sử dụng thủ thuật auto như thế nào rồi xóa đi. Auto readmore thay liên quan nhiều đến thẻ post.body nên dễ lỗi nếu thay đổi k đúng.

Xóa nhận xét
106

Hỏi lại cho chắc, nếu mình sử dụng Readmore sẵn có của blogger thì sẽ không bị lỗi phân trang phải không Duy?

Xóa nhận xét
108

Search trên mạng nãy giờ nhưng chẳng biết code nào chính là Readmore của Blogger, nhờ Duy chỉ giùm! :)

Xóa nhận xét
109

@peace19812006 :-O Khi viết bài có 1 lựa chọn TV nó đề là dấu ngắt nhảy ý bác, muốn ngắt ở đâu thì đặt chuột vị trí đó rồi click ngắt này là được mà bác.

Xóa nhận xét
110

@Duy Pham À, hồi đó giờ toàn xài định dạng cũ, chuyển sang định dạng mới mới thấy, cảm ơn Duy! :)

Xóa nhận xét
111

Có cách nào mình tùy biến chữ Read more mặc định sẵn sang kiểu khác cho nó đẹp hơn không Duy?

Xóa nhận xét
112

@peace19812006 Bài này chuẩn cho bác luốn http://noct-land.blogspot.com/2011/04/tuy-bien-nut-read-more-cua-blogspot.html :D

Xóa nhận xét
114

À Duy, ví dụ khi bài đăng của mình có hình ảnh trong đó, nhưng khi mình dùng read more của blogger, cắt ngang ngay chỗ không có chứa hình ảnh thì bài đăng trên trang chính cũng không có hình ảnh, có cách nào cho hình ảnh hiển thị không?

Xóa nhận xét
115

@peace19812006 Thế mới gọi là readmore chứ bác, ngắt rồi mà vẫn hiển thị thì sao được. Chỉ có cách auto readmore này là vẫn lấy ảnh dù có dùng readmore của Blogger ngắt bất kỳ vị trí nào.

Xóa nhận xét
116

Nhưng nếu dùng thêm auto readmore này thì có bị chổi hay không? Và phân trang có bị lỗi?

Xóa nhận xét
117

@peace19812006 K hiểu ý bác nói gì. Còn cái vấn đề lỗi phân trang để em nói rõ ràng luôn 1 lần nhé. Blogger có 1 thuật toán riêng khi mà có nhiều bài nội dung dài cùng xuất hiện trên 1 trang thì nó sẽ tự động ngắt để tăng tốc độ tải trang, còn thủ thuật ngắt trang hiện giờ đều thêm max-results vào url để ngắt. 2 cái ngắt trang này k liên quan với nhau, cho nên nếu bài dài dù có max-results thì cũng k hiển thị đúng số lượng bài. Chỉ có 1 cách là thêm readmore của Blogger để bài ngắn đi, khi đó thuật ngắt trang của Blogger k can thiệp và max-results sẽ hiển thị đúng số lượng bài mình chọn.

Xóa nhận xét
118

Ý mình nói là nếu vừa sử dụng readmore sẵn có của blogger kết hợp với thủ thuật auto readmore của Duy đây có được hay không và liệu có bị lỗi phân trang hay không?

Xóa nhận xét
119

Muốn k còn lỗi phân trang thì thêm readmore của Blogger cho bài dài.

Auto readmore này k xung đột gì với readmore của Blogger :)

Xóa nhận xét
120

Cái này rất hay, nhưng cái tem của em nó lỗi phần read more page :(( làm sao để sữa nó đây.

code tem của em đây:

http://nguyenducthuy.googlecode.com/files/temtruyenjava.xml

Mong bác sửa nó lại giùm em cái

Xóa nhận xét
121

@TruyenJava Temp của bạn áp dụng auto bằng js mà. Mình đã sửa lại cho hoạt động với page, bạn down ở đây http://www.mediafire.com/?iyw0o2wcoo2uavo
Lần sau bạn cứ gửi qua form liên hệ nhé, để mình biết email và gửi qua mail cho nhanh.

Xóa nhận xét
122

:) Thanks bác rất nhiều, công sức của bác em xin ghi nhận, Rấy hân hạnh làm quen với bác :D

Xóa nhận xét
123

mình áp dụng vào nhưng khổ nổi các trang / page cũng tự động readmore, giờ làm sao cho nó hiện ra như 1 page bình thường vì thường khi đã dùng trang thì không cần dùng đến readmore, vui lòng giúp

Xóa nhận xét
124

@Vinh Nghe là biết bạn k áp dụng auto readmore này rồi.

Xóa nhận xét
125

:)) Cảm ơn bác Duy,mình thấy ổn.Mình "chôm" được nhiều thứ từ trang của bạn.Chúc bạn khỏe và có thêm nhiều nhiều cái mới

Xóa nhận xét
126

Khi hiển thị ở ngoài trang chủ, anh có thể hướng dẫn cách định dạng margin cho phần nội dung ko? nghĩa là phần nội dung nằm ngang chính giữa so với ảnh? Link ảnh đây ạ >> https://lh6.googleusercontent.com/-ghp4Ni8EUtc/Ti56mqFlhgI/AAAAAAAABkM/tBqMPjpnS4M/s800/example.png

Xóa nhận xét
127

Em có câu hỏi mà chèn link ảnh, chắc vào spam, anh xem giúp em với nha.

Xóa nhận xét
128

@Linh Dung Chính giữa thì hình như k có câu lệnh CSS đó bạn ạ.

Xóa nhận xét
129

ôi hay quá , áp dụng ngay cho http://www.dangcapseo.com/seo thôi .cảm ơn duypham.info nhiều nhé

Xóa nhận xét
130

Pác Duy ui,có cách nào thêm link cho ảnh hông,nếu có chỉ dùm mình với nhá:) :))

Xóa nhận xét
131

@Ngọn lửa nhỏ Link từ ảnh đến bài viết à?

Xóa nhận xét
132

@Duy PhamƯh,click vào hình là hiện ra bài viết ấy

Xóa nhận xét
133

@Ngọn lửa nhỏBạn thay
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
thành
<a expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/></a>

Xóa nhận xét
134

@Duy PhamThành công rồi Duy ui,đa tạ nhé =D>

Xóa nhận xét
135

Quá đỉnh, cám ơn bạn nhiều, giờ mình sẽ gỡ cái auto dùng JS để thay bằng cái này đây =D>

Xóa nhận xét
136

Sau khi dùng thử, điều mình thích nhất của thủ thuật này là load cực nhanh!

Xóa nhận xét
137

Có cách nào để tăng thêm ký tự hiển thị không các bạn.

Xóa nhận xét
138

@NeyurtRất nhiều người hỏi câu này rồi, bạn đọc hết comments rồi chứ?

Xóa nhận xét
139

:D thiếu kiên nhẩn rùi bác ơi.

Xóa nhận xét
140

Thủ thuật này cái gì cũng tốt duy cái tăng ký tự và hiển thị hình ảnh là hơi bất tiện nhưng .... bất thì bất mình vẫn cứ dùng :))

Xóa nhận xét
141

Dear DP, mình làm thử nhưng sao đoạn text lại nằm dưới ảnh thumbnail. Làm sao để text ngang hàng với thumnail. Không rành lắm thủ thuật.

Ảnh

Mong DP giúp sức,
Thân

Xóa nhận xét
142

@SpringBreezeHamletChắc liên quan đến CSS, em cần xem trang bị lỗi mới biết rõ được.

Xóa nhận xét
143

@Duy PhamBạn rãnh rỗi thì xem giúp. Mính không rành nên áp dụng thủ thuật từ nhiều nguồn. (?__?)

http://www.mediafire.com/?oyoch0n70djf9y9

Thanks

Xóa nhận xét
144

@SpringBreezeHamletBác chọn tải mẫu hoàn chỉnh chứ copy code kiểu này liệu chính xác không, em xem qua thấy code đang bị xung đột mà k thể test dc với code bác copy.

Xóa nhận xét
145

Thank Duy nhé, bạn thật nhiệt tình. Theo yêu cầu của bạn, mình tải xuống template. Bạn xem qua và giúp mình nhé.
(*_*)/""""

http://www.mediafire.com/?ze02xxe2s2hhern

Xóa nhận xét
146

@SpringBreezeHamletBác k gửi qua form liên hệ để em biết email gửi lại cho nhanh. Bác tự thay đổi code HTML hay ai thay vậy, thứ nữa bác là người thứ 3 trong vài hôm nay lại gặp lỗi chèn CSS từ trước bị sai thừa thẻ kết thúc } đâm ra thêm CSS vào k có tác dụng. Mà temp đó CSS khai báo thừa và xung đột nhau ghê. Bác tải temp đã sửa ở địa chỉ sau http://www.mediafire.com/?u1s4z7ub3e12cey

Xóa nhận xét
147

@Duy PhamDear DP, cảm ơn bạn thật nhiều. Mình đã cài đặt template lại rồi. Đây là một cái private blog nên mình lấy tên là SpringBreezeHamlet.

Mình vừa mới gửi mail cảm ơn bạn. Giờ thì lại viết thêm nhận xét. Về câu hỏi của bạn thì xin trả lời luôn là mình hay vào blog của bạn cũng như bạn Noct và một số blog thủ thuật nổi tiếng khác. Nên mấy code HTML là do mình áp dụng lung tung cả (T_T).

Một điều cần nói thêm là nhờ vào những việc chia sẻ của bạn mà mình ngày càng thích hệ thống blogspot của google.

Mình có một trang blog riêng. Hình thức cũng sơ sài, mục đích chính khi lập ra cũng chỉ là để gom tụ những bài hay những lá thư mình đã viết hoặc là một số music slide mình đã làm. Nếu rãnh rỗi thì bạn có thể ghé qua và hướng dẫn mình phần chỉnh sửa template. Mình nghi là phần code html của blog này chắc cũng rồi tinh rối mù rồi đây.

Sẵn đây mình xin được hỏi thêm là khi đọc trang này thì mình thấy có phần breadcrumbs
Trang chủ \ Blogger \ Post \
Không biết làm sao để thực hiện? Rất mong DP có thể chỉ điểm.

wow, nhận xét cũng nhiều rồi.
thân ái,
d.l.h
Big Fan of yours

Xóa nhận xét
148

@Dạ Lai Hươngbreadcrumbs đấy thực ra là hiển thị label của bài viết thôi, vì label sắp xếp theo thứ tự chữ cái nên label Blogger ở trước có cảm giác như phân cấp chứ thực ra nó cùng cấp. Vẫn có cách tạo phân cấp với label k theo thức tự chữ cái nhưng khá là thủ công :D

Xóa nhận xét
149

@Duy PhamNguyên tắc của việc sắp các nhãn theo thứ tự là như thế nào hả Duy

Xóa nhận xét
150

@Minh TriếtThời gian tạo label và chữ cái bác ạ.

Xóa nhận xét
151

Bác Duy ui,bác chỉ giúp em làm cái readmore giống cái này của pác Tiến với http://customemagazine.blogspot.com/
Nghĩa là cái bài mới nhất nó rộng cả lên sidebar ấy.
Trước khi hỏi câu này em cùng chưa thử
3. Auto readmore với hình ảnh. Không readmore với bài viết mới nhất của bác,nếu nó có sẵn rồi thì em xin bác tha mạng

Đa tạ bác nhìu ạ

Xóa nhận xét
152

@ngonluanho.netCách readmore kiểu thứ 3 nhưng để có layout như vậy là kỹ thuật của bác TN, bác hỏi bác ý nhé :D

Xóa nhận xét
153

@Duy Pham Dzời ạ,pác giúp em đê,hỏi bác Tiến nữa đến bao giờ em có hàng để dùng:(( :(( :(( :(( :((

Xóa nhận xét
154

@ngonluanho.netThứ nhất là mình k hỗ trợ những thắc mắc liên quan đến thiết kế vì đâu phải layout nào cũng giống nhau như kiểu đưa code rồi paste.

Thứ 2 là trừ khi có 1 hướng dẫn từ trang nào đó mà k biết áp dụng thì mình hướng dẫn cho.

Với câu hỏi này thì mình chỉ nói hướng lên layout theo mình biết: Với bài đầu tiên k readmore thì bạn cần có thêm CSS riêng cho nó với width rộng hơn và CSS cho sidebar với margin-top bằng height của bài mới này.

Mình k biết cách làm của bác Tiến có như vậy k chứ cách trên nói thật mình k thích kiểu layout gượng ép như vậy, vì với lay out kiểu đó sẽ hình dung có 3 div: 1 div trên và 2 div dưới 2 bên. Còn ở đây chỉ là 2 div chính. Đó là lý do mình bảo hỏi bác TN cách làm của bác ấy, mình k thích view source để xem layout, vì dù nhìn qua thì có thể giống nhưng phong cách và tư duy mỗi người khác nhau.

Xóa nhận xét
155

@Duy PhamDù sao cũng xin đa tạ bác nhóa,để em thử vận may với bác Tiến xem nào :):):):):):)

Xóa nhận xét
156

@Duy PhamEm hỏi bác Tiến,bác ấy cũng không trả lời,bác ấy cũng bảo em sang hỏi bác,hic :(:(:(

Xóa nhận xét
157

@Duy PhamÝ tưởng đẩy SideBar xuống 1 khoảng bằng chiều cao của bài viết mới rất hay. Tuy nhiên sao biết được bài mới cao bao nhiêu Duy Pham nhỉ?

Xóa nhận xét
158

@Thiên LongCó thể dùng firebug để biết chiều cao của nó nếu bạn dùng firefox.

Xóa nhận xét
Nặc danh 4/12/11 15:15
159

Anh ơi em mới tập làm Blog mục đích chỉ lưu một số kinh nghiệm học tập cũng như mốt số sở thích bản thân, em đã áp dụng theo cách của anh nhưng không em không biết cách làm cho dòng tiêu đề song song với hình ảnh cho đẹp,bây giờ nó ở trên trông rất xấu, Anh chỉ giùm em với, cảm ơn anh nhiều, mấy thủ thuật cơ bản có cái này em làm mãi không dc.... :((

Xóa nhận xét
160

@nguyensaturnMuốn vậy thì phải thay đổi code XML của temp, nó dài dòng cho 1 hướng dẫn.

Xóa nhận xét
161

có thể làm code Auto readmore với hình ảnh. Có readmore với bài viết mới nhất đc k bạn :-?

Xóa nhận xét
162

@Cu0nglsfNó là 1 trong 4 lựa chọn trên rồi chứ nhỉ?

Xóa nhận xét
163

@Duy Phamk có bạn ơi ! cái auto readmore trong temp Dynamic của TN sài auto readmore của bạn. Bạn có thể sửa code đó lại cho nó hiển thị hình ảnh đầu của bài viết đc k ?

Xóa nhận xét
164

@Cu0nglsfMình có xem qua thì thấy bác TN lấy bài đầu 2 lần, cũng k tìm hiểu kỹ cách làm đó. Sao bạn k hỏi trực tiếp bác ấy nhỉ.

Xóa nhận xét
165

Cho em hỏi bác cái lệnh của từ [đọc tiếp] tên là gì hả bác, biến đổi nó ra sao để nó đi theo ý muốn hả anh Duy

Xóa nhận xét
166

@Nguyễn ĐứcBạn vào chỉnh sửa widget Blog sẽ thấy nó ở Văn bản liên kết trang đăng bài:

Xóa nhận xét
167

À không, ý em hỏi là lệnh của nó ý. Em muốn di chuyển vị trí của nó. E sử dụng auto readmore của anh nhưng lại không biết tùy chỉnh cái từ readmore thế nào :D

Xóa nhận xét
168

@Nguyễn ĐứcMình cũng nghi nghi :D nó là <data:post.jumpText/>

Xóa nhận xét
169

seo cái của em làm ko được mong anh làm giúp wa teamview cái cả em nó hiện là do not remove this ko hiểu phải làm sao

Xóa nhận xét
170

Bác chỉ dùm em cách làm cho tấm hình của autoreadmore này xoay vù vù như trong tiện ích này với nhá
http://noct-land.blogspot.com/2011/10/tien-ich-popular-posts-voi-css3.html
Xin đa tạ

Xóa nhận xét
171

@Ngọn lửa nhỏBạn thay #PopularPosts1 img trong CSS đó thành .post-thumbnail là dc.

Xóa nhận xét
172

@Duy PhamĐẹp tuyệt vời
Trước đây mình đã thử thay #PopularPosts1 thành .post-thumbnail nhưng không được, nhưng thay #PopularPosts1 img thành .post-thumbnail mới được,ngu thật,
Cảm ơn Duy

Xóa nhận xét
Nặc danh 25/2/12 07:56
173

bạn cho mình hỏi là làm sao cho chữ hiên lên nhiều hơn tí dược ko. chứ thấy hiện có khoảng 140 kí tự à. trả lời nhanh giúp mình nha bạn

Xóa nhận xét
Nặc danh 28/2/12 17:29
174

Hướng dẫn mình cách tăng kích thước ảnh lên đi , 72 x 72 bé quá. Nếu chỉnh ở item - thumbnail thì nó phóng ảnh ra mờ không thấy gì cả .
Thanks

Xóa nhận xét
175

Ảnh thumbnail thì chỉ đc thế thôi b à, muốn nét thì chỉ có dùng java. Mất cái này được cái kia mà :D, comment bừa cho vui ^^!

Xóa nhận xét
176

K phải mình k trả lời mà là bỏ qua tất cả những comments k cho biết địa chỉ blog người đó.

Xóa nhận xét
177

Bên nhà của pác Tiến dùng như thế nào mà hình vừa to vừa nét pác Duy nhờ? Tớ cũng tò mò và muốn thử vận may. Hehe=))=))=))

Xóa nhận xét
178

dùng hàm replace để đổi từ 72 lên 150 là ổn thôi mà :). Nhớ không lầm bác duy đã hướng dẫn rồi :))

Xóa nhận xét
179

Cái này thì đúng là auto readmore. Bác Duy nghĩ ra cái này đúng là pro,để nước ngoài họ phải thay đổi cái nhìn với blogger Việt.hi
Mà sau khi áp dụng cái này blog em nó bị lõi bác Duy ak.
http://luat1x1.blogspot.com/search/label/blogger%20c%C6%A1%20b%E1%BA%A3n
Nếu không dùng thì sidebar nó không rớt xuống như thế.Không biết nó rèn nữa!!

Xóa nhận xét
180

Lâu lắm mới thấy lại cái temp Revolution này :D, temp này layout rơi rớt thường xuyên nếu chiều cao nhỏ, k nhầm thì hiện tượng này do float.

Xóa nhận xét
181

Tớ đang Edit 1 em Revolution V2 nhung loạn xà ngầu hết rồi, mấy bữa nay mò không ra

Xóa nhận xét
182

Anh ơi, blog của em dùng template mới của VNBlogspot nhưng sao mình dùng auto readmore ko dc vậy: www.smgoddess9.blogspot.com tks :D

Xóa nhận xét
183

Hjc cái trang tĩnh của mình bị nhân đôi, bài viết bị nhân đôi lun! Có thuốc chữa ko bác?

Xóa nhận xét
184

cứu em, làm theo cách của bác nó ra thế này ạ! http://vicentenguyentrongcuong.blogspot.com/

Xóa nhận xét
Nặc danh 20/6/12 18:55
185

liệu có thuật toán nào nó lấy 1 hình ảnh đầu tiên trong bài viết với bất kỳ host nào ko nhỉ. chú ko phải ảnh lưu trong máy chủ của google như hiện nay. vì mình thường lưu ở các host #
?

Xóa nhận xét
Nặc danh 20/6/12 20:57
186

giờ mới phát hiện ra code auto readmore ở trên
và code button readmore bằng ảnh ko nên cùng mái nhà
vì code trên sẽ tạo ra chữ "đọc thêm". trong khi mình đã có sẵn nút này rồi.
đang tính bỏ nút đọc thêm đi vì thực ra nó cũng chẳng cần vì người xem ai cũng bít bấm vào tiêu đề để đọc tiếp rồi.

Xóa nhận xét
Nặc danh 20/6/12 21:08
187

à! nếu muốn giữ lại đoạn code trang trí button readmore và code auto readmore giới thiệu ở trên cùng tồn tại thì chỉ cần bỏ đoạn

ở trên kia đi là được

Xóa nhận xét
188

SAo em làm nó như thế lại không được nhỉ

Xóa nhận xét
189

Xin hỏi bạn là cái này dùng cho theme Nexis-v1.8 hay theme nào vậy bạn?
Mình cảm ơn nhiều!

Xóa nhận xét
190

Sau khi áp dụng cách này tốc độ tải trang tăng rõ rệt! ^_^
Thanks bạn!

Xóa nhận xét
191

Có cách nào làm cho đoạn trích nó nhiều ký tự hơn 1 chút không cậu?

Xóa nhận xét
192

Bạn nên xem kĩ lại bài đăng đi!

Xóa nhận xét
193

dùng js, thực ra việc dùng js cũng chả làm chậm web đi là mấy đâu, vì chỉ auto readmore thôi :D

Xóa nhận xét
194

Bạn Duy ơi cho mình hỏi một vấn đề mà mình tìm kiếm mãi không giải quyết được. mình sửa kích thước hình thumbnail của porpular post từ 55px x 55px lớn hơn thành 70px x70 px thì hình bị nhòe.
bạn có thể chỉ mình cách giả quyết được không? cảm ơn bạn rất nhiều...

Xóa nhận xét
195

Nó là 72x72 thì chỉnh thành 70x70 sao nhòe được

Xóa nhận xét
196

hic. cảm ơn bạn Duy. cho mình hỏi thêm 1 câu vậy nếu mình muốn 1 hình thumbnail của porpular post hay bài đăng mới nhất to hơn 72x72 như 150x150 mà không bị nhòe thì mình chỉnh ở đâu? mình thực sự không hiểu rõ HTML lắm, tất cả chỉ là chép và xóa theo hướng dẫn thôi. Bạn có thể chỉ giùm mình được không? cảm ơn bạn rất nhiều.

Xóa nhận xét
197

Bạn xem thêm bài này http://blog.nguoiaolam.net/2012/04/dung-ham-replace-trong-javascript-e-lay.html

Xóa nhận xét
198

Cảm ơn bạn.Cái này đúng là cái mình đang tìm.
Trong bài viết đó có đoạn code do bạn viết.
cho mình hỏi thay "blogthietke" bằng ID của từng Witget, vậy ID đó mình lấy như thế nào? cụ thể như widget bài viết mới nhất của mình chẳng hạn.

đây là web của mình: http://www.h2darch.com . bạn có thể ghé qua và cho mình lời khuyên về tình trạng ảnh thumbnail của widget mình đang bị mờ được không.

Cảm ơn bạn!

Xóa nhận xét
199

Có nhiều cách để xem, bạn có thể view source blog để tìm. Như widget bài mới nhất của bạn có id là HTML5, widget Cẩm Nang Xây Nhà có id là Label3...

Xóa nhận xét
200

mình hiểu rồi. để mình thử xem. cảm ơn bạn rất nhiều.

Xóa nhận xét

Đăng nhận xét

Cancel