Buzz is me!

Tạo phân trang Paper script 2.0

Tạo phân trang Paper script 2.0

Giới thiệu: Mỗi kiểu phân trang đều có ưu điểm và vẻ đẹp riêng của nó. Mỗi blogger đều có sở thích riêng và tất nhiên sẽ lựa chọn kiểu phâ...

+ Đọc thêm »

Tạo phân trang Paper script 2.0

Tạo phân trang Paper script 2.0

Giới thiệu: Mỗi kiểu phân trang đều có ưu điểm và vẻ đẹp riêng của nó. Mỗi blogger đều có sở thích riêng và tất nhiên sẽ lựa chọn kiểu phâ...

+ Đọc thêm »

Tạo Read More (Đọc tiếp) một cách tự động V4

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div style="background-color: white; color: #222222; font: normal normal normal 13px/normal Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;"><br /><img original="https://lh4.googleusercontent.com/-QB6MNpNXalo/Tpaz2HT1mTI/AAAAAAAAEtA/d3P02wtuLsg/Blogspot.2.jpg" src="https://lh4.googleusercontent.com/-QB6MNpNXalo/Tpaz2HT1mTI/AAAAAAAAEtA/d3P02wtuLsg/Blogspot.2.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; cursor: default; font-family: Verdana; line-height: 18px; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;" /><br /><br /><b style="color: black; font-family: Verdana; line-height: 18px; text-align: justify;">Giới thiệu: Với thủ thuật này bài viết sẽ không hiện đầy đủ nguyên bài ở các trang nhãn, trang chính trang lưu trữ,… (nghĩa là chỉ hiển thị một phần) và khi muốn xem đầy đủ ta phải lick vào nút “Đọc tiếp” để xem.<br /><br />Tuy đã tự động Readmore cho blog nhưng blog vẫn sẽ tải toàn bộ nội dung của các bài viết. Để giảm thời gian tải của blog, bạn nên kết hợp thêm chức năng “Read more” có sẵn của Blogspot. Thực hiện việc này cũng có nghĩa là sẽ ngăn chặn được việc hay mất bài viết trên blog. <a href="http://www.blogger.com/post-edit.g?blogID=2273867814436170597&postID=7567096496605535820&from=pencil" name="more" style="border-bottom-color: rgb(90, 107, 30); border-bottom-style: dotted; border-bottom-width: 0px; color: #5a6b1e; text-decoration: none;"></a><br /><br /><br /><span style="color: #339966; font-size: 10pt;">CÁCH THỰC HIỆN </span><br /><br />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; text-decoration: none;">Blogger</a> Dashboard (Bảng điều khiển)<br />2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)<br />3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)<br /><br />4. Chèn script<br /><br />Bước 1: Tìm dòng <span style="color: #3366ff; font-size: 10pt;"><data:post.body/></span><br /><br />- Thay thế nó bằng đoạn code sau:<br /></b><br /><div>- Thay thế nó bằng đoạn code sau:</div><div><br /></div><blockquote class="tr_bq"><br /><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /><div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'><br /> ĐỌC TIẾP »<br /></a></div><br /></b:if><br /><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></blockquote><div><br /></div><div>Thay chữ ĐỌC TIẾP » thành chữ khác nếu bạn muốn. Hoặc nếu muốn dùng hình ảnh thì bạn thay chữ ĐỌC TIẾP » trên bằng dòng code sau:</div><div><br /></div><blockquote class="tr_bq"><img src="Link_ảnh"/></blockquote><div><br /></div><div><br /></div><div>Bước 2: Tìm thẻ đóng </head></div><div><br /></div><div>- Thêm vào trước nó đoạn code sau:</div><div><br /></div><blockquote class="tr_bq"><br /><style type='text/css'><br />.thumbnailimg IMG {<br />   max-width:186px;<br />   width: expression(this.width &gt; 186 ? 186: true);<br />   max-height:120px;<br />   height: expression(this.height &gt; 120 ? 120: true);<br />}<br />.thumbnailimg {<br />nofloat: left;<br />padding:0px 10px 5px 0px;<br />}<br /></style><br /><script type='text/javascript'><br />var thumbnail_mode = &quot;no-float&quot; ;<br />var classicMode = true; // Dùng kiểu mới chọn flase, true là kiểu cũ<br />var summary_noimg = 60; // Số từ tối đa khi bài viết không có ảnh nào <br />var summary_img = 60; // Số từ tối đa khi bài viết có ảnh<br />var indent = 3; // Số kí tự thụt vô đầu dòng<br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br />function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/s+/).slice(0,max-1).join(' ')}<br />function getSummaryLikeWP(id) {<br />        return document.getElementById(id).innerHTML.split(//)[0];<br />}<br />function getSummaryImproved(post,max){<br />   var re = /<.*?>/gi<br />   var re2 = /<br.*?>/gi<br />   var re3 = /(</{1}p>)|(</{1}div>)/gi<br />   var re4 = /(<style.*?/{1}style>)|(<script.*?/{1}script>)|(<table.*?/{1}table>)|(<form.*?/{1}form>)|(<code.*?/{1}code>)|(<pre.*?/{1}pre>)/gi<br />   post = post.replace(re4,'')<br />   post = post.replace(re3,'<br /> ').split(re2)<br />   for(var i=0; i<post.length; i++){<br />    post[i] = post[i].replace(re,'');<br />   }<br />var post2 = new Array();<br />for(var i in post) {<br />  //if(post[i]!='' && post[i]!=' ' && post[i] != 'n') post2.push(post[i]);<br />  if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;<br />}<br />var s = "";<br />var indentBlank = "";<br />for(var i=0;i<indent;i++){<br />  indentBlank += " ";<br />}<br />if(post2.join('<br/>').split(' ').length < max-1 ){<br />   s = post2.join(indentBlank +' <br/>');<br />} else {<br />  var i = 0;<br />  while(s.split(' ').length < max){<br />   s += indentBlank + ' ' + post2[i]+'<br/>';<br />   i++;<br />  }<br />}<br />return s;<br />}<br />function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var content = div.innerHTML;<br />if (//.test(content)) {<br />  div.innerHTML = getSummaryLikeWP(pID);<br />  div.style.display = "block";<br />}<br />else {<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br />var summ = summary_noimg;<br />if(img.length>=1) {<br />  if(thumbnail_mode == "float") {<br />   imgtag = '<span class="thumbnailimg"><img src="'+img[0].src+'" /></span>';<br />   summ = summary_img;<br />  } else {<br />   imgtag = '<div class="thumbnailimg" align="left"><img src="'+img[0].src+'" /></div>';<br />   summ = summary_img;<br />  }<br />}<br />var summary = (classicMode) ? imgtag + '<div>' + stripHtmlTags(content,summ) + ' ... </div>' : imgtag + '<div>' + getSummaryImproved(content,summ) + '</div>';<br />div.innerHTML = summary;<br />div.style.display = "block";<br />}<br />}<br />//]]><br /></script></blockquote><div><br /></div><div>Trong đoạn code trên sẽ có những chỗ bạn cần thay đổi như sau: </div><div><br /></div><div>- 186 và 120 lần lượt là chiều rộng và chiều cao của ảnh thumbnail. Nếu thay, bạn nhớ thay cho đúng, mỗi cái xuất hiện tới 3 lần. Dùng max- phía trước là để giữ nguyên tỷ lệ ảnh khi thumbnail. Nếu muốn đồng nhất như nhau thì bạn bỏ chữ max- phía trước đi. </div><div><br /></div><div>- no-float là chế độ hiển thị ảnh theo kiểu Gallery (ảnh nằm trên, chữ nằm phía dưới). </div><div><br /></div><div>Bạn có thể đổi no-float thành float để cho ảnh của bạn hiện dồn về trái (hoặc phải), và chữ nằm ở phần ngược lại. </div><div><br /></div><div><br /></div><div>Bước 3: Save template. (Lưu mẫu)</div><div><br /></div><div><br /><span style="color: #3366ff; font-family: Verdana; line-height: 18px; text-align: justify;"><span class="textmarker textmarker_0" id="textmarker_0" style="background-color: yellow; color: black; font: inherit;">Một số mẫu button Readm</span>ore</span><br /><br /><div style="border-bottom-color: rgb(79, 79, 79); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(79, 79, 79); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(79, 79, 79); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(79, 79, 79); border-top-style: solid; border-top-width: 1px; color: black; font-family: Verdana; line-height: 18px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: justify;"><img original="https://lh6.googleusercontent.com/-fvLo2zBy3Wk/TmC1JBm98hI/AAAAAAAACBo/1hs2wLKaKZQ/Readmore_04.jpg" src="https://lh6.googleusercontent.com/-fvLo2zBy3Wk/TmC1JBm98hI/AAAAAAAACBo/1hs2wLKaKZQ/Readmore_04.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br /><img original="https://lh3.googleusercontent.com/-ImrnqCGEzhY/TmC1Iy9PFGI/AAAAAAAACBg/PdWtbTKsXGk/Readmore_01.jpg" src="https://lh3.googleusercontent.com/-ImrnqCGEzhY/TmC1Iy9PFGI/AAAAAAAACBg/PdWtbTKsXGk/Readmore_01.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-zxXynM7_2GU/TmC1IyaLEsI/AAAAAAAACBc/LnwZUVWiQPg/Readmore_02.jpg" src="https://lh3.googleusercontent.com/-zxXynM7_2GU/TmC1IyaLEsI/AAAAAAAACBc/LnwZUVWiQPg/Readmore_02.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh4.googleusercontent.com/-9smw3LHDIfk/TmC1JARP5-I/AAAAAAAACBk/ZX3s-NN8Njg/Readmore_03.jpg" src="https://lh4.googleusercontent.com/-9smw3LHDIfk/TmC1JARP5-I/AAAAAAAACBk/ZX3s-NN8Njg/Readmore_03.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh6.googleusercontent.com/-Ig9spfdOQXE/TmC1JWuYlMI/AAAAAAAACBw/eqSqpn5Thpk/Readmore_06.jpg" src="https://lh6.googleusercontent.com/-Ig9spfdOQXE/TmC1JWuYlMI/AAAAAAAACBw/eqSqpn5Thpk/Readmore_06.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br /><img original="https://lh6.googleusercontent.com/-ZcwJqimk7tk/TmC1JrpLMvI/AAAAAAAACB0/YsrapLkk9J0/Readmore_07.png" src="https://lh6.googleusercontent.com/-ZcwJqimk7tk/TmC1JrpLMvI/AAAAAAAACB0/YsrapLkk9J0/Readmore_07.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh6.googleusercontent.com/-__eaatbbw54/TmC1Jiy75SI/AAAAAAAACB8/Z4M5t6csZmk/Readmore_08.png" src="https://lh6.googleusercontent.com/-__eaatbbw54/TmC1Jiy75SI/AAAAAAAACB8/Z4M5t6csZmk/Readmore_08.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh6.googleusercontent.com/-u-x4ZF_LX8o/TmC1Jjnn2TI/AAAAAAAACB4/1aCBMbWBEzo/Readmore_09.png" src="https://lh6.googleusercontent.com/-u-x4ZF_LX8o/TmC1Jjnn2TI/AAAAAAAACB4/1aCBMbWBEzo/Readmore_09.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh5.googleusercontent.com/--KNEjg3sNS8/TmC1J42l5lI/AAAAAAAACCA/G_MH9Jfls60/Readmore_10.png" src="https://lh5.googleusercontent.com/--KNEjg3sNS8/TmC1J42l5lI/AAAAAAAACCA/G_MH9Jfls60/Readmore_10.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br /><img original="https://lh4.googleusercontent.com/-VIioh3YZ50k/TmC1KJarwJI/AAAAAAAACCE/ronsI2VjzNk/Readmore_11.png" src="https://lh4.googleusercontent.com/-VIioh3YZ50k/TmC1KJarwJI/AAAAAAAACCE/ronsI2VjzNk/Readmore_11.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh4.googleusercontent.com/-Cps_Uv-h7BY/TmC1KOBjUNI/AAAAAAAACCI/8liBUs8KHXA/Readmore_12.png" src="https://lh4.googleusercontent.com/-Cps_Uv-h7BY/TmC1KOBjUNI/AAAAAAAACCI/8liBUs8KHXA/Readmore_12.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-sp0tMUog8oU/TmC1KbUx4CI/AAAAAAAACCM/0WLtjB_vtPM/Readmore_13.png" src="https://lh3.googleusercontent.com/-sp0tMUog8oU/TmC1KbUx4CI/AAAAAAAACCM/0WLtjB_vtPM/Readmore_13.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-FJnwgJTiBE8/TmC1KWJxT-I/AAAAAAAACCQ/83Hs7ELVqGE/Readmore_14.png" src="https://lh3.googleusercontent.com/-FJnwgJTiBE8/TmC1KWJxT-I/AAAAAAAACCQ/83Hs7ELVqGE/Readmore_14.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br /><img original="https://lh6.googleusercontent.com/-6E6-vYwoju8/TmC1KcFUVsI/AAAAAAAACCU/2yY0Old2Wa0/Readmore_15.png" src="https://lh6.googleusercontent.com/-6E6-vYwoju8/TmC1KcFUVsI/AAAAAAAACCU/2yY0Old2Wa0/Readmore_15.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh5.googleusercontent.com/-g4E-2gFG5PM/TmC1KrHmrUI/AAAAAAAACCY/O04Sok4WN0c/Readmore_16.png" src="https://lh5.googleusercontent.com/-g4E-2gFG5PM/TmC1KrHmrUI/AAAAAAAACCY/O04Sok4WN0c/Readmore_16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-IcSzeLTgdlk/TmC1KrpctqI/AAAAAAAACCc/wYcGkXzH2LA/Readmore_17.png" src="https://lh3.googleusercontent.com/-IcSzeLTgdlk/TmC1KrpctqI/AAAAAAAACCc/wYcGkXzH2LA/Readmore_17.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <img original="https://lh3.googleusercontent.com/-HIolIIVKpFY/TmC1K8PPXYI/AAAAAAAACCg/epKrwNyLvhQ/Readmore_18.png" src="https://lh3.googleusercontent.com/-HIolIIVKpFY/TmC1K8PPXYI/AAAAAAAACCg/epKrwNyLvhQ/Readmore_18.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: default; display: inline; max-width: 570px; min-width: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><br /><br /><b style="color: black; font-family: Verdana; line-height: 18px; text-align: justify;">THE END.<br />Nguồn: http://kenhdaihoc.com/forum/forumdisplay.php?f=251</b></div><div><b style="color: black; font-family: Verdana; line-height: 18px; text-align: justify;"><br /></b></div><b style="color: black; font-family: Verdana; line-height: 18px; text-align: justify;"></b></div><b style="font-family: Verdana; line-height: 18px; text-align: justify;"></b></div>