THU GỌN BÀI VIẾT CHO BLOGSPOT - PHẦN 3
21/11/13
.jpg)
Cách áp dụng thủ thuật:
Lưu ý: Bạn nào chưa quen cách làm, có thể BẤM VÀO ĐÂY để xem video hướng dẫn chi tiết!1. Đăng nhập vào blog, vào "Thiết kế" - "Trang Tổng quan", - "Mẫu" - "Chỉnh sửa HTML" tìm thẻ ]]></b:skin> (xem cách tìm TẠI ĐÂY).
2. Chèn đoạn mã dưới đây vào trước (phía trên) ]]></b:skin>
.readmore { float:right; margin:5px 20px 5px 0px; padding:3px;} .readmore a{ color:#fff; padding:3px 5px 3px 5px; background:#fc8b33; } .readmore a:hover{ color:#fff; background:#000ff;}
3. Chèn đoạn mã dưới đây vào trước (phía trên) </head> (xem cách tìm </head> TẠI ĐÂY).
<script type="text/javascript">
var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 120,
imgHeight: 110,
defaultThumb:'http://1.bp.blogspot.com/-A7K0Ugz3jKc/Uf0leijlp0I/AAAAAAAACsQ/w29f6zRMSbA/s1600/no-thumb.jpg',
words: 60,
wordsNoImg: 80,
skip: 0,
showHome: true,
showLabel: true
};
</script>
<script type="text/javascript">
//<![CDATA[
function summary(h) {
summary.count = summary.count || 0;
summary.count++;
var g = location.href.indexOf("/search/label/") == -1 && location.href.indexOf("/search?") == -1,
c = location.href.indexOf("/search/label/") != -1;
if (summary.count <= summaryConf.skip) {
return
}
if (g && !summaryConf.showHome) {
return
}
if (c && !summaryConf.showLabel) {
return
}
var e = document.getElementById(h),
f = e.getElementsByTagName("img"),
a = "";
if (summaryConf.showImage) {
if (summaryConf.defaultThumb != "none") {
a = '<img width="' + summaryConf.imgWidth + '" height="' + summaryConf.imgHeight + '"';
if (summaryConf.imgFloat != "no") {
var b = ' style="float:' + summaryConf.imgFloat + ';margin:0 5px 5px 0;padding:0"';
a += b
}
a += ' src="' + (f.length > 0 ? f[0].src : summaryConf.defaultThumb) + '" />'
} else {
if (f.length > 0) {
a = '<img width="' + summaryConf.imgWidth + '" height="' + summaryConf.imgHeight + '"';
if (summaryConf.imgFloat != "no") {
var b = ' style="float:' + summaryConf.imgFloat + ';margin:0 5px 5px 0;padding:0"';
a += b
}
a += ' src="' + f[0].src + '" />'
}
}
}
if (a != "") var d = summary.strip(e.innerHTML, summaryConf.words)
else var d = summary.strip(e.innerHTML, summaryConf.wordsNoImg);
e.innerHTML = a + d + "..."
}
summary.strip = function(a, b) {
return a.replace(/<.*?>/ig, "").split(/\s+/).slice(0, b - 1).join(" ")
};
//]]>
</script>
4. Tìm: <data:post.body/> (xem cách tìm TẠI ĐÂY).
5. Thay thế <data:post.body/> (bôi đen <data:post.body/> rồi dán đè lên) bằng đoạn mã trong khung dưới đây:
<span expr:id='data:post.id'><data:post.body/></span>
<b:if cond='data:blog.pageType == "index"'>
<div class='readmore'><a expr:href='data:post.url'>Xem chi tiết »</a></div>
<script type='text/javascript'>summary("<data:post.id/>")</script>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<script type='text/javascript'>summary("<data:post.id/>")</script>
</b:if>
</b:if>
Lưu ý:Trong template của các bạn có thể có nhiều đoạn <data:post.body/>. Phải thay thế tất cả các đoạn <data:pots.body/> tìm được!
6. Bấm "Lưu mẫu" và trở lại trang chủ xem kết quả.
Chúc các bạn thành công!
Bổ xung:
Nếu bạn nào đã áp dụng phương pháp:THU GỌN BÀI VIẾT TRÊN TRANG CHỦ BLOGSPOT - PHẦN 2 (không có nút "Xem chi tiết")
Nay muốn thêm nút "Xem chi tiết" vào thì làm như sau:
- Thêm đoạn code ở bước 2 trước thẻ ]]></b:skin>
- Thêm đoạn code nằm trong nền màu xanh ở bước 4 vào sau dòng:
<b:if cond='data:blog.pageType == "index"'> (có thể có từ một đến ba đoạn code này trong template - phải thêm vào tất cả những đoạn code tìm thấy.)
P/S:
Nếu bạn nào áp dụng không thành công, hãy sao lưu template lại (xem cách sao lưu TẠI ĐÂY) và gửi tới email: caocongkien68@gmail.com .
CCK sẽ chỉnh sửa (đảm bảo thành công 100%) và gửi lại cho bạn. Bạn chỉ cần cài lại template lên blog là được.
Nguyễn Văn Cường (Caocongkien)
P/S: Các bài viết trong blog này đều đã được đăng ký, bảo vệ bởi: DMCA và Google Author Ship. Nếu sao chép để đăng lại mà không đề tên tác giả và không đặt link dẫn về bài viết gốc đều bị coi là bất hợp pháp.
47 nhận xét :
ĐỀ NGHỊ:
Không chèn các đường link có tính chất spam, quảng cáo khi bình luận!
Tất cả những bình luận có chèn link nhằm spam, quảng cáo sẽ bị Admin báo cáo lên Google - do đó sẽ bị xóa và chặn vĩnh viễn.
Những bình luận, thắc mắc - nếu viết tắt bừa bãi, viết bằng kiểu chữ "teen",... sẽ không được trả lời và có thể bị xóa.
Rất mong quý vị thấu hiểu và thông cảm!
Xin cảm ơn!
Anh đã cài theo phần II rồi,không có"xem chi tiết",muốn chỉnh để có phải làm cách nào ?
Trả lờiXóaChúc em ngày mới an lành và thành công !
Cảm ơn anh!
XóaEm đã bổ xung thêm cách thêm nút "Xem chi tiết" ở phần cuối bài viết rồi.
Chúc anh áp dụng thành công!
Bao Loc có làm theo hướng dẫn của anh Cường mà không thành công....vì bài thơ dài quá! mà Bao Loc muốn thâu gọn lại mà không làm được mong anh chỉ giùm. Rất mong hồi âm.
Trả lờiXóaDo bạn chưa quen nên thực hiện không thành công thôi. Bạn hãy sao lưu template và gửi tới: caocongkien68@gmail.com. Mình sẽ làm và gửi lại cho bạn. Nếu chưa quen sao lưu, mời bạn tham khảo bài viết: CÁCH SAO LƯU VÀ THAY THẾ TEMPLATE
XóaThanks bạn vì những bài viết có ích :)
Trả lờiXóamình làm theo bạn hướng dẫn và thấy ok ! thanks bạn ! nhân tiện hỏi thêm bạn mún tối ưu thêm những chữ tóm tắt nội dung trong bài viết lúc hiển thị tóm tắt ấy thì làm sao bạn :)
Trả lờiXóacám ơn anh
Trả lờiXóaCảm ơn anh nhiều!
Trả lờiXóanghề nhân sự
cảm ơn anh
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaBạn nhạo báng tôi đó hả? Tại sao bạn lại viết "PÁC"?
XóaAh mình xin lỗi. Cách gọi "Pác" là cách gọi thân thiện giữa các blogger với nhau từ xưa giờ nhưng nếu có gì phiền lòng bạn thì mình xin lỗi. Còn cái mình đã góp ý thì đó là cảm nhận của riêng mình. Bạn chia sẻ code mà lại dùng thủ thuật chèn nguồn khi copy nội dung thì chẳng khác nào làm khổ đọc giả. mỗi lần áp dụng thủ thuật từ blog của bạn thì phải ngồi xóa code nguồn rồi mới chèn vào template, rất phiền phức. Blog đã đăng ký DMCA thì chuyện nguồn là không cần thiết nữa rồi. Nếu thấy ai copy bài viết mà không để lại nguồn thì cứ báo DMCA giải quyết thôi.
Xóabạn ơi nhiều đoạn mã vậy? có khoảng bao nhiêu đoạn như vậy bạn. mình gửi qua bạn sủa dùm cho mình đc không?
Trả lờiXóacái đoạn mã chèn trước </head ý có nguồn http://caocongkien-blog.googlecode.com/svn/summary.rm.test.js" thì có ảnh hưởng gì đến kết quả xếp hạng của google ko a? liệu gg có kết cho là sao chép ko ạ
Trả lờiXóaKhông bạn ạ! Đây chỉ là link của một đoạn mã diều khiển thu gọn bài viết thôi. Robot của Google sẽ không theo dõi đường linh này đâu. Nếu bạn muốn thì có thể tải đoạn mã này về và up lên host của bạn rồi lấy link thay vào link trên.
Xóaphải nói anh Cao Công Kiến giỏi thật em đã áp dụng thành công cho web trực tiếp bóng đá của em: www.tructiepbongda360.com thanks anh nhiều
Trả lờiXóaanh có thể giúp em tạo trang chủ như web của anh được không ạ
Trả lờiXóaCho mình hỏi bạn ơi, cái tiêu đề bài viết của bạn có màu đen khi ở trang chủ, làm thế nào đổi màu nó đc?
Trả lờiXóaTiêu đề của mình nó màu xanh lè 9mauf của đường link ý)
Cảm ơn bạn đã chia sẻ thủ thuật hay này, mình đã áp dụng thành công :)
Trả lờiXóaNhưng mình áp dụng xong thì có 1 số vấn đề sau mong bạn xem giúp mình nhé:
1) Mình đã tắt hết nhãn bài viết trong bố cục rồi, mà sao nó vẫn hiện nhỉ, mình ko muốn hiện cái nhãn này nữa thì làm sao?
2) Ngày tháng năm bài viết nó chỉ hiện ở bài viết đầu tiên, những bài viết cùng ngày thì nó ko hiện nữa? cái này là mặc định của blog à bạn?
3) Mình bật cái chia sẻ bài viết trong phần bố cục, nó ko nằm sát lề mà bị đẩy vô 1 đoạn nhỏ, làm sao cho nó sát lề vậy bạn?
4) Bạn có bài viết nào về tùy chỉnh thay đổi những icon chia sẻ này ko? làm cho nó to hơn 1 chút :)
Blog mình cần bạn xem giúp mình là: http://giasuuytinhcm.blogspot.com/
Tks bạn nhiều ^^
Cái này mình cũng bị, chưa có phương pháp cứu chữa. @@
Xóaphù, làm tới bước 3 nó báo lỗi đóng thẻ div màu đỏ....b giải thích giùm nhé: blog mình: http://hotgirlbuonchuyen.blogspot.com/
Trả lờiXóaCó thể bạn copy không hết hoặc dán không đúng chỗ và cũng có thể mở thẻ div mà không đóng.
XóaBạn nói cụ thể hơn được không?
Trả lờiXóaVấn đề này dễ thôi:
Trả lờiXóa1. Bạn vào "Bố cục" chọn "Bài đăng phổ biến" và đánh dấu kiểm vào "Mọi lúc" là OK.
Nếu muốn blog tả nhanh thì giảm dung lượng hình ảnh, hạn chế sử dụng Javascript,...
Bạn có thể xem thêm ở : BÀI VIẾT NÀY
Bạn đăng ký Google Analytics và cài đặt tiện ích này sẽ thấy rõ trong phần "Thống kê truy cập" (trong bảng điều khiển - không hiển thị trên trang và chỉ có quản trị viên mới biết).
Trả lờiXóaMuốn Slide trượt nhanh cần phải chỉnh sửa ở trong đoạn code của Slider - thay đổi các thông sô trong đó. Nói thì dài dòng lắm...
Chính cái slide này làm cho blog chạy chậm đáng kể.
Chèn được hết, nhưng để cho bạn hiểu thì phải viết vài bài chi tiết đó.
Trả lờiXóaem dán phần code thay thế cho nhưng càng dán càng xuất hiện nhiều đoạn hơn là sao ạ? vẫn phải thay hết ạ? hai phần trên thì không có vấn đề, chỉ có phần này thôi ạ
Trả lờiXóaBạn làm không đúng cách nên vậy.
XóaTrước hết, bạn tìm cả 3 đoạn code đó - đánh dấu vào và lần lượt thay hết.
Anh cường? Tại sao em bật mô tả tìm kiếm thì read more của em không hoạt động. Anh có thể giúp em được không? http://ao-lop.com
Trả lờiXóaHai vấn đề này hoàn toàn không liên quan đến nhau bạn ạ. Có lẽ do template của bạn gây nên thôi.
XóaAnh ơi cho em hỏi, em muốn làm hiện có giới hạn khi mới vào trang, khi muốn xem tiếp thì bấm vào "Xem tiếp nào, còn nhiều lắm!" thì làm sao vậy anh?
Trả lờiXóacảm ơn admin - mình làm được rồi
Trả lờiXóaduy3s.com
Bạn ơi mình làm giống như vậy mọi thứ OK. Nhưng hôm qua mình mình tiếp tục post bài thì bị lỗi trang 1 (trang chủ) chỉ còn hiện 2 bài trong khi các trang sau vẫn hiện đủ 7 bài, label cũng hiện đủ 7 bài. Những lần post trước trang chủ cũng đủ 7 bài, từ hôm qua mới bắt đầu bị. Bạn xem giúp mình với: www.xetnghiemyhocvn.com cảm ơn bạn rất nhiều
Trả lờiXóaMình không biết nói thế nào cho đúng . Để mình nói theo cách hiểu của mình nhé .
Trả lờiXóaMình cần 1 đoạn mã để phân biệt phần tóm tắt bài viết ở trang trang chủ và trang con . mình dùng CSS
.post-outer {width:50%;....;}
Nhưng khi dùng thì cả ở trang chủ lẫn trang con đều load ở 50% . Mà cái mình muốn là load 50% chỉ ở trang chủ thôi . bạn có css nào hay cách nào có thể giúp mình đc không ?
Cảm ơn anh rất nhiều ạ!
Trả lờiXóaCho em hỏi, em muốn làm phần MỤC LỤC cho bài viết như thế này. Ví dụ khi click và chương 1 thì nó sẽ hiển thị ra nội dung bài viết luôn, và khi hết một chương thì sẽ hiện thị chữ: ví dụ: chương trước - chương sau. Em cảm ơn rất nhiều
Trả lờiXóa1
1.Part 01: Ngỡ ngàng nhập học
2.Part 02: Kẻ gây thù chuốc oán
3.Part 03: Mùa đông cô đơn
4.Part 04: Thành công bước đầu
5.Part 05: Vượt quá giới hạn thư viện
6.Part 06: Mùa thi
7.Part 07: Stress
bạn vào mục "trang" để tạo các trang đó rồi add link vào là xong
XóaChào bạn, mình mới tập tễnh blogspot nên còn ngớ đủ thứ, một số thủ thuật của bạn, mình đã áp dụng thành công (tạo trang, tạo nhãn...) nhưng phần thu gọn này thì thất bại, đành phải gửi email cho bạn thôi; nhờ bạn giúp cho mình với nhé. Mình xin chân thành cảm ơn bạn!
Trả lờiXóaThành công ngoài mong đợi.cám ơn anh rất nhiều
Trả lờiXóaCho mình hỏi bạn dùng giao diện (them) nào đối vs trang blog của bạn vậy, mình rất muốn thiết kế một trang giống kiểu của bạn, giúp mình nhé! cảm ơn bạn!
Trả lờiXóaCho mình hỏi bạn dùng giao diện (them) nào đối vs trang blog của bạn vậy, mình rất muốn thiết kế một trang giống kiểu của bạn, giúp mình nhé! cảm ơn bạn!
Trả lờiXóacám ơn bạn rất nhiều. mình đã thành công. Nhưng để nguyên cái chân nhìn không đẹp mắt lắm
Trả lờiXóabỏ đi thì có lỗi với bạn quá. Xin lỗi bạn nhiều
Tuyệt vời, cảm ơn anh rất nhiều
Trả lờiXóaBank cho mình hỏi sao mình làm như bạn hướng dẫn đã ok rồi. Nhưng tự nhiên giờ nó lại không còn thu gọn nữa mặc dù ở cuối vẫn còn chứ xem tiếp. thanks!
Trả lờiXóaVấn đề là thế này bạn ạ! Do link của file JS (link dẫn tới host chứa mã điều khiển thu gọn bài viết) bị "chết" nên xảy ra hiện tượng đó. Mình đã tạo link JS mới.
XóaGiờ bạn vào "Chỉnh sửa HTML" và tìm đường link này:
http://caocongkien-blog.googlecode.com/svn/summary.rm.test.js rồi thay thế nó bằng link:
https://googledrive.com/host/0B1N4gZCYgPyESHJQQjdhYW1TLTA
là ổn thôi.
Chúc bạn thành công!
@Nguyễn Vũ Cường: cả 2 link đều die rồi, bạn cho mình xin link mới được không?
XóaNói chung thì các thủ thuật cũng như tiện ích khi áp dụng vào blog của mình nếu thấy có file js nằm trên host thì nên tải về máy rồi post trực tiếp vào blog dưới dạng
Trả lờiXóa<script type='text/javascript'>
//<![CDATA[
Noi dung File JS
//]]>
</script>
- Nó vừa ko phụ thuộc host của người khác
- Nếu up lên host của mình mà dẫn link thì cũng phần nào làm giảm tốc độ load của blog.