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óaEm tìm đoạn javar như bên dưới:
Trả lờiXó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.
Bạn đang dùng tiện ích autolike facebook. Bạn hãy gỡ nó ra nha bạn :)
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 :)
Trả lờiXóaBạn chỉ cần dán đoạn code bên dưới vào trước thẻ ]]></b:skin>
Trả lờiXó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
Từ 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