Slider Bài Mới Nhất Trượt Ngang Với Thumbnail Cho Blogger [Ves1]

Có thể bạn quan tâm

Slider bài mới nhất trượt ngang với thumbnail cho blogger [Ves1] Unknown Thứ Năm, tháng 5 23, 2013 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. [Ves1] Slider bài mới nhất trượt ngang với thumbnail cho blogger

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.

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] = "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:

Slider bài mới trượt ngang thumbnail cho blogger ves2

¤ 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. Danh mục: Blogspot JQuery Blogspot Recent Post Blogspot Slider Thiết Kế Thủ Thuật Blogger

Bạn có thể thích những bài đăng này

Thủ Thuật Blogger

Nhận xét

DungPVlúc 17:41:00 GMT+7 Thứ Năm, 23 tháng 5, 2013
Cám ơn, mình học được rất nhiều thủ thuật hay trên này
Trả lờiXóaTrả lời
1. Unknownlúc 20:36:00 GMT+7 Thứ Năm, 23 tháng 5, 2013
  Rất vui vì có ích với bạn.
  XóaTrả lời
Adminlúc 22:25:00 GMT+7 Thứ Năm, 23 tháng 5, 2013
bạn ơi, không muốn hiển thị tiêu đề thì làm sao nhỉ?
Trả lờiXóaTrả lời
1. Adminlúc 22:30:00 GMT+7 Thứ Năm, 23 tháng 5, 2013
  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 :DP/s: luôn ghé blog của bạn đấy ;))
  XóaTrả lời
2. Unknownlúc 21:24:00 GMT+7 Thứ Bảy, 25 tháng 5, 2013
  Cảm ơn bạn dã ủng hộ blog mình trong xuốt thời gian qua :))
  XóaTrả lời
timprolúc 10:31:00 GMT+7 Thứ Sáu, 24 tháng 5, 2013
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óaTrả lời
1. Unknownlúc 21:26:00 GMT+7 Thứ Bảy, 25 tháng 5, 2013
  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óaTrả lời
viet-zone.blogspot.comlúc 19:00:00 GMT+7 Thứ Sáu, 24 tháng 5, 2013
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ớihttp://dammekhonggioihan.blogspot.com/ dạ cảm ơn
Trả lờiXóaTrả lời
1. Unknownlúc 21:29:00 GMT+7 Thứ Bảy, 25 tháng 5, 2013
  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: 52. Chỉnh lại độ rộng ảnh ở đoạn: width="145"
  XóaTrả lời
2. Unknownlúc 21:31:00 GMT+7 Thứ Bảy, 25 tháng 5, 2013
  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óaTrả lời
Lâm Phonglúc 20:11:00 GMT+7 Thứ Sáu, 24 tháng 5, 2013
thanks bạn nhiều
Trả lờiXóaTrả lời
1. Unknownlúc 21:32:00 GMT+7 Thứ Bảy, 25 tháng 5, 2013
  Không có gì. Rtaats vui vì nó có ích với bạn.
  XóaTrả lời
Unknownlúc 10:19:00 GMT+7 Thứ Bảy, 25 tháng 5, 2013
Ko bik có ẩn nó đi để nó chỉ hiện ở 1 trang nào nó dc ko nhỉ!?
Trả lờiXóaTrả lời
1. Unknownlúc 21:34:00 GMT+7 Thứ Bảy, 25 tháng 5, 2013
  Tấ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.1. 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
  XóaTrả lời
Unknownlúc 08:47:00 GMT+7 Chủ Nhật, 26 tháng 5, 2013
Nhưng cái này chèn trong html mà, làm sao để bik ID widget!?
Trả lờiXóaTrả lời
1. Unknownlúc 20:25:00 GMT+7 Chủ Nhật, 26 tháng 5, 2013
  Hãy chèn code của thủ thuật này vào giữa cặp lệnh là oke.
  XóaTrả lời
Adminlúc 18:18:00 GMT+7 Chủ Nhật, 26 tháng 5, 2013
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óaTrả lời
1. Unknownlúc 20:27:00 GMT+7 Chủ Nhật, 26 tháng 5, 2013
  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óaTrả lời
Lê Hạnhlúc 22:21:00 GMT+7 Thứ Hai, 10 tháng 6, 2013
Demo: ViewMẫu SIMPLE ssawtj sau dòng: <div class='columns-inner'>
Trả lờiXóaTrả lời
Unknownlúc 11:36:00 GMT+7 Thứ Sáu, 5 tháng 7, 2013
Minh không tìm được thể: < div id='main-wrapper' >các bạn giúp với...
Trả lờiXóaTrả lời
1. Unknownlúc 17:27:00 GMT+7 Thứ Sáu, 5 tháng 7, 2013
  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óaTrả lời
Unknownlúc 10:20:00 GMT+7 Thứ Ba, 27 tháng 8, 2013
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óaTrả lời
Trịnh Minh Cảnhlúc 12:42:00 GMT+7 Thứ Sáu, 4 tháng 10, 2013
Cái này sữa chỗ nào đại ca :-shttps://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óaTrả lời
Unknownlúc 13:36:00 GMT+7 Thứ Sáu, 4 tháng 10, 2013
Ở đ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óaTrả lời
Trịnh Minh Cảnhlúc 17:43:00 GMT+7 Thứ Sáu, 4 tháng 10, 2013
Bik chỗ đó nhưng mò đớ hk chịu ra :(
Trả lờiXóaTrả lời
1. Unknownlúc 09:09:00 GMT+7 Thứ Bảy, 5 tháng 10, 2013
  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óaTrả lời
Unknownlúc 17:50:00 GMT+7 Thứ Năm, 21 tháng 11, 2013
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óaTrả lời
Namknalúc 19:39:00 GMT+7 Thứ Hai, 9 tháng 12, 2013
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"'>
Trả lờiXóaTrả lời
dophienlúc 00:14:00 GMT+7 Thứ Năm, 19 tháng 12, 2013
Nam ơi! jup minh với, sao cai slide của minh khong truot dc vay nhitintuyensinh365
Trả lờiXóaTrả lời
1. Unknownlúc 07:00:00 GMT+7 Thứ Năm, 19 tháng 12, 2013
  Xung đột Jquery thôi mà bạn.
  XóaTrả lời
2. Unknownlúc 07:03:00 GMT+7 Thứ Năm, 19 tháng 12, 2013
  gIỮ lại phiên bản cao nhất nha.
  XóaTrả lời
3. dophienlúc 20:13:00 GMT+7 Thứ Năm, 19 tháng 12, 2013
  ok rui Nam, thanks Nam nhiều nha
  XóaTrả lời
Unknownlúc 06:59:00 GMT+7 Thứ Năm, 19 tháng 12, 2013
Bạn chỉ cần v ào Help => About internet explorer à biết thôi :)
Trả lờiXóaTrả lời
Global Vietnam Aupairlúc 17:15:00 GMT+7 Thứ Tư, 12 tháng 2, 2014
Hay quá, mình làm được rồi. Cảm ơn Namkna nhiều nhé! :)
Trả lờiXóaTrả lời
1. Unknownlúc 07:55:00 GMT+7 Thứ Năm, 13 tháng 2, 2014
  Không có gì đâu bạn ak.
  XóaTrả lời
Unknownlúc 20:16:00 GMT+7 Thứ Năm, 6 tháng 3, 2014
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óaTrả lời
1. Unknownlúc 13:37:00 GMT+7 Chủ Nhật, 9 tháng 3, 2014
  sao vậy anh Nam nhỉ?
  XóaTrả lời
2. Unknownlúc 15:59:00 GMT+7 Chủ Nhật, 9 tháng 3, 2014
  Em có thể xem bài viết này: Lấy ảnh của video từ Youtube làm ảnh thumbnail cho blogspot
  XóaTrả lời
Unknownlúc 00:14:00 GMT+7 Thứ Tư, 19 tháng 3, 2014
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óaTrả lời
1. Unknownlúc 07:44:00 GMT+7 Thứ Tư, 19 tháng 3, 2014
  Nó bị xung đột javar với slider trên đầu của bạn bạn ak.
  XóaTrả lời
2. Unknownlúc 18:19:00 GMT+7 Thứ Sáu, 21 tháng 3, 2014
  À ra vậy, vậy có cách nào khắc phục ko bạn.
  XóaTrả lời
3. Unknownlúc 11:05:00 GMT+7 Thứ Tư, 26 tháng 3, 2014
  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óaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 09:45:00 GMT+7 Thứ Tư, 26 tháng 3, 2014
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óaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 09:48:00 GMT+7 Thứ Tư, 26 tháng 3, 2014
ý 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óaTrả lời
1. Unknownlúc 10:57:00 GMT+7 Thứ Tư, 26 tháng 3, 2014
  hãy áp dụng nó để được sự trợ giúp của mình.
  XóaTrả lời
2. Unknownlúc 11:05:00 GMT+7 Thứ Tư, 26 tháng 3, 2014
  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óaTrả lời
3. HocMai-NTK | Nguyễn Tri Khánh Bloglúc 16:24:00 GMT+7 Thứ Tư, 26 tháng 3, 2014
  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óaTrả lời
4. Unknownlúc 15:48:00 GMT+7 Thứ Năm, 27 tháng 3, 2014
  dÂY EM
  XóaTrả lời
5. Unknownlúc 15:50:00 GMT+7 Thứ Năm, 27 tháng 3, 2014
  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óaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 07:58:00 GMT+7 Thứ Bảy, 29 tháng 3, 2014
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óaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 20:35:00 GMT+7 Thứ Bảy, 29 tháng 3, 2014
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 20:39:00 GMT+7 Thứ Bảy, 29 tháng 3, 2014
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óaTrả lời
1. Unknownlúc 16:19:00 GMT+7 Chủ Nhật, 30 tháng 3, 2014
  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óaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 20:28:00 GMT+7 Thứ Ba, 1 tháng 4, 2014
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óaTrả lời
1. Unknownlúc 17:51:00 GMT+7 Thứ Tư, 2 tháng 4, 2014
  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óaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 07:44:00 GMT+7 Thứ Bảy, 5 tháng 4, 2014
vậy thì có khi nào đoạn code trong blog của mình ảnh hưởng đến đoạn code mà bạn đưa ra không?
Trả lờiXóaTrả lời
1. Unknownlúc 08:09:00 GMT+7 Thứ Bảy, 5 tháng 4, 2014
  Tất nhiên là có chứ bạn. Nguyên nhân chính là xung đột code thôi.
  XóaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 20:42:00 GMT+7 Thứ Bảy, 5 tháng 4, 2014
Bây giờ mình cấp bạn quyền admin, bạn có thể hổ trợ mình được không Nam. Mình làm liên tục nhiều lần và từ nhiều trang vẫn ko thấy nó hoạt động. Cám ơn Nam nhiều nha!
Trả lờiXóaTrả lời
1. Unknownlúc 09:32:00 GMT+7 Chủ Nhật, 6 tháng 4, 2014
  Tất nhiên là được bạn. mail; mình là: tavannam01@gmail.com nha.
  XóaTrả lời
Unknownlúc 09:33:00 GMT+7 Chủ Nhật, 6 tháng 4, 2014
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 đó.
Trả lờiXóaTrả lời
HocMai-NTK | Nguyễn Tri Khánh Bloglúc 21:16:00 GMT+7 Thứ Hai, 7 tháng 4, 2014
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óaTrả lời
1. Unknownlúc 09:44:00 GMT+7 Thứ Năm, 10 tháng 4, 2014
  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óaTrả lời
Adminlúc 00:45:00 GMT+7 Thứ Ba, 15 tháng 4, 2014
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óaTrả lời
1. Unknownlúc 20:41:00 GMT+7 Thứ Ba, 15 tháng 4, 2014
  Hiện tại em đã có slider rồi mà.
  XóaTrả lời
Anhlúc 06:41:00 GMT+7 Thứ Hai, 28 tháng 4, 2014
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óaTrả lời
1. Unknownlúc 13:16:00 GMT+7 Thứ Ba, 29 tháng 4, 2014
  BẠn có thể chọn một kiểu ở đây nha: TỔNG HỢP KHUNG CHỨA CODE CHO BLOGSPOT
  XóaTrả lời
Đồng Hồ QHlúc 16:20:00 GMT+7 Thứ Tư, 4 tháng 6, 2014
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óaTrả lời
1. Đồng Hồ QHlúc 17:01:00 GMT+7 Thứ Tư, 4 tháng 6, 2014
  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óaTrả lời
AliensFlúc 19:07:00 GMT+7 Thứ Sáu, 11 tháng 7, 2014
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaTrả lời
AliensFlúc 19:08:00 GMT+7 Thứ Sáu, 11 tháng 7, 2014
à, 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óaTrả lời
Thư viện sách kỹ thuậtlúc 11:33:00 GMT+7 Chủ Nhật, 29 tháng 3, 2015
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óaTrả lời
Thư viện sách kỹ thuậtlúc 10:55:00 GMT+7 Thứ Ba, 31 tháng 3, 2015
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.
Trả lờiXóaTrả lời
mitlúc 16:08:00 GMT+7 Thứ Tư, 22 tháng 4, 2015
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ạnxin chân thành cảm ơn
Trả lờiXóaTrả lời
Unknownlúc 09:42:00 GMT+7 Thứ Năm, 12 tháng 11, 2015
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óaTrả lời
AutoVinalúc 23:43:00 GMT+7 Thứ Tư, 20 tháng 4, 2016
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óaTrả lời
Trần Phúc Thuậnlúc 17:04:00 GMT+7 Thứ Sáu, 1 tháng 7, 2016
Admin ơi sao nó không hiện lặp lại như Demo ?Mà khi hết nó bị như hìnhhttp://i.imgur.com/FJmIBVS.png
Trả lờiXóaTrả lời

Thêm nhận xétTải thêm... ×

TRANG CHỦ
YOUTUBE
FACEBOOK
GỌI 08.6899.0006
GỬI MAIL

Land Go Now - Số 1 về bất động sản thực tế với hàng ngàn dự án khắp mọi miền tổ quốc, cập nhật đầy đủ thông tin chân thực và nhanh nhất đến với khác hàng!

CÔNG TY TNHH EXPRESSNO1

Mã số thuế: 0316370166Số tài khoản: 1.686.666.666 tại Ngân hàng VCB / 2.433.433.6 tại Ngân hàng ACBCông ty: 08.9999.0068 - Giám đốc: 08.9999.0086Email: Info@expressno1.comWebsite: Expressno1.com / Expressno1.vnĐịa chỉ: Số 31, Đường số 4, KDC 6B Intresco, Xã Bình Hưng, Huyện Bình Chánh, Thành phố Hồ Chí Minh Thành viên: Thiết bị y tế / Quỹ cộng đồng / Sản xuất thiết bị y tế / Phân phối thiết bị y tế / Mua thuốc Online / Tin tức y học / Tâm Linh Số / Thế giới tâm linh / Mỹ Nghệ Xanh / Anh Áo Xanh / PeppiW / Vinapin / Đồ làm Nail / 360 Editer / Freencircle / Stock With Captain / SWC Invest / Đánh giá bất động sản / Công ty bất động sản Đối tác: Omron / Microlife / Beurer / Starbalm / AND Medical / Yuwell / Dr.Med / Acne-Aid / Sinocare © Land Go Now - Đánh giá bất động sản nhà đất thực tế. All Rights Reserved

Từ khóa » Slide Sản Phẩm Chạy Ngang

Slider Bài Mới Nhất Trượt Ngang Với Thumbnail Cho Blogger [Ves1]

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

¤ Cập nhật!

¤ Trợ giúp!

Bạn có thể thích những bài đăng này

Nhận xét

CÔNG TY TNHH EXPRESSNO1

Hướng Dẫn Tạo Trang Cuộn Sản Phẩm Mới Bằng Bootstrap

Cách Tạo Slide Sản Phẩm Nổi Bật Bằng Bootstrap - HocwebGiare

Slider Sản Phẩm Từ Bootstrap Carousel Với Khả Năng Responsive

Code Slide Ảnh Chạy Ngang Bằng Jquery Css Image Slider, Bài 11

Tạo Slider Chỉ Với HTML Và CSS - Viblo

Cách Tạo Slideshow Cho Trang Web(2022)

CÁCH TẠO SLIDE TRÌNH DIỄN BANNER CHẠY NGANG ĐỘC ĐÁO

Hỏi Về "sản Phẩm Slide Chạy Ngang"

Code Slide ảnh Chạy Ngang Liên Tục Không Bị Khoảng Trống - Taolao

15 Thư Viện Slider Jquery Miễn Phí Cho Dự án Website Của Bạn

Tạo Slide ảnh Trong HTML Với OwlCarousel - Quách Quỳnh

Hướng Dẫn Làm Slide Sử Dụng Javascript - Homiedev

Carousel - LadiPage Help Center

Liên Hệ