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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYYmqMR4sbVbQCXWCROqdsh2YwWyj_qCBKRQflDm6D5loCOh-XOk9OjxfElG83A37dgEXRv43HJKAE4hh5VOXdedM4MiEN7DaCBCbugPOXw3laYB2dqNEulHanR-q4Bipj6cYeTkU9pI/s1600/scroller-bg.png) repeat center} #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSB0C8p-x_0evg8vOnNqHlYFCg22VkcN8Hr_-zYKlIo16a9sQJuoBfd8owNWxbfvHs2dgrjMfChBWPwDJ9zgPLVguJbLPmCuxwGcsZjJk1WW3LtSudTrmOxWT37dMyCkjVawSk-6Zg3xk/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc} #carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8p-oXJ398ZINQ7GjEL0-7w7s6bGnk-MUfZ1aHeBP7aubcWQOpw1HGT-DeE-eqRHelN30fEiH2naUnNnL_E3gg6PdSm-7yPIQOmsN3U6-oBBZHMyzw1WNPbGJklAchxz_X5C-iZBJgOY/s1600/prev.png) center} #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSZsjyD-beLtZNJAjMRVMvaJXJolFOKtfs6yVEaFndQB9IomHHFfupWSBgvX2IMYKkL_ZZwBmPipVuSWrW0tqXz9lANIOORFXcQySpQHayme0mXL9APxpfHrua74zzcOwkbXxtp0q3IE/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc} #carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwKsj2Nje1eVMww28Mk0MQxiuWMIg9dvA-NvRb_iprP8FiBhfXPY4XCz8d-KV_NaODQreGdgXrtKI9iG9nbFpunP89U0lbLh_IYiQAJuI0b8inI-zCLTYgp7sT2ZopGuY6BhEOQpKCWBs/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.
<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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidfqpH2uWVvbBPlrn71-FutPpBrE6aCuqHe1GR-DkqpE71PN7HguUM0ppeeczpSr9p3zkuq3w2i5rRN0yx-GBzvmMDOnaaiGIOFEVOkpgNM1YTYJSy7VecqL8zjV76lNgW2cJrofXb_ek/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 != "item"'> <div id='carousel'> <div id='previous_button'/> <div class='container'> <script> document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> <div class='clear'/> </div> <div id='next_button'/> </div> <script type='text/javascript'> (function($) { $(document).ready(function(){ $("#carousel .container").jCarouselLite({ auto:4000, scroll: 1, speed: 800, visible: 5, start: 0, circular: true, btnPrev: "#previous_button", btnNext: "#next_button" }); })})(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.
Nhận xét
Cám ơn, mình học được rất nhiều thủ thuật hay trên này
Trả lờiXóaRất vui vì có ích với bạn.
Xóabạn ơi, không muốn hiển thị tiêu đề thì làm sao nhỉ?
Trả lờiXóaok, 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
XóaP/s: luôn ghé blog của bạn đấy ;))
Cảm ơn bạn dã ủng hộ blog mình trong xuốt thời gian qua :))
Xóamì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óaBạ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.
Xóa<b:if cond='data:blog.pageType == "item"'>
code bước 5 hoặc bước 6
</b:if>
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
Trả lờiXóahttp://dammekhonggioihan.blogspot.com/
dạ cảm ơn
Em kéo dài ra thì phải kahwcs phục bằng 2 cách.
Xóa1. 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"
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óathanks bạn nhiều
Trả lờiXóaKhông có gì. Rtaats vui vì nó có ích với bạn.
XóaKo bik có ẩn nó đi để nó chỉ hiện ở 1 trang nào nó dc ko nhỉ!?
Trả lờiXóaTất nhiên là được bạn có thể xem 2 bài viết sau để chọn cho mình cách thích hợp.
Xóa1. Hiển thị Widget ở những trang nhất định trong Blogspot
2. Chỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định
Nhưng cái này chèn trong html mà, làm sao để bik ID widget!?
Trả lờiXóaHãy chèn code của thủ thuật này vào giữa cặp lệnh là oke.
XóaBạ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óaCó 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:
Xóa<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.
Demo: View
Trả lờiXóaMẫu SIMPLE ssawtj sau dòng: <div class='columns-inner'>
Minh không tìm được thể: < div id='main-wrapper' >
Trả lờiXóacác bạn giúp với...
bLOG nguoiduyxuyen của bạn thì là dòng nàyg nha:
Xóa<div class='main-outer'>
hoặc dòng:
<div class='tabs-outer'>
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. :))
Trả lờiXóaCái này sữa chỗ nào đại ca :-s
Trả lờiXóahttps://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/v/1370326_1392814450952654_678335710_n.jpg?oh=9589106087109f1eea77df4f9a1ea7a6&oe=525027AA&__gda__=1381029950_7ef382a5c248602b6eee74fd1b04235d
Ở đoạn này này:
Trả lờiXóa#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}
Bik chỗ đó nhưng mò đớ hk chịu ra :(
Trả lờiXóaNế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:
Xóa#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,
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à.
Trả lờiXóaHiện tại bài viết đó đã được ảnh fixx nên làm như trên nó sẽ báo lỗi.
Trả lờiXóaEm 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"'>
Nam ơi! jup minh với, sao cai slide của minh khong truot dc vay nhi
Trả lờiXóatintuyensinh365
Xung đột Jquery thôi mà bạn.
XóagIỮ lại phiên bản cao nhất nha.
Xóaok rui Nam, thanks Nam nhiều nha
XóaBạn chỉ cần v ào Help => About internet explorer à biết thôi :)
Trả lờiXóaHay quá, mình làm được rồi. Cảm ơn Namkna nhiều nhé! :)
Trả lờiXóaKhông có gì đâu bạn ak.
Xóaanh 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 đó?
Trả lờiXóaanh Nam giúp em với.
sao vậy anh Nam nhỉ?
XóaEm có thể xem bài viết này: Lấy ảnh của video từ Youtube làm ảnh thumbnail cho blogspot
Xóako 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óaNó bị xung đột javar với slider trên đầu của bạn bạn ak.
XóaÀ ra vậy, vậy có cách nào khắc phục ko bạn.
Xóabạ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óaBạn nam ơi, cho mình hỏi?
Trả lờiXóaMì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
ý 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óahãy áp dụng nó để được sự trợ giúp của mình.
Xóaa 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óaMì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óadÂY EM
XóaBạ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.
XóaCò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
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óaNhận xét này đã bị tác giả xóa.
Trả lờiXóaBạ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óaOke đã rõ vấn đề của bạn. bạn có thể điều chỉnh đoạn code bên dưới:
Xóa#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}
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óabạ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óavậ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óaTất nhiên là có chứ bạn. Nguyên nhân chính là xung đột code thôi.
XóaBâ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óaTất nhiên là được bạn. mail; mình là: tavannam01@gmail.com nha.
XóaBạ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 đó.
Trả lờiXóaHiệ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óaTấ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óaanh 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óaHiện tại em đã có slider rồi mà.
XóaBạ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óaBẠn có thể chọn một kiểu ở đây nha: TỔNG HỢP KHUNG CHỨA CODE CHO BLOGSPOT
XóaAnh 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 ạ
Trả lờiXóaAnh giúp em với ạ: http://hauisale.blogspot.com/
Em cảm ơn anh!
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 ạ)
XóaAnh giúp em xem còn cách nào để lôi cái bài đăng mới ra được không ạ
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaà, 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óanamkna ơ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óaLà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.
Trả lờiXóabạ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ỉ
Trả lờiXóamong dc sự giúp đỡ từ bạn
xin chân thành cảm ơn
Blog của mình: http://nhahangvuonxuaphuquoc.blogspot.com/
Trả lờiXóaTemplate 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.
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óaAdmin ơi sao nó không hiện lặp lại như Demo ?
Trả lờiXóaMà khi hết nó bị như hình
http://i.imgur.com/FJmIBVS.png