Theo yêu cầu của bạn Khải mình xẽ upload cho các bạn cách xóa bỏ dòng chữ Read more vè đọc thêm bài viết cho Blog. nó giúp cho Blog của bạn thực sự giống một webblog hơn trong mắt mọi người. Cách này đặc biệt hiệu quả với các mẫu template free các bạn download trên mạng về, các mẫu này không thể bỏ bằng cách bình thường được:
Các bạn có thể xem hình Demo trước và sau khi chỉnh sửa
Các bước thực hiện các bạn làm như sau:
1- Vào thiết kế (Design)
2- Chỉnh sửa HTML (Edit HTML)
3- Mở rộng tiện ích mẫu
Sau đó các bạn tìm đến đoạn Code có dạng tương tự như sau:<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <div class='readmore-wrap'> <a class='readmore' expr:href='data:post.url'>read more »</a> </div> </b:if> </b:if>
Bạn thêm ký tự <!-- và --> vào 2 đầu của phần chữ màu xanh bên trên, khi đó các bạn được như sau
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <div class='readmore-wrap'> <!-- <a class='readmore' expr:href='data:post.url'>read more »</a> --> </div> </b:if> </b:if>Tiếp theo các bạn tìm đến đoạn code sau
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> </div> </b:if>làm tương tự như với code trên
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <!-- <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> --> </div> </b:if>Lưu Template lại và xem thành quả!
Nhận xét
Mình không thể nào tìm thấy dong code như bạn nói (cả các bài trước cũng vậy)... :((
Trả lờiXóa@ svc.club: Blog bạn chỉ có đoạn code sau trong phần mở rộng tiện ích:
Trả lờiXóa<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Bạn thêm <!-- và --> vào 2 đầu hoặc xóa bỏ code sau đi
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
Chúc thành công :P
:)
Trả lờiXóaĐược roài! Thanks nha
@ svc.club: không có gì chúc mừng bạn :)
Trả lờiXóaOk con dê luôn blog mình cũng chỉ có code
Trả lờiXóa<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Lúc đầu làm không được sau nhìn cái Comment bên dưới thì đã ok rồi :1)
@Nguyễn Doãn Đức Mấy hôm nay sắp báo cáo nên bận bù đầu luôn không có cả thời gian vô blog nữa :3) :3) :3)
Trả lờiXóanghĩa là cứ chỗ nào "More" là bỏ đi ạ ?
Trả lờiXóa@Thao Trinh Không hẳn thế đấu bạn. Các mẫu blogsimple của blogspot thì chỉ có đoạn cde sau:
Trả lờiXóa<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
- Còn các mẫu blog trên mạng sẽ có đoạn code tương tự như đoạn 1.
Hữu ích thật! Đúng thứ mình đang cần!
Trả lờiXóaTiện đây mình muốn hỏi thêm: Mình có down 1 tem free trên mạng về, mọi thứ đều đã ổn, có điều phần thanh bên phải ( Nơi chứa các Widget) Cứ xuất hiện, mình ko thể ẩn các widget đó đc, hình ảnh nào mà to quá khung bài post đều bị phần thanh ben phải che đi hết. Làm sao để giải quyết vấn đề này đây, mong cậu giúp :I)
Tiện đây bác cho em hỏi, em muốn xóa luôn cả đoạn trích chỉ để hiển thị tiêu đề và hình ảnh trên trang chủ thôi thì làm thế nào vậy bác. Thanks bác nhiều, mong giúp đỡ. Xem demo gamehay.in
Trả lờiXóa@n4e_e4n Bạn đọc bài viết anyf nha: http://namkna.blogspot.com/2011/02/sua-loi-anh-tran-ra-ngoai-khung-bai.html
Trả lờiXóa@Game Hay Bạn vào thiết kế - Chỉnh sửa HTML tìm đoạn code như sau:
Trả lờiXóa<script type='text/javascript'>
summary_noimg = 300;
summary_img = 180;
img_thumb_height = 130;
img_thumb_width = 250;
</script>
Trong đó:
- summary_noimg là số ký tự phần miêu tả cho các bài không có hình đại diện.
- summary_img là số ký tự phần miêu tả cho các bài có hình đại diện.
- img_thumb_height chiều cao của hình đại diện (pixel).
- img_thumb_width chiều rộng của hình đại diện (pixel).
- Nếu muốn xóa bỏ đoạn trích thì bạn để summary_noimg và summary_img bằng 0 tức là sửa cả đoạn trên thành:
<script type='text/javascript'>
summary_noimg = 0;
summary_img = 0;
img_thumb_height = 130;
img_thumb_width = 250;
</script>
- Lưu Template lại và kiểm tra kết quả nha.
À .anh ơi em mới tăng summary_image lên 5000 nhằm mục đích là cho bài đăng có dạng website chứ ko phải dạng blog nhưng văn bản nó không có các dòng thì mình sửa thế nào được ạ ?
XóaVí dụ :
Xin chào các bạn.
Tôi là abc.
Chào mừng đến với bla bla .. của abc....
Nhưng trên trang chủ nó lại hiển thị là "Xin chào các bạn .Tôi là abc.Chào mừng đến với ..."
Hiện tại mẫu khamphablog của bạn đang sử dụng tiện ích recent post ở ngoài trang chủ lượng chữ hiển thị đều do bạn quyết định và dạng đó không có xuống dòng nha bạn.
XóaTrong bài viết vẫn xuống dòng bình thường.
Thanks bác. Em đã xóa được nhưng nó lại bị vẫn còn sót các dấu "..." thế này, đặc biệt là 2 bài cuối trang thì còn cả chữ "chơi" nữa(xem hình minh họa), :(( . Bác hướng dẫn em chỉnh sửa kích thước hiển thị của các bài đăng trên trang chủ với chứ để khoảng trắng nhiều như thế thì không ổn. Hihi. Thanks bác nhiều.
Trả lờiXóahttp://3.bp.blogspot.com/-YIqOJhIpAtQ/UBC5NukW01I/AAAAAAAAABs/oARhd5HXY44/s1600/New%2BPicture%2B%25282%2529.bmp
@Game Hay Bở bớt khoảng trắng thì bạn chỉnh lại chiều cao của các ô đó bằng cách chỉnh đoạn code sau:
Trả lờiXóa.post {
float: left;
background: #FFF;
width: 260px;
height: 445px;
padding: 15px 15px 15px 15px;
margin-right: 25px;
margin-bottom: 25px;
line-height:1.6em;
color:#454545;
overflow: hidden;
}
Chỉnh lại phần in đậm height: 445px; cho phù hợp nha.
- Bở phần "..." thì bạn chỉnh tiếp đoạn code bên dưới:
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Bỏ phần 3 chấm in đậm đi nha.
Thanks bác nhoé, em sửa được rồi. :D
Trả lờiXóa@Game Hay Không có gì chúc mừng bạn :3) :3) :3)
Trả lờiXóaBạn ơi như trang http://hotsunhot.blogspot.com/ của mình, có 2 cái widget mình thêm vào thì đều có chữ readmore, mình muốn xóa nó đi hoặc biến nó thành đọc thêm thì làm thế nào bạn nhỉ ?
Trả lờiXóaEm tìm đoạn javar như bên dưới:
Xóa<script src="https://googledrive.com/host/0B_Wmjw6oIl_STUJpTndxNFJJV1U" type="text/javascript"></script>
Sau đó tải file js https://googledrive.com/host/0B_Wmjw6oIl_STUJpTndxNFJJV1U và mở nó ra bằng notepad rồi tìm và xóa đoạn code như bên dưới đi.
<br/><br/><a style="float:right;" href="'+posturl+'">Read more...</a>
Sau khi xóa nó đi rồi em file đó lại và tải lên GOOGLE DRIVE để lấy link thay vào link gốc là được nha em.
Cảm ơn bạn nhiều nhé, mình làm được rồi. Mà bạn ơi mấy ngày nay sao trang của mình khi mở với chrome thì không mở được các liên kết nào, cứ di chuật vào các liên kết thì lại hiển lên chữ thích. Không biết đó là hiện tượng gì ? Mà khi mình mở với firefox thì vẫn bình thường !
Trả lờiXóaNam Ta ơi giờ nó còn hiện lên cái ô bắt đăng ký facebook gì đó. Sao nó lại như vậy, có cách nào xóa bỏ nó đi không ? Vừa ko mở được link trên chrome vừa hiện popup mỗi lần bật trang lên khi click vào !
Trả lờiXóaBạn đang dùng tiện ích autolike facebook. Bạn hãy gỡ nó ra nha bạn :)
XóaBạn ơi bạn hướng dẫn cụ thể cho mình được không, mình không biết nó nằm ở đâu. Mình chưa từng biết đến cái này !
Trả lờiXóaMình dùng phần mềm clickjacking thì phát hiện ra có nút facebook đi kèm. Mà mình không cài cái này, bạn ơi gỡ nó thế nào đây !
Trả lờiXóaNamkna ơi, mình không tìm thấy chỗ nào cả ! Gỡ nó như thế nào đây !
Trả lờiXóaBạn à, mình vừa mày mò xóa được rồi. Thực sự mình cũng dốt công nghệ lắm chỉ là mình cũng hay tấy mấy rồi làm theo hướng dẫn của mấy bạn trên mạng thôi. Mình thấy trang của Namkna rất hữu ích. Cảm ơn bạn nhiều nha vì đã hướng dẫn cho mình tận tình !
Trả lờiXóaKhông có gì đâu bạn ak. Rất xin lỗi vì mấy hôm nay bận quá không trả lời comment của các bạn được :)
XóaBạn ơi có cách nào đề cố định chiều cao cho 1 widget không. Giả dụ như ngay cả khi trình duyệt đó không có flash thì widget flash đó cũng không bị thu nhỏ lại mà giữ nguyên kích thước ban đầu của nó chẳng hạn.
Trả lờiXóaBạn chỉ cần dán đoạn code bên dưới vào trước thẻ ]]></b:skin>
XóaID-WIDGET {height:200px !important}
Thay ID-WIDGET thành id widget bạn muốn cố định chiều cao. Ví dụ
#HTML1 {height:200px !important}
Bạn có thể xác định ID như bài này: Hiển thị Widget ở những trang nhất định trong Blogspot
Cảm ơn Namkna nhiều, mình đã làm được rồi !
Trả lờiXóaTừ khi chuyển sang Blogspot thì mình xem blog chỗ bác Nam là thư viện duy nhất của mình .Google cứ thêm namkna vào sau để đọc các bài hướng dẫn của bác :) Cảm ơn bác vì những bài chia sẻ :)
Trả lờiXóaAnh ơi tại sao bài đăng ở trang chủ không thể thêm dấu xuống dòng được vậy ạ ?
Trả lờiXóaVí dụ như trên ảnh của anh trong đầu bài này thì làm sao để nó hiển thị là :
Chăm sóc vườn dừa trưởng thành.
Gồm các bước sau:
-Bón phân
-Cày xới...
Chứ không phải là tất cả các ký tự đều nằm trên một hàng ấy ạ ??
bạn vào phần tùy chọn bài đăng chọn phương thức xuống dòng là Enter thay vì dùng thẻ </br> mặc định nha.
Xóa