Buzz is me!

Sửa lỗi ảnh tràn ra ngoài khung bài viết

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"> </div>Giới thiệu: Đôi khi ảnh trên blog của bạn bị tràn ra cả ngoài, trông rất là xấu. Vì vậy để định ảnh không tràn ra ngoài khung bài viết ta cần quy định chiều ngang tối đa cho phép của ảnh, khi đó nếu ảnh quá to sẽ tự thu nhỏ lại theo kích thước quy định.  Điều chỉnh kích thước MIN và MAX của ảnh hiển thị: Với hình ảnh to hơn giá trị MAX thì sẽ tự động điều chỉnh về giá trị MAX. Nếu ảnh nhỏ hơn giá trị MIN thì sẽ tự điều chỉnh về kích thước MIN.  <a href="http://www.blogger.com/blogger.g?blogID=2273867814436170597" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển)  2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)  3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script  Bước 1: Tìm dòng .post img { hoặc img { hoặc .data-post img { ,... - Thêm sau nó đoạn code CSS sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">max-width:500px; /*Chiều rộng tối đa*/ min-width:200px; /*Chiều rộng tối thiểu*/ clear: both; } </pre> - Nếu không có thì tìm dòng ]]></b:skin>  - Thêm vào trước nó đoạn code CSS sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">.post img { max-width:500px; /*Chiều rộng tối đa*/ min-width:200px; /*Chiều rộng tối thiểu*/ clear:both; } </pre> Bước 2: Save template. (Lưu mẫu) <div style="text-align: justify;">Xem thêm tại đây: <a href="http://kenhdaihoc.com/forum/showthread.php?t=2069" style="text-align: -webkit-auto;">http://kenhdaihoc.com/forum/showthread.php?t=2069</a></div></div>

Sửa lỗi ảnh tràn ra ngoài khung bài viết

Giới thiệu: Đôi khi ảnh trên blog của bạn bị tràn ra cả ngoài, trông rất là xấu. Vì vậy để định ảnh không tràn ra ngoài khung bài viết ta c...

+ Đọc thêm »

Thêm tiện ích "Recent comments" cho Blogspot

Nguồn:Suu tam <img height="400" original="https://lh5.googleusercontent.com/-qEM4fgmpfY0/Tpaz5RqdmmI/AAAAAAAAEuY/ZVe1hA9dgWs/Blogspot.13.jpg" src="https://lh5.googleusercontent.com/-qEM4fgmpfY0/Tpaz5RqdmmI/AAAAAAAAEuY/ZVe1hA9dgWs/Blogspot.13.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana; font-size: 13px; line-height: 18px; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;" width="244" /> Giới thiệu: Hiện nay Blogger đã có chức năng này rồi, nhưng với code này ta sẽ chỉnh sữa được nhiều hơn cho ưng ý và phù hợp với blog. Đặc biệt là cập nhật thay đổi nhanh hơn so với tiện ích của Blogger.  <a href="http://www.blogger.com/post-edit.g?blogID=2273867814436170597&postID=3135386801379242147&from=pencil" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển)  2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)  3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script  Bước 1: Tìm dòng ]]></b:skin> - Chèn trên nó đoạn code CSS sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">/*Tùy chỉnh phần tên người Recent comments */ .recommment-author { font-size:12px; margin-top:8px; font-weight: bold; } .recommment-author a{ color:#0F0FAF; padding-left:0px; border-bottom:0px dashed #000; } .recommment-author a:hover{color:#;} /* Tùy chỉnh phần tóm tắt nội dung Recent comments */ .re-sumpost { font:13px Tahoma; margin-bottom:20px; border-left:0px solid #000; border-bottom:1px dashed #000; padding:2px; color:#; line-height: 15px; } .re-sumpost a{color:#3366ff;} .re-sumpost a:hover{color:#339966;} /* Tùy chỉnh phần ngày Recent comments */ .date-commment{ font-size:9px; color:#339966; padding:2px; border-left:0px solid #000; } </pre> Có thể tùy chỉnh thêm các class trong đoạn code trên như đường viền, màu nền,... Và chỉnh canh lề, màu chữ, kích cỡ, font,... cho phù hợp với blog bạn. Bước 2: Save template. (Lưu mẫu) Bước 3: Thêm widget Design (Thiết kế) > Page Elements (Chỉnh sữa trang) > Add a Gadget (Thêm tiện ích)  - Chọn thêm tiện ích HTML/Javascript và dán đoạn mã sau vào: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"> <script style="text/javascript"> function showrecentcomments(json) { var numcomments = 5; // Số comment hiển thị trong tiện ích var showcommentdate = true; // Không muốn hiển thị ngày comment thì thay True thành False var showposttitle = true; // Không muốn hiển thị tiêu đề bài viết thì thay True thành False var numchars = 100; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; }} alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); postlink = postlink[0]; var linktext = postlink.split("/"); linktext = linktext[5]; linktext = linktext.split(".html"); linktext = linktext[0]; var posttitle = linktext.replace(/-/g," "); posttitle = posttitle.link(postlink); var commentdate = entry.published.$t; var cdyear = commentdate.substring(0,4); var cdmonth = commentdate.substring(5,7); var cdday = commentdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var comment = entry.content.$t;} else if ("summary" in entry) { var comment = entry.summary.$t;} else var comment = ""; var re = /<\S[^>]*>/g; comment = comment.replace(re, ""); document.write(''); if (showcommentdate == true) document.write('<div class="recommment-author"><a href="' + alturl + '">' + entry.author[0].name.$t + '</a> said...</div>'); document.write('<div class="date-commment"> On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ', ' + cdyear + ' '); if (showposttitle == true) document.write(' on ' + posttitle); document.write('</div>'); if (comment.length < numchars) { document.write('<div class="re-sumpost">'); document.write(comment); document.write('</div>');} else { document.write('<div class="re-sumpost">'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '... <a href="' + alturl + '"> Đọc tiếp... </a>'); document.write('</div>');} document.write(''); } document.write(''); } </script> <script src="http://chiase-vanthuc.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script> </pre> - Thay địa chỉ http://chiase-vanthuc.blogspot.com thành địa chỉ web của bạn. Bước 4: Save. (Lưu) Xem thêm tại

Thêm tiện ích "Recent comments" cho Blogspot

Nguồn:Suu tam Giới thiệu: Hiện nay Blogger đã có chức năng này rồi, nhưng với code này ta sẽ chỉnh sữa được nhiều hơn cho ưng ý và phù hợp ...

+ Đọc thêm »

Tạo màu nền riêng biệt cho các comment

<div dir="ltr" style="text-align: left;" trbidi="on"><a class="rapidnofollow" data-rapid_p="2" data-track="photo-click" href="http://www.flickr.com/photos/56453718@N02/6479810047/in/photostream" id="yui_3_4_0_3_1323398092694_613" style="background-color: #fefefe; color: white; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 0px; text-decoration: none;"><img alt="Untitled" border="0" class="pc_img" height="399" id="yui_3_4_0_3_1323398092694_612" src="http://farm8.staticflickr.com/7008/6479810047_879c143bc2_z.jpg" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px;" width="515" /></a> Giới thiệu: Thủ thuật sẽ tạo ra các màu nền riêng xen kẽ nhau cho các comment, và sẽ lặp lại một cách tuần tự. Ví dụ như: Comment đầu tiên màu hồng, comment tiếp theo màu xanh, comment kế đến nữa lại màu hồng,… và cứ lặp tuần tự như vậy.  <a href="http://www.blogger.com/blogger.g?blogID=2273867814436170597" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script Bước 1: Tìm thẻ <head> - Thêm vào dưới nó đoạn code sau: <blockquote class="tr_bq"><pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"><script src='http://kenhdaihoc.com/blogger/jquery.min1.4.3.js' type='text/javascript'/></pre></blockquote>  Bước 2: Tìm dòng ]]></b:skin> - Thêm vào trước nó đoạn Code CSS sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">/*Màu nền comment (1)*/ .comment-body.style1 { background:#339966; } .comment-body.style2 { background:#3366ff; } </pre><blockquote style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://caytamgui.blogspot.com/2011/01/tao-mau-nen-rieng-biet-cho-cac-comment.html); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-left-color: rgb(190, 190, 190); border-left-style: solid; border-left-width: 4px; font-size: 13px; font: normal normal normal 13px/normal Tahoma; line-height: 17px; margin-bottom: 0px; margin-left: 12px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 8px; padding-right: 0px; padding-top: 2px; text-align: justify;">#339966: Mã màu xanh lá. #3366ff: Mã màu xanh dương.</blockquote> Bạn có thể đổi mã màu lại cho thích hợp với blog. Bước 3: Tìm thẻ đóng </head> - Thêm vào trên nó đoạn Javascript sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"> <script type='text/javascript'> $(document).ready(function(){ $(".comment-body:nth-child(2n+0)").addClass("style1"); $(".comment-body:nth-child(2n+1)").addClass("style2"); }); </script> </pre> Bước 4: Save template. (Lưu mẫu) Hướng dẫn mở rộng Như các bạn đã thấy, ở trên là hướng dẫn cho các bạn cách hiển thị tuần tự theo 2 màu nền, giờ sẽ hướng dẫn thêm vào thành 3, 4 màu tuần tự, tùy theo ý thích của bạn. Thay đổi code ở bước 2 và 3 như sau: - Ở Bước 2 thay vì code CSS chỉ có 2 dòng, thì ở đây ta tùy biến thêm nhiều dòng nữa để ứng với nhiều màu cho việc hiển thị nền comment. <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">/*Màu nền comment (1)*/ .comment-body.style1 { background:#3366ff; } .comment-body.style2 { background:#339966; } .comment-body.style3 { background:#343434; } .comment-body.style4 { background:#ccc; } </pre> - Ở Bước 3 thay vì Code javascript chỉ có 2 dòng 2n+0, 2n+1 // đây là code xác định các comment để hiển thị màu nền.  - Nếu bạn muốn lặp nó với 4 màu thì ta thay số 2 thành số 4, và thêm 2 dòng nữa, ta được: 4n+0, 4n+1, 4n+2, 4n+3. <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"> <script type='text/javascript'> $(document).ready(function(){ $(".comment-body:nth-child(4n+0)").addClass("style1"); $(".comment-body:nth-child(4n+1)").addClass("style2"); $(".comment-body:nth-child(4n+2)").addClass("style1"); $(".comment-body:nth-child(4n+3)").addClass("style2"); }); </script> </pre> - Mở rộng ra, bạn có thể thêm các thuộc tính khác vào các class (ở bước 2), để tạo nên sự khác biệt rõ ràng, như : màu chữ, font chữ, đường viền, căn lề,… Save template. (Lưu mẫu) <div> </div><div style="text-align: justify;">Xem thêm tại đây: </div></div>

Tạo màu nền riêng biệt cho các comment

Giới thiệu: Thủ thuật sẽ tạo ra các màu nền riêng xen kẽ nhau cho các comment, và sẽ lặp lại một cách tuần tự. Ví dụ như: Comment đầu tiên ...

+ Đọc thêm »

Loại bỏ Read more ở trang tĩnh (static page)

Nguồn: Sưu tầm Giới thiệu: Đối với Blogger thì thủ thuật tóm tắt bài viết tự động với nút Read More và ảnh đại diện là một phần quan trọng tạo nên diện mạo đẹp cho Blog của bạn.  Tuy nhiên kể từ khi Blogger phát hành đặc tính tạo trang tĩnh: New Post (Bài đăng mới) > Edit Page (Chỉnh sữa trang) > New Page (Tạo trang mới)  Thì thủ thuật Read More gặp vấn đề đối với các trang tĩnh. Thông thường các trang tĩnh dùng để tạo các trang About, Contact,… Khi bạn mở trang tĩnh thì nó hiển thị Read More, khi click chuột vào liên kết Read More vẫn không hiển thị toàn bộ nội dung bài viết. Để giải quyết vấn đề này thì cần phải loại bỏ chức năng Read More có ảnh đại diện ra khỏi các trang tĩnh.  <a href="http://www.blogger.com/post-edit.g?blogID=2273867814436170597&postID=5336748280077438565&from=pencil" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script  Bước 1: Tìm đoạn code có dạng sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"><div class='post-body'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <a expr:href='data:post.url'> Đọc tiếp... "<data:post.title/>"</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <div style='clear: both;'/>  </div> </pre> Không phải template nào cũng có đoạn code như trên, chỉ tìm tương tự thôi. Chủ yếu là có 3 dòng tô đỏ. Bước 2: Tìm trong khối code đó dòng <div class='post-body'> - Thêm vào sau nó đoạn code: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> </pre> - Nếu không tìm thấy, thì tìm dòng:  <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"><b:if cond='data:blog.pageType != &quot;item&quot;'> </pre> - Và thêm vào trước nó đoạn code trên. Bước 3: Tìm dòng <div style='clear: both;'/> - Thêm trước nó thẻ đóng </b:if> - Nếu không thấy dòng này thì tìm dòng: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> </pre> - Và thêm vào trước (hay sau nó cũng được) thẻ đóng </b:if> Bước 4: Save template. (Lưu mẫu) <div style="text-align: justify;">Xem thêm tại  http://kenhdaihoc.com/forum/showthread.php?t=2066</div>

Loại bỏ Read more ở trang tĩnh (static page)

Nguồn: Sưu tầm Giới thiệu: Đối với Blogger thì thủ thuật tóm tắt bài viết tự động với nút Read More và ảnh đại diện là một phần quan trọn...

+ Đọc thêm »

Chỉ cho phép hiển thị tiêu đề bài viết ở trang Archive (Lưu trữ) và Label (Nhãn)

Nguồn: Sưu tầm <img original="https://lh5.googleusercontent.com/-xkuMf7XS03w/Tpaz4OYCJGI/AAAAAAAAEt8/kloaftxSFZ4/Blogspot.10.jpg" src="https://lh5.googleusercontent.com/-xkuMf7XS03w/Tpaz4OYCJGI/AAAAAAAAEt8/kloaftxSFZ4/Blogspot.10.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana; font-size: 13px; line-height: 18px; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;" /> Giới thiệu: Thông thường khi bạn truy cập vào các label (nhãn) hay các mục lưu trữ của blog (archive) thì các bài viết sẽ hiển thị đầy đủ, tiêu đề lẫn nội dung, nếu vì một lý do nào đó, các bài viết quá nặng, nó sẽ làm chậm tốc độ load của các trang Label và Archive này. Vì thế một giải pháp làm tăng tốc độ load đó chính là chỉ cho phép các bài viết hiển thị tiêu đề.  <a href="" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script  Bước 1: Tìm dòng code <b:include data='post' name='post'/> - Thay thế nó bằng đoạn code sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;"> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if> </pre> <blockquote style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://caytamgui.blogspot.com/2011/01/chi-hien-thi-tieu-e-bai-viet-o-trang.html); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-left-color: rgb(190, 190, 190); border-left-style: solid; border-left-width: 4px; font-size: 13px; font: normal normal normal 13px/normal Tahoma; line-height: 17px; margin-bottom: 0px; margin-left: 12px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 8px; padding-right: 0px; padding-top: 2px; text-align: justify;">!= data:blog.url': Không áp dụng thủ thuật này trên trang chủ. != "item"': Không áp dụng thủ thuật này trong trang bài viết.</blockquote> Bước 2: Save template. (Lưu mẫu) Xem thêm tại đây: <a href="http://kenhdaihoc.com/forum/showthread.php?t=2065">http://kenhdaihoc.com/forum/showthread.php?t=2065</a>

Chỉ cho phép hiển thị tiêu đề bài viết ở trang Archive (Lưu trữ) và Label (Nhãn)

Nguồn: Sưu tầm Giới thiệu: Thông thường khi bạn truy cập vào các label (nhãn) hay các mục lưu trữ của blog (archive) thì các bài viết sẽ hi...

+ Đọc thêm »

Bỏ đường viền ảnh khi chèn hình vào blog

Nguồn: <a href="http://caytamgui.blogspot.com/" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;">Sưu tầm </a> <img original="https://lh3.googleusercontent.com/-smT1bYeLAQY/Tpaz4OmEBHI/AAAAAAAAEt4/meLepU2xk2E/Blogspot.9.jpg" src="https://lh3.googleusercontent.com/-smT1bYeLAQY/Tpaz4OmEBHI/AAAAAAAAEt4/meLepU2xk2E/Blogspot.9.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Verdana; font-size: 13px; line-height: 18px; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;" /> Giới thiệu: Nếu bạn đăng hình lên blog và thấy có đường viền bao quanh ảnh. Điều này khiến bạn không hài lòng, nhất là với những ảnh trong suốt, xuất hiện đường viền thật không đẹp tí nào, và lúc này bạn muốn bỏ nó đi. Thủ thuật đơn giản sau sẽ giúp bạn loại bỏ đường viền đáng ghét ấy.  <a href="http://www.blogger.com/post-edit.g?blogID=2273867814436170597&postID=3408749886212092980" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;"></a> CÁCH THỰC HIỆN  1. Đăng nhập <a href="http://www.blogger.com/home" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển) 2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 4. Chèn script  Bước 1: Tìm dòng .post img { - Đoạn code có dạng như sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">.post img { max-width: 480px; min-width: 10px; clear: both; padding: 0px; border:1px solid #343434; /*Viền ảnh*/ } </pre> - Cũng có template code có dạng khác, nếu không tìm thấy thì: - Tìm dòng img { - Đoạn code có dạng như sau: <pre style="background-attachment: initial; background-clip: initial; background-color: #ffffe5; background-image: url(https://lh5.googleusercontent.com/-9SAr_GVf1H8/To_duTckieI/AAAAAAAACuc/QHl9-OANn70/bo_code.png); background-origin: initial; background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(160, 196, 234); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(160, 196, 234); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(160, 196, 234); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 196, 234); border-top-style: solid; border-top-width: 1px; color: #343434; font-family: Tahoma; font-size: 12px; line-height: 17px; max-height: 300px; overflow-x: auto; overflow-y: auto; padding-bottom: 1px; padding-left: 1px; padding-right: 4px; padding-top: 34px; text-align: justify; word-wrap: break-word;">img { border:0px; padding:0px; max-width: 570px; /*not working in IE6*/ min-width: 1px; border:1px solid #343434; /*Viền ảnh*/ } </pre> border: Là code tạo viền bao quanh ảnh. Bỏ nguyên dòng <strike style="font-family: Verdana; font-size: 13px; line-height: 18px; text-align: justify;">border</strike> đi thì không còn viền ảnh nữa. Bước 2: Save template. (Lưu mẫu) <div style="text-align: justify;">Xem thêm tại đây :<a href="http://kenhdaihoc.com/forum/showthread.php?t=2064" style="text-align: -webkit-auto;">http://kenhdaihoc.com/forum/showthread.php?t=2064</a></div>

Bỏ đường viền ảnh khi chèn hình vào blog

Nguồn: Sưu tầm Giới thiệu: Nếu bạn đăng hình lên blog và thấy có đường viền bao quanh ảnh. Điều này khiến bạn không hài lòng, nhất là vớ...

+ Đọc thêm »