Sửa lỗi Auto Readmore khi xem Page trong Blogger

admin Mar 30, 2011 7

Blogger mới bổ sung tính năng viết Page, cho phép chúng ta viết các trang tĩnh và quan trọng trong blog như About, Contact Us, … Tính năng này khá giống với WordPress, và cũng là 1 cải tiến đáng kể của Blogger. Tuy vậy chúng lại không tương thích với Auto Readmore nổi tiếng mà cộng đồng Blogger hay dùng. Mọi người dùng Blogger chắc đều biết đến tiện ích Auto Readmore nổi tiếng . Ở bài viết này, tôi sẽ sửa lỗi Auto Readmore để hợp với tính năng viết Page
Trước hết, chúng ta đăng nhập blog và vào phần Chỉnh sửa HTML

Tích vào ô  Mở rộng Mẫu Tiện ích

Chèn đoạn này vào phần trước  ]]></b:skin>

.thumb{float:left;display:inline;margin:5px 10px 10px 0;width:120px}

Chèn Đoạn mã này  trong thẻ HEAD, ngay trước </head>

<script type=’text/javascript’>
//<![CDATA[
function stripTags(s, n) {
return s.replace(/<.*?>/ig, ”).split(/\s+/).slice(0, n – 1).join(‘ ‘)
}
function createSummaryAndThumb(id) {
var p = document.getElementById(id),
imgtag = ”,
img = p.getElementsByTagName(‘img’);
if (img.length >= 1) {
imgtag = ‘<img src=”‘ + img[0].src + ‘” />’;
}
p.innerHTML = imgtag + stripTags(p.innerHTML, 125) + ‘…’;
}
//]]>
</script>

Trong template, để kích hoạt auto readmore, bạn tìm đến phần:
<data:post.body/>

Sửa nó thành:

<b:if cond=’data:blog.pageType == “index”‘>
<span expr:id='”p” + data:post.id’><data:post.body/></span>
<script type=’text/javascript’>createSummary(“p<data:post.id/>”)</script>
<a expr:href=’data:post.url’ title=’Read more’ rel=”nofollow”>Read more &rarr;</a>
<b:else/>
<b:if cond=’data:blog.pageType == “archive”‘>
<span expr:id='”p” + data:post.id’><data:post.body/></span>
<script type=’text/javascript’>createSummary(“p<data:post.id/>”)</script>
<a expr:href=’data:post.url’ title=’Read more’ rel=”nofollow”>Read more &rarr;</a>
<b:else/>
<data:post.body/>
</b:if>
</b:if>

save lại ok

Chúc các bạn thành công

7 Comments »

  1. New jersey hotels Apr 17, 2011 at 2:52 pm - Reply

    Hello, I found my blog by simply blooper i was incisive Yahoo for personal opinion idea humble opinion just like this individuals stumbled winning your own blog, I must recommend your web is extremely impressive I only dearest our take a look, its fantastic!. I don’t have the right time that back for abundant peruse your current website however I need bookmarked it and also signed up for your RSS feeds. I will be back in each day or perhaps two. credit for that super site.

  2. klipsch heresy Apr 18, 2011 at 8:03 pm - Reply

    Hi! Do you know if they make any plugins to help with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains. If you know of any please share. Many thanks!

  3. I have been surfing online more than three hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. In my opinion, if all site owners and bloggers made good content as you did, the net will be much more useful than ever before.

  4. Fort worth locksmiths Apr 19, 2011 at 12:33 pm - Reply

    Wonderful goods from you, man. I have understand your stuff previous to and you are just extremely magnificent. I really like what you’ve acquired here, really like what you’re stating and the way in which you say it. You make it entertaining and you still take care of to keep it smart. I can not wait to read far more from you. This is really a wonderful web site.

  5. Jordan Degrasse Apr 19, 2011 at 1:18 pm - Reply

    Hi there this is kinda of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding experience so I wanted to get advice from someone with experience. Any help would be greatly appreciated!

  6. sizegenetics Apr 19, 2011 at 2:20 pm - Reply

    Keep ’em coming… you all do such a great job at such Concepts… can’t tell you how much I, for one appreciate all you do!

Đăng Bình Luận »