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
In bài này
Previous
Next Post »

13 comments

Click here for comments
Pika Rock
admin
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ả

Reply
avatar
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á.=))

Reply
avatar
Pika Rock
admin
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

Reply
avatar
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:((

Reply
avatar
Việt Nam
admin
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 ^^

Reply
avatar
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?

Reply
avatar
Việt Nam
admin
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.

Reply
avatar
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

Reply
avatar
Việt Nam
admin
6/1/12 ×

:)) chip ,

Reply
avatar
Việt Nam
admin
6/1/12 ×

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

Reply
avatar
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

Reply
avatar
Mr Sum
admin
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

Reply
avatar
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

Reply
avatar

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!! ConversionConversion EmoticonEmoticon

       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

THƯ MỤC KHO TÀI LIỆU MIỄN PHÍ ECHIPKOOL

Code 8051 - ASM Code 8051 - C Code AVR - C Code led sao băng Code PIC - C Điện tử cơ bản điện tử viễn thông Đo Nhiệt Độ DS18B20 + LCD Đo Nhiệt Độ LM35 + LCD Đo Nhiệt Độ LM35 + Led 7 thanh Đo tốc độ động cơ Động cơ robo Ebook Đại Học ebook điện tử Ebook đồ án Học Orcad Học Protues Hồng ngoại Lập Trình 8051 Lập Trình AVR lập trình c++ Lập Trình Led Quảng Cáo lập trình PIC Lập trình Robot Lập trình VHDL Lcd16x2 Led Clock Led Quay Led RGB Mạch 7seg Mạch Amply.Mạch Loa Mạch Cảm Biến Mạch cube Mạch Đếm Sản Phẩm Mạch điện cơ bản Mạch điện hay Mạch Điện Ứng Dụng Mạch đọc file nhạc MP3 dùng Atmega 8 Mạch Động Cơ Mạch đồng hồ Mạch đồng hồ LCD Mạch đồng hồ Matrix Mạch giao thông Mạch in Mạch khóa số điện tử Mạch Led đơn Mạch Led Quảng Cáo Mạch Led Vumeter Mạch Ma trận Phím Mạch Matrix Mạch nạp Mạch nguồn Mạch Nút Bấm Mạch RS232 Mạch RS485 Mạch thu phát Mạch tổ hợp MSI Mạch trái tim Mạch truyền điện không dây Mạch Vi điều khiển Module Bluetooth Module Sim Module Sim548 Motor Nhiệt độ - Độ ẩm oscilloscope Phần mềm điện tử Phần Mềm Diệt Viruts Phần Mềm Hay Phần Mềm Led Quảng Cáo Phần mềm vi tính robocon Rule robocon Sạc Acquy Sản Phẩm Thương Mại Sáng tạo Smart Home Tài liệu Điện Tử Tranzitor Tụ điện TUT - 8051 - ASM TUT - 8051 - KeilC UART Ứng Dụng Led Quảng Cáo Ứng dụng USB USB TO COM Vi điều khiển - Ứng dụng Vi mạch số VOM Wifi ESP8266