Thư viện

Trải nghiệm

Thứ Năm, tháng 5 23, 2013

Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1]

hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới dạng một slider trượt ngang với các ảnh thumbnail và tiêu đề bài viết. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery.

Chia sẻ:
Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới dạng một slider trượt ngang với các ảnh thumbnail và tiêu đề bài viết. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery. Tiện ích được phát triển bởi maskolis.
VIEW DEMO

¤ Slider bài mới nhất trượt ngang với thumbnail cho blogger!

1- Đăng nhập vào blog
2- Chọn Mẫu (Template)
3- Chọn chỉnh sủa HTML (Edit HTML)
4- Dán code sau trước thẻ ]]></b:skin>
#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
#carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png) repeat center}
#carousel #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
#carousel #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png) center}
#carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
#carousel #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png) center}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAAAAACap/5LAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAsSURBVHjaYvzPAAMs7+FMJgaEKCM2UfoqGBKGDZgjh4QVdDBskDln5DEBAwCNEQLr2H+8AwAAAABJRU5ErkJggg==) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a img{display:block;background:#fff;margin-top:0}
» Tùy chỉnh: 
  • width:145px;height:150px lần lượt là chiều rộng và chiều cao của khung chứa hình ảnh và tiêu đề bài viết nếu chỉnh sửa nó thì bạn phải chỉnh sửa lại cả kích thước hình ảnh ở bước 5 nha width="145" height="100"
  • Bạn có thể thay đổi các hình ảnh next và preview theo ý của bạn nha.
5- Dán code bên dưới trước thẻ </head>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 140;
summaryTitle = 25;

numposts1 = 15;
label1 = "news";

function removeHtmlTag(strx,chop){
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);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>
» Tùy chỉnh:
  • numposts1 = 15; là số bài sẽ được gọi từ feed..
  • label1 = "news"; là tên của nhãn muốn gọi.
  • summaryPost = 140; là số ký tự mô tả
  • summaryTitle = 25; là số ký tự phần tiêu đề ngay bên dưới hình ảnh.
  • width="145" height="100" là chiều rộng và chiều cao của ảnh thumbnail.
  • showRandomImg = true; là lấy ảnh thumbnail ngẫu nhiên trong bài viết. Nếu muốn lấy ảnh đầu tiên thì hãy sửa true thành false.
6- Tìm thẻ:
<div id='main-wrapper'>
- Dán vào trước nó đoạn code bên dưới:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>   
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) {     $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
    auto:4000,
    scroll: 1,
    speed: 800,   
    visible: 5,
    start: 0,
    circular: true,
    btnPrev: &quot;#previous_button&quot;,
    btnNext: &quot;#next_button&quot;
    });
    })})(jQuery)   
</script>
</b:if> 
» Tùy chỉnh: 
  • Nếu muốn lấy toàn bộ các nhãn thay vì một nhãn cụ thể thì xóa phần màu đỏ đi nha.
  • auto:4000,
  • scroll: 1,  số bài viết cuộn mỗi lần.
  • speed: 800, Thời gian chuyển ảnh (tính bằng phần nghìn giây).
  • visible: 5, Số bài viết (ảnh thumbnail và tiêu đề) hiển thị trên trang chính.
  • start: 0,
  • circular: true, 
  • Đây là link download các file ảnh và javarscrip. Các bạn có thể  tải về và upload lên host riêng để sử dụng lâu dài nha: Download now.
  • Mẫu SIMPLE đặt sau dòng: <div class='columns-inner'>
7- Lưu mẫu lại và xem kết quả nha.

¤ Cập nhật!

Hiện tại mình đã ra phiên bản 2 của tiện ích này với giao diện có nhiều cải tiến các bạn hãy xem tại đây:

¤ Trợ giúp!

Nếu có bất kỳ khó khăn nào khi áp dụng hãy để lại comment mình sẽ giải đáp cho các bạn.

83 nhận xét:

  1. Cám ơn, mình học được rất nhiều thủ thuật hay trên này

    Trả lờiXóa
  2. bạn ơi, không muốn hiển thị tiêu đề thì làm sao nhỉ?

    Trả lờiXóa
    Trả lời
    1. ok, mình làm được rồi :D cám ơn bạn nhiều nhé, đúng cái mình đang cần :D

      P/s: luôn ghé blog của bạn đấy ;))

      Xóa
    2. Cảm ơn bạn dã ủng hộ blog mình trong xuốt thời gian qua :))

      Xóa
  3. mình muốn recent post đấy hiện ở trang bài viết còn trang chủ thì không hiện, thì làm thế nào bạn, có thể hướng dẫn mình ko

    Trả lờiXóa
    Trả lời
    1. Bạn thêm đoạn code ở bước 5 và bước 6 vào giữa 2 thẻ bên dưới trước khi chèn vào blog nha.

      <b:if cond='data:blog.pageType == "item"'>
      code bước 5 hoặc bước 6
      </b:if>

      Xóa
    2. Anh Namkna ơi. Em chưa làm được cho Recent Post chỉ xuất hiện ở bài viết. Nó vẫn hiện ở trang chủ anh ạ. Em làm theo hướng dẫn của anh thì bị lỗi.

      Giúp em với....!

      Xóa
    3. Hiện tại bài viết đó đã được ảnh fixx nên làm như trên nó sẽ báo lỗi.

      Em chỉ cần thay đổi đoạn code ở bước 6

      <b:if cond='data:blog.pageType != "item"'>

      thành

      <b:if cond='data:blog.pageType == "item"'>

      Xóa
  4. anh em muốn kéo ra cho =kích thước của blog nhưng kéo ra nó có 1 khoảng trắng anh giúp e với
    http://dammekhonggioihan.blogspot.com/
    dạ cảm ơn

    Trả lờiXóa
    Trả lời
    1. Em kéo dài ra thì phải kahwcs phục bằng 2 cách.
      1. chọn số bài viết nhiều hơn ở đoạn code: visible: 5

      2. Chỉnh lại độ rộng ảnh ở đoạn: width="145"

      Xóa
    2. Tiện đây anh cũng nhắc em. Em đang sử dụng template do anh thiết kế thì không nên xóa bỏ copyright và thay vào đó bằng tên mình như vậy.

      Xóa
  5. Trả lời
    1. Không có gì. Rtaats vui vì nó có ích với bạn.

      Xóa
  6. Ko bik có ẩn nó đi để nó chỉ hiện ở 1 trang nào nó dc ko nhỉ!?

    Trả lờiXóa
  7. Nhưng cái này chèn trong html mà, làm sao để bik ID widget!?

    Trả lờiXóa
    Trả lời
    1. Hãy chèn code của thủ thuật này vào giữa cặp lệnh là oke.

      Xóa
  8. Bạn makolis này chỉ phát triển trên code cũ, các code slide mình thấy ko có gì thay đổi so với các phiên bản cũ, như khi hover thì slide ko dừng lại, 1 điểm nữa đó là tiện ích này ko phù hợp với phần lớn blogger hiện nay, vì thường thì ngay ở trang chủ, các bài viết đã đc sắp xếp theo bài viết mới luôn, do đó chạy thêm cái slide thì chả có tác dụng mấy, nếu thay bằng popular post thì quá hay, và đặc biệt là code khá nặng khi chạy trên IE hoặc máy yếu,, mình đã từng áp dụng nó nhưng cũng vì những điểm trên mà rút cục cũng gỡ ra

    Trả lờiXóa
    Trả lời
    1. Có thể hiệu chỉnh để nó chỉ xuất hiện ở trang bài viết mà bạn. Chỉ cần thay thê dòng:

      <b:if cond='data:blog.pageType != "item"'>

      thành:

      <b:if cond='data:blog.pageType == "item"'>

      như vậy sẽ không trùng lặp ở trang chủ nữa.

      Xóa
  9. Demo: View
    Mẫu SIMPLE ssawtj sau dòng: <div class='columns-inner'>

    Trả lờiXóa
  10. Minh không tìm được thể: < div id='main-wrapper' >
    các bạn giúp với...

    Trả lờiXóa
    Trả lời
    1. bLOG nguoiduyxuyen của bạn thì là dòng nàyg nha:


      <div class='main-outer'>

      hoặc dòng:

      <div class='tabs-outer'>

      Xóa
  11. trang này quá hay ... lấy được nhiều thông tin từ trang này để áp dụng cho blogspot của mình . Ủng hộ tinh thần cho admin ngày càng phát triển hơn .

    Trả lờiXóa
  12. trang này quá hay ... lấy được nhiều thông tin từ trang này để áp dụng cho blogspot của mình . Ủng hộ tinh thần cho admin ngày càng phát triển hơn .

    Trả lờiXóa
    Trả lời
    1. Cảm ơn bạn đã ủng hộ blog của mình. Hy vọng bạn tiếp tục ủng hộ và góp ý để blog mình ngày càng phát triển hơn. :))

      Xóa
  13. Cái này sữa chỗ nào đại ca :-s

    https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/v/1370326_1392814450952654_678335710_n.jpg?oh=9589106087109f1eea77df4f9a1ea7a6&oe=525027AA&__gda__=1381029950_7ef382a5c248602b6eee74fd1b04235d

    Trả lờiXóa
  14. Ở đoạn này này:

    #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
    #carousel #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png) center}
    #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
    #carousel #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png) center}

    Trả lờiXóa
  15. Bik chỗ đó nhưng mò đớ hk chịu ra :(

    Trả lờiXóa
    Trả lời
    1. Nếu muốn thay đổi hình ảnh thì bạn chỉ cần thay đổi link ảnh trong các đoạn code mình bảo ở trên còn để thay đổi kích thước của mỗi ô đó thì bạn chỉnh sửa đoạn này:

      #carousel ul li{background:#fff url(http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/OdQmhV73piY/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}


      Chỉnh 2 thuộc tính width:145px;height:150px nha bạn,

      Xóa
  16. Namkna ơi, cái này rất đẹp mình cũng áp dụng vào blog của mình. Nhưng khi chạy trên chrome hoặc FF thì không sao. Nhưng khi chạy trênn IE thì vỡ giao diện, các phận tử nằm lộn lộn. Liệu có cách nào khắc phục nó không, cảm ơn trước nhé !

    Trả lờiXóa
    Trả lời
    1. Bạn đang dùng Ie phiên bản mấy đó bạn. mình test trên các IE phiên bản mới như 8 9 hoặc 10 vẫn hoạt động oke mà.

      Xóa
  17. Vậy thì của mình chắc là IE 6 rồi vì mình nghe nói là IE6 hay bị vậy. Nhưng mình ra ngoài mạng thử thì cũng vậy. Không biết là IE mấy nữa.

    Trả lờiXóa
    Trả lời
    1. Bạn chỉ cần v ào Help => About internet explorer à biết thôi :)

      Xóa
  18. Nam ơi! jup minh với, sao cai slide của minh khong truot dc vay nhi
    tintuyensinh365

    Trả lờiXóa
    Trả lời
    1. Xung đột Jquery thôi mà bạn.

      Xóa
    2. gIỮ lại phiên bản cao nhất nha.

      Xóa
    3. ok rui Nam, thanks Nam nhiều nha

      Xóa
    4. Làm như thế nào hả nam ơi. bị xung jquery như trang này của mình thì làm như thế nào: http://shopthoitrangitaly.blogspot.com/ giúp mình với.

      Xóa
  19. Hay quá, mình làm được rồi. Cảm ơn Namkna nhiều nhé! :)

    Trả lờiXóa
  20. anh Nam cho em hỏi, đối với những bài viết không có hình ảnh mà chỉ có video thì làm sao để nó lấy thumbnail của video đó làm thumbnail hiển thị cho bài viết đó?
    anh Nam giúp em với.

    Trả lờiXóa
  21. ko có Namkha chắc mình mù tịt luôn, tiện thể cho mình hỏi mình làm theo bàn và thành công có điều chỉ hiện ảnh và ko có dòng mô tả, phải làm ntn để sửa hả bạn

    Trả lờiXóa
    Trả lời
    1. Nó bị xung đột javar với slider trên đầu của bạn bạn ak.

      Xóa
    2. À ra vậy, vậy có cách nào khắc phục ko bạn.

      Xóa
    3. bạn chíu khó ngồi thay đổi id của phần javw giữa 2 đoạn code cho nó khác nhau đi là được.

      Xóa
  22. Bạn nam ơi, cho mình hỏi?
    Mình thực hiện theo đoạn code của bạn ver1 nhưng khi hiển thị không thể xuống hàng label của bài viết. Bạn có cách nào khắc phục không?
    Blog của mình: http://hocmai-ntkhanh.blogspot.com

    Trả lờiXóa
  23. ý mình là: label bài viết chỉ nằm gọn dưới thumbnail bài post, khi label vượt quá giới hạn khung chứa thumbnail thì nó sẽ tự động xuống hàng. Cảm ơn sự giúp đỡ của bạn.

    Trả lờiXóa
    Trả lời
    1. hãy áp dụng nó để được sự trợ giúp của mình.

      Xóa
    2. a Nam ơi a có yahoo hay facebook hông cho e e mún hỏi a riêng 1 vài cái

      Xóa
    3. Mình đã áp dụng code để tạo thanh trượt ngang của bạn nhưng không thành công, nội dung label hiển thị nhưng vượt quá khung chứa thumbnail của bài viết đó. Mình đã xóa nó do thực hiện không được. Bạn có thể đưa ra giải pháp khắc phục lỗi này dùm mình.

      Xóa
    4. Bạn phải áp dụng nó vào blog hoặc ít ra cho mình một hình ảnh chụp lỗi đó nha bạn.

      Còn nếu muốn thu nhỏ chiều ngang của tiện ích bạn chỉ cần điều chỉnh 2 thuộc tính sau: width:950px;và width:895px

      Xóa
  24. Mình sẽ gửi bạn trong thời gian sớm nhất để bạn hỗ trợ, cảm ơn sự giúp đỡ của bạn nhiều lắm. Bạn có nick facebook không, mình có thể nhờ bạn chỉ giáo thêm vài chiêu thiết kế blog.

    Trả lờiXóa
  25. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  26. Bạn xem qua hình mình gửi cho bạn qua đường link sau: ảnh minh họa, nếu có thể bạn ghé thăm blog của mình để tìm hiểu thêm: http://hocmai-ntkhanh.blogspot.com.

    Trả lờiXóa
    Trả lời
    1. Oke đã rõ vấn đề của bạn. bạn có thể điều chỉnh đoạn code bên dưới:

      #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}

      thành:

      #carousel ul li a.slider_title{color:#222;margin-top:5px}

      Xóa
  27. lỗi mình nói vẫn diễn ra nam à? bạn có cách nào khắc phục khác không?

    Trả lờiXóa
    Trả lời
    1. bạn mời mình làm quản trị hoặc gửi mail vào tavannam01@gmail.com mình chỉnh cho nha.

      Xóa
  28. vậy thì có khi nào đoạn code trong blog của mình ảnh hưởng đến đoạn code mà bạn đưa ra không?

    Trả lờiXóa
    Trả lời
    1. Tất nhiên là có chứ bạn. Nguyên nhân chính là xung đột code thôi.

      Xóa
  29. sao giờ slider nó ko chạy nữa vậy ... đứng im 1 chỗ à

    Trả lờiXóa
    Trả lời
    1. Bạn kiểm tra thủ thuật bạn áp dụng gần đây nhất nha. Nguyên nhân chính dẫn đến xung đột đó.

      Xóa
  30. Bây giờ mình cấp bạn quyền admin, bạn có thể hổ trợ mình được không Nam. Mình làm liên tục nhiều lần và từ nhiều trang vẫn ko thấy nó hoạt động. Cám ơn Nam nhiều nha!

    Trả lờiXóa
    Trả lời
    1. Tất nhiên là được bạn. mail; mình là: tavannam01@gmail.com nha.

      Xóa
  31. Hiện tại mình đã add bạn vào thành viên admin của mình. Một lần nữa cho mình cảm ơn sự giúp đỡ tích cực của Nam. Nếu được Nam cho blog mình là thành viên trên trang của bạn nha.

    Trả lờiXóa
    Trả lời
    1. Tất nhiên rồi bạn. Mình sẽ chỉnh sửa cho bạn ngay khi có thời gian. Hy vọng bạn không phiền vì điều đó.

      Xóa
  32. anh nam cứu Blog em với http://onepiecevntns.blogspot.com/ em đã làm theo và nó chỉ hiện khung hok hiện hình ảnh từng bài viết :((. đã đăng kí feed

    Trả lờiXóa
  33. Bạn có code đóng khung bài viết có thanh trượt (như đóng khung các đoạn mã code dài trong bài viết này) gửi cho mình xin nhé: nguyendanganh76@gmail.com

    Trả lờiXóa
  34. Anh Nam Ta ơi em muốn bỏ tất cả code đó vào "Tiện ích mở rộng" (có thêm đóng mở css) nhưng nó chỉ hiện khung lên thôi ko hiện bài ạ
    Anh giúp em với ạ: http://hauisale.blogspot.com/
    Em cảm ơn anh!

    Trả lờiXóa
    Trả lời
    1. Em vừa tìm ra lỗi là ở nhãn "news" ạ, nó ko truy xuất nhãn này ra anh ạ, em thử bằng các nhãn khác như thời trang, dịch vụ thì vẫn ra bình thường (nhưng hình ảnh nó bị đẩy ko theo kích thước cố định ạ)
      Anh giúp em xem còn cách nào để lôi cái bài đăng mới ra được không ạ

      Xóa
  35. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  36. à, namkna, tại sao blog mình nó bị mất hết menu bên, chân trang...v.v..mặc dù vào bố cục thấy nó vẫn còn ? .http://phimkhoahocvip.blogspot.com/ b giúp mình fix với

    Trả lờiXóa
  37. namkna ơi. Cho mình hỏi khi mình làm cái slide ảnh với cái slider bài viết mới trượt ngang này nó không chạy, xóa cái code làm side ảnh kia nó mới chạy. giúp mình mới. trang blog mình: http://shopthoitrangitaly.blogspot.com/

    Trả lờiXóa
  38. bạn ơi cho mình hỏi mình cho code vào hiển thị đc rồi nhưng ko chạy đảo bài viết đc nhỉ
    mong dc sự giúp đỡ từ bạn
    xin chân thành cảm ơn

    Trả lờiXóa
  39. Blog của mình: http://nhahangvuonxuaphuquoc.blogspot.com/
    Template của blog: http://sinensis-soratemplates.blogspot.com/
    Các bài viết trong recentpost không hiển thị ở phần slider bên trên như template.
    Nhờ bạn giúp mình với.

    Trả lờiXóa
  40. Sao code cứ hiển thì è ra trang chủ. Có cách nào tùy biến để nó hiển thị ở chỗ nào mình muốn không ạ? Ví dụ khi cần chỉ cho một ô html rồi nhập code và sắp xếp? Giúp em với !

    Trả lờiXóa
  41. Admin ơi sao nó không hiện lặp lại như Demo ?
    Mà khi hết nó bị như hình
    http://i.imgur.com/FJmIBVS.png

    Trả lờiXóa