Mạch Khóa Số Điện Tử Mạch Đếm Sản Phẩm Mạch Đèn giao thông Ngã Tư Mạch Trái Tim Final Mạch Trái Tim Final Mạch Trái Tim I Love U

January 3, 2012

Related Posts with thumbnails (update)


Chip hôm nay thử dùng code Related Posts with thumbnails mà bên bác namkna giới thiệu,nếu làm như bên đó sẽ bị lỗi,vì 1 số temple như temple của chip có đến 3 loại code: 

<div class='post-footer-line post-footer-line-1'/>

<div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-3'/>

làm cho chip mất 1 tiếng vooc mới xong,nếu bạn nào chuẩn bị thực hiện thủ thuật này mà không thấy hiện thì chèn thử lần lượt qua các đoạn mã trên nhé hoặc PM chip luôn luôn lắng nghe,luôn giải đáp trong phạm vi hiểu.hihi

Bên cạnh đó code bên đó nếu chèn đơn thuần se bị hiện cả sang label làm cho nó hiện như sau trông rất mất thẩm mỹ,

                                   

Nhưng chip đã tìm ra cách khắc phục và update ngon lành cho nó,nên các bạn yên tâm thực hiện thủ thuật mà chip giới thiệu sau nhé.



Bắt đầu thủ thuật:

Bước1:Bạn vào Bảng điều khiển - Chỉnh sửa Html - chèn đoạn code bên dưới vào sau 1 trong các thẻ:

<div class='post-footer-line post-footer-line-1'/>

Hoặc:

<div class='post-footer-line post-footer-line-2'/>

Hoặc:

<div class='post-footer-line post-footer-line-3'/>


Code:

<!-- Related posts by Chipkool.Tk --> 
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=9"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=9;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div> 
<div style='margin-bottom:5px;clear:both'/> 
<img border='0' src='https://lh3.googleusercontent.com/-5d1x3lzjdvI/TwH1Rkuja1I/AAAAAAAACOU/0CbVAdeWA4w/s519/relate%252520post%252520chipkool.jpg'/>
<div class='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=12;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
<div class='clear'/>
<!-- Related posts by Chipkool.tk -->

Bước 2:Từ từ hẵng lưu temple nhé.Bạn chèn code sau ( code chip update) vào trước thẻ đóng </head>


<!-- Start Related posts by Chipkool.tk -->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<script src='http://chipteenplis.googlecode.com/files/related-img-by-chipkool.js' type='text/javascript'/>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding:0;margin:10px 0 5px 0;}
#related-posts h2{margin:0;background: url(https://lh3.googleusercontent.com/-F4L28CC27n8/TwJ1WuK65EI/AAAAAAAACO4/uqP-9_CcqLk/s248/newslienquan.jpg) no-repeat scroll left 0 transparent;height: 16px;}
#related-posts a:hover {background-color:#d4eaf2} 
.lienquan {background: #ddd;height:57px;float: left;padding-left: 1px;width: 173px;margin:1px;overflow:hidden;line-height:1.4em}
.related-posts {margin: 0;padding: 0}
.related-posts ul {margin: 0;padding-top: 5px} 
.related-posts ul li {background: url(https://lh4.googleusercontent.com/-jFTGlHfe25c/TwJ1Wvr7FsI/AAAAAAAACO0/2zWEHCxbUwA/s22/list.png) no-repeat top left;list-style-type: none;margin: 0 0 2px 5px;padding: 2px 0 0 18px;word-wrap: break-word}
</style>
<script type='text/javascript'>
//<![CDATA[
var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write("<ul>");if(titles.length==0){document.write("<li>Không có bài vi?t liên quan</li>")}else{while(b<titles.length&&b<20&&b<maxresults){document.write('<li><a href="'+urls[c]+'" title="'+time[c].substring(8,10)+"/"+time[c].substring(5,7)+"/"+time[c].substring(0,4)+'">'+titles[c]+"</a></li>");if(c<titles.length-1){c++}else{c=0}b++}}document.write("</ul>");urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]>
</script>
</b:if>
<!-- remove --></b:if>
<!-- End Related posts by Chipkool.tk -->

Bước 3 :Lưu temple lại,xem thôi.


Các bạn chú ý tải những file ảnh và file .js về đề phòng hết bandwith nhé.

Chúc các bạn 1 năm mới vui vẻ na!!

Blog Điện Tử | Tin Học

13 comments:

Pika Rock said...
3/1/12

chính là cái related post của mình đang dùng, hiển thị ra ngang có khó gì đâu, tùy biến ở css cả

ChipKool_Online said...
3/1/12

Chip mới thử hihi,còn đang tìm cách kéo rộng nó ra cho vừa blog,nhìn nó thụt vào xấu quá.=))

Pika Rock said...
3/1/12

cũ mới nào đâu, giống y xì từ class css đến js, khác vì mình xoay dọc ra

ChipKool_Online said...
3/1/12

ukm,nhưng nó code này có bổ dung thêm bài viết kiểu 2,cũng hay,nhưng chip thấy không hợp nên del luôn,hihi:((

Việt Nam said...
4/1/12

Chip giúp mình sửa lỗi không dùng List được trong temp Congly đi, mình đã chèn CSS cho list mà vẫn không hiển thị nên thua rồi ^^

Blog Điện Tử said...
4/1/12

List như thế nào vậy cậu,chip xem rồi trang bạn bố trí đẹp đó,nhưng temple khó edit lắm,hii,cậu nói rõ hơn yêu cầy được không?

Việt Nam said...
6/1/12

list là cái có sẵn trong khung soạn thảo của Blogger đó Chip <img src="http://nh3.upanh.com/b5.s24.d1/a68e1efe14baabaa4779c34b00957cf3_39723273.list.jpg. VD bài này http://www.blogktv.net/2012/01/portable-boxoft-free-pdf-to-ppt-chuyen.html phần <b>Các tính năng chính:</b> có phân thành từng dòng đó, mà cái đó mình làm bằng tay chứ làm trong blogger thì ko đc, chip xem giúp mình nha.

ChipKool_Online said...
6/1/12

Chip hiểu rồi,chip sẽ thử,nếu thành công chip sẽ thông báo cho bạn nhé,hic hic,:D

Việt Nam said...
6/1/12

:)) chip ,

Việt Nam said...
6/1/12

thức khuya quá đấy nhé :-t

ChipKool_Online said...
7/1/12

Tối nay tên miền chipkool.blogspot.com của chip chính thức bị chặn,huhu,cũng may sao chip dùng tên miền .tk nên ảnh hưởng không bị lớn cho lắm.=))chí buồn cho những anh em blogspot đang xài tên miền ....blogspot.com na.hic

Mr Sum said...
10/1/12

Mình tìm không thấy các địa chỉ như bạn hướng dẫn trong theme? Nhờ bạn chỉ giúp
Xin cám ơn

ChipKool_Online said...
10/1/12

Bạn chú ý,khi tìm bạn nhấn mở rộng mẫu tiện ích,sau đó ban copy hết đoạn code sao đó xóa dần 2 đầu đoạn code,bạn sẽ thấy,mình test thành công mà.:D

Post a Comment

Bạn đọc hãy giúp chúng tôi xây dựng cộng đồng bằng cách để lại bình luận, chúng tôi luôn đón nhận mọi ý kiến của các bạn:
» Bình luận nghiêm túc và không chứa các liên kết quảng cáo.
» Vui lòng không Spam nhận xét với mọi hình thức.
» Rất mong bạn đề tên cho nhận xét của chính mình - Bằng cách chọn vào Tên/URL và điền tên bạn vào (Phần URL có thể bỏ trống ).

- Bạn có thể chèn Link nhạc (NCT), video(Youtube),Hình ảnh vào comment bằng cú pháp:
+ [youtube] Link video Youtube [/youtube].
+ [img] Link ảnh( định dạng PNG, JPG,GIF) [/img]
+Chèn link liên kết: <a href="LINK" rel="nofollow">Name</a>
-Bạn copy mã bên cạnh biểu tượng chèn vào nhận xét để bày tỏ cảm xúc!!

:) :( :)) :(( =)) =D> :D :P