THU GỌN BÀI VIẾT TRÊN TRANG CHỦ BLOGSPOT - PHẦN 2
3/8/13
- Các đoạn mã được đặt không đúng vị trí, vì trong bảng HTML của template có nhiều thẻ giống nhau như: </head> và <head>; ]]></b:skin> và <b:skin>,... nên những bạn không hiểu về HTML rất hay nhầm lẫn.
- Các đoạn mã bị lỗi và thiếu trong quá trình thao tác copy, dán,...
- Mạng quá yếu hoặc thao tác quá lâu khiến hệ thống không thể lưu được các đoạn mã đã dán vào template.
***
Dưới đây, CCK chia sẻ với các bạn một thủ thuật thu gọn bài viết trên trang chủ blogspot nữa. Hi vọng các bạn sẽ áp dụng thành công!Cách thực hiện:
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ẻ </head> (xem cách tìm nhanh các thẻ TẠI ĐÂY).2. Chèn đoạn mã dưới đây vào trước (phía trên) </head>
<script type="text/javascript">
var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 120,
imgHeight: 90,
defaultThumb:'http://1.bp.blogspot.com/-A7K0Ugz3jKc/Uf0leijlp0I/AAAAAAAACsQ/w29f6zRMSbA/s1600/no-thumb.jpg',
words: 65,
wordsNoImg: 80,
skip: 0,
showHome: true,
showLabel: true
};
</script>
<script type="text/javascript">var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 120,
imgHeight: 90,
defaultThumb:'http://1.bp.blogspot.com/-A7K0Ugz3jKc/Uf0leijlp0I/AAAAAAAACsQ/w29f6zRMSbA/s1600/no-thumb.jpg',
words: 65,
wordsNoImg: 80,
skip: 0,
showHome: true,
showLabel: true
};
</script>
//<![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"'>
<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>
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:post.body/> tìm được!
Mẹo: Sau khi tìm được các đoạn <data:post.body/> nên đánh dấu vào đó và lần lượt thay thế tất cả.
Chú ý: Sau khi dán mã, tìm ở cuối đoạn mã vừa dán và xóa dòng nhắc nhở này: "Bài gốc: http:// ......................... Bài viết đã được đăng ký bản quyền. Bạn vui lòng ghi rõ nguồn để thể hiện nhân cách của bạn! Xin cảm ơn!"
6. Bấm "Lưu mẫu" và trở về trang chủ xem kết quả. Nếu thành công, các bài viết trên trang chủ sẽ hiển thị như ảnh dưới đây:
Ảnh chụp màn hình thử nghiệm thủ thuật của tác giả.
Chúc các bạn thành công!
Xem thêm: THU GỌN BÀI VIẾT TRÊN TRANG CHỦ - PHẦN 3
P/S:
Nếu áp dụng không thành công, bạn hãy sao lưu template lại (xem cách sao lưu TẠI ĐÂY) và gửi tới CCK qua 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)
38 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!
Bạn quả là chuyên gia! Rất phục bạn đấy. Cảm ơn bạn đã chia sẻ các thông tin hữu ích với mọi người. Chúc bạn luôn vui và khỏe, hạnh phúc và may mắn.
Trả lờiXóaCảm ơn bạn đã động viên!
XóaMình là gì đâu mà bạn gọi là chuyên gia? Chỉ là một chút kinh nghiệm chia sẻ với nhau thôi.
Cuối tuần vui nhé ban!
Bạn ơi, thủ thuật này có thể áp dụng để thiết kế bài trên trang chủ của các trang web nơi khác được không?
Trả lờiXóaThủ thuật này chỉ áp dụng cho blogspot và các web chạy trên nền tảng của blogspot thôi bạn à.
XóaCảm ơn bạn
XóaMay quá tìm mấy hôm nay mới có cách thành công. Thank tác giả :D
Trả lờiXóaCảm ơn bạn!
XóaThủ thuật này mình mất rất nhiều thì gian nghiên cứu thử, nghiệm. Vậy mà khi viết bài chia sẻ, lại có kẻ ăn cắp bài, Hắn thay hình ảnh (vì có dấu của mình) thay tên hắn vào nữa chứ. Đúng là một tên vô lại...
hu ra mừng quá :)))))) cuối cùng em đã làm được :D ,tks tks tks tks anh vạn lần luôn ,em ko biết nói j để cảm ơn anh đây ,blog của anh quá tuyệt vời :)))))))))))))))
Trả lờiXóaCảm ơn nhé! Chúc mừng bạn đã thành công!
XóaBạn thấy đó KIÊN TRÌ LÀ CHÌA KHÓA CỦA THÀNH CÔNG.
Được nhưng cần chèn thêm một đoạn code nữa. Mình nghĩ làm vậy không tốt cho blog vì không làm nổi bật tiêu đề bài viết.
Trả lờiXóaCho mình hỏi .. Mình đã thành công ( cảm ơn bạn nhiều ) nhưng ngay chổ cái hình . Nó để chữ Sorry, No Thumbmail available .. làm sao để chỉnh cái hình bạn .. Cái hình trên vd của bạn là : Xóa hả , thử coi đóa
Trả lờiXóaCái này có hai khả năng:
Xóa- Nếu bài viết không có hình thì nó sẽ hiển thị hình mặc định có chữ: "Sorry, No Thumbmail available".
- Nếu bài viết có hình mà không hiển thị là do bạn đã đăng hình lên bài viết không đúng quy trình.
Đúng luật là phải đăng hình theo hệ thống soạn bài của blogspot nằng cách: Nhấp vào biểu tượng hình ở trên thanh tác vụ soạn thảo bài viết và làm theo hướng dẫn của hệ thống). Rất có thể do bạn đã copy cả bài viết và hình ảnh rồi dán tất cả vào nên xảy ra lỗi đó.
Cách khắc phục:
- Bạn vào "Chỉnh sửa bài viết", nhấp chuột vào hình ảnh và bấm "Xóa". Sau đó đăng hình lên theo đúng quy trình. (Google làm vậy nhằm hạn chế việc copy bài viết đó bạn).
Chúc thành công!
Cảm ơn nhé bạn !
Trả lờiXóaCảm ơn bạn!
XóaNhưng mà bạn ơi, sao mình Ctrl+F Dán chữ vào thì k tìm được là sao ?
Trả lờiXóaBạn đọc kỹ bài viết chưa? Có link hướng dẫn cách tìm vị trí dán mã đó. Hoặc bạn có thể xem tại link này: http://caocongkien.blogspot.com/2013/08/cach-chinh-sua-template-blogspot.html
XóaChúc thành công!
Dear Bạn
Trả lờiXóaMình cũng đã làm theo cách của bạn hướng dẫn và cũng đã rút ngắn được bài viết tuy nhiên nội dung bài viết thì không thấy đâu nữa,chỉ có tiêu đề thôi.mình cũng đã cập nhật lại bài viết mà cũng không có.bạn có thể hướng dẫn thêm dùm mình không?
cám ơn bạn nhiều
Bạn xem lại các đoạn mã đã được dán đúng chỗ chưa? Và cho mình cả link blog của bạn để mình kiểm tra.
XóaMình đã thử lại và đã được rồi bạn à
Trả lờiXóacám ơn bạn nhiều nhé,cám ơn nhiều
xin chúc bạn thành công trong cuộc sống.
Cảm ơn bạn!
XóaTất cả các thủ thuật của mình trước khi viết ra đều đã được thử nghiệm cẩn thận. Vì bạn chưa quen với việc chỉnh sửa hoặc không đọc kỹ bài viết nên đã nhầm lẫn.
Chúc bạn luôn vui!
rất cám ơn anh, những bài viết của anh Cường rất hay ạ.
Trả lờiXóaCảm ơn bạn đã ghé thăm và động viên
XóaThanks anh rất nhiều :D
Trả lờiXóaCảm ơn bạn!
XóaAnh ơi, sao em làm hoài ko được, em cũng muốn cho gọn. Nhưng tạo ko được. Huhu
Trả lờiXóaTemplate blog của bạn là một template khó áp dụng. Bãn hãy sao lưu template lại và gửi qua email: caocongkien68@gmail . Mình sẽ làm rồi gửi lại cho bạn, bạn chỉ cần cài lại là ổn. Bạn có thể xem bằng chứng mình đã làm TẠI ĐÂY.
XóaNếu chưa biết cách sao lưu template, mời bạn tham khảo BÀI VIẾT NÀY
Anh ơi, em có gửi temp cho anh rồi. Anh giúp em với nhé ^^
Trả lờiXóaCảm ơn bạn! Tối về mình làm nhé giờ mình đang bận.
Xóaanh ơi, cho em hỏi chút. không biết vì sao link bài viết của em lại có thêm ký tự lạ ở đằng sau cái link ạ
Trả lờiXóađây là link bình thường
http://www.datbinhduonggiagoc.com/2013/07/ban-at-viet-sing-at-vsip-1-mat-tien-gia.html
còn đây là link bây giờ. từ hồi có cái này, trang của em tụt hạng nghiêm trọng, hjxhjx giúp em với
http://www.datbinhduonggiagoc.com/2013/07/ban-at-viet-sing-at-vsip-1-mat-tien-gia.html#.UlqtCNKZaSo
Có thể do bạn cài đặt đâu đó trong phần "Cài đặt tìm kiếm" ngoài ra cũng có thể web của bạn đã bị đối phương chơi xấu. Để mình nghiên cứu xem có cách nào không?
XóaHiện nay Google đã thay đổi thuật toán tìm kiếm, nên có rất nhiều trang web bị tụt hạng do áp dụng phương pháp SEO đã lỗi thời.
cả 2 cách mình làm cho 2 blog đều không được hịc, đành làm thủ công!
Trả lờiXóaChào bạn!
XóaGiờ có hai giải pháp cho bạn lựa chọn để giải quyết vấn đề:
1. Bạn sao lưu template lại và gửi tới: caocongkien68@gmail.com. Mình sẽ làm và gửi lại cho bạn, bạn chỉ cần cài lại là được. Nếu chưa quen cách sao lưu, bạn có thể tham khảo bài:
CÁCH SAO LƯU VÀ THAY THẾ TEMPLATE BLOGSPOT
2. Mình sẽ làm trực tiếp trên blog của bạn.
Để mình có thể cài đặt trực tiếp trên blog của bạn mà không cần dùng tài khoản và pass của bạn, bạn hãy làm theo các bước sau:
- Đăng nhập vào blog của bạn, bấm vào hình tam giác nhỏ - một trình đơn thả xuống, bấm tiếp vào "Cài đặt" - một giao diện hiện ra, bạn cuộn xuống phía dưới. Ở mục "Quyền - Tác giả blog" bạn bấm "+Thêm tác giả" - một khung nhỏ hiện ra, bạn điền email: caocongkien68@gmail.com vào. Sau đó bấm "Mời".
(Đó là bạn mời mình cộng tác với blog của ban) lúc này một email của hệ thống sẽ được tự động gửi tới mình. Mình sẽ chấp nhận lời mời của bạn và đăng nhập vào blog của bạn.
- Sau khi mình đã nhận lời mời, và lúc này mình chỉ là "Tác giả" chưa có quyền chỉnh sửa blog. Vì chỉ có "Quản trị viên" mới có quyền chỉnh sửa blog, còn "Tác giả" chỉ có quyền đăng bài.
Bạn lại vào mục "Quyền - Tác giả blog" - ở hàng tên mình (bên dưới tên bạn) bạn bấm vào chữ "Tác giả" và chuyển quyền của mình thành "Quản trị viên", vậy là mình có thể chỉnh sửa trực tiếp trên blog của bạn.
- Chỉnh sửa xong, bạn có thể xóa tên mình khỏi mục "Quyền - Tác giả blog" (mình cũng có thể tự xóa mình khỏi blog bạn). Hoặc bạn chuyển mình về "Tác giả" và để đó để khi cần chỉnh sửa bạn lại chuyển mình thành "Quản trị viên" để mình chỉnh sửa.
Anh ơi cho e hỏi Tạo cái các mục cố định trên trang chính blogspot thế nào nhỉ.
Trả lờiXóanghĩa có mục sẵn mình chỉ cần đăng bào vào đó ý. thanks!
Bạn xem bài này:
XóaCÁCH TẠO NHÃN (CHUYÊN MỤC) CHO CÁC BÀI VIẾT TRÊN BLOGSPOT
Chúc bạn thành công!
bài viết hay, mà lâu ngày vô lại sao hình của blog bạn lỗi hết vậy?
Trả lờiXóaCảm ơn anh nhiều lắm ^^
Trả lờiXóaẢnh toàn để dấu ! không có hình gì -.-
Trả lờiXóaCường giúp mình 1 chút. Sau khi áp dụng cả 3 cách trong 3 bài viết của bạn, mình đang gặp trường hợp sau:
Trả lờiXóaMình đã tạo được thumnail thu gọn nhỏ lại trên trang chủ.
Nhưng khi vào trang con để đọc 1 bài cụ thể thì các ảnh trên đó quá nhỏ - kích thước = kích thước mặc định size nhỏ nhất của blogspot khi up ảnh lên. Để phóng to ảnh, mình phải dùng tay thủ công chuyển từng ảnh sang chế độ lớn hoặc rất lớn hoặc kích thươc ban đầu.
Hậu quả, một số ảnh bị tràn khung. Để khắc phục tiếp, mình đã dán đoạn code mà chính bạn viết và chia sẻ: (đại ý) img : max - widthe: 500.... hoặc đoạn khác là width: ; hight: ....
Sau khi dán đoạn trên xong thì các trang con ngon lành (mình để chiều rộng 500, cao = auto) nhưng ra trang chủ thì các thumbnail cũng phóng to theo = kích thước trên.
Bây giờ mình muốn trang chủ giữ thumbnail như bạn hướng dẫn. Nhưng vào trang con thì ảnh phóng to lên = max là 500 (với điều kiện tự mặc định, thay vì phải chỉnh tay cho từng ảnh).
Vậy mình cần làm gì, mình có thể dán đọa code (img : max - widthe: 500.... hoặc đoạn khác là width: ; hight: ....) vào đâu khác không, thay vì dán vào trước /b:skin.
Hi vọng bạn hiểu ý mình
Thanks bạn