• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tiện ích Phim mới nhất cho blogspot về phim

31
25/02/2011

Đối với các blogspot chuyên về phim, sau khi sử dụng thủ thuật tạo Readmore tự động riêng cho blog kiểu này thì thủ thuật cần thiết kế đến phải là tiện ích Phim mới nhất (Recent Videos/Recent Films).

Bạn có thể xem Demo cho tiện ích kiểu như vậy tại trang này.

Để cài đặt tiện ích này, bạn hãy thực hiện như sau.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML.

Đặt đoạn code sau đây vào trước thẻ </head>.

<style type='text/css'>
img.recent_thumb {
border:0 none;
float:left;
height:90px;
margin:0 10px 10px 0px;
width:120px;
}
img.recent_thumb:hover {
filter: alpha(opacity:0.7);
KHTMLOpacity: 0.7;
MozOpacity: 0.7;
-khtml-opacity:.70;
-ms-filter:&quot;alpha(opacity=70)&quot;;
-moz-opacity:.70;
filter:alpha(opacity=70);
opacity:.70;
}
.recent_video_title {
font-size:12px;
font-weight:bold;
margin-bottom:-15px;
padding-left:130px;
}

.recent_video_desc {
font-family:verdana;
font-size:10px;
line-height:15px;
margin-bottom:-10px;
padding-left:130px;
}
.recent_video_footer {
color:#999999;
font-family:verdana;
font-size:10px;
padding-left:130px;
}
.recent_posts_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 5px 0px 5px 0px;
padding: 0;
font-size:12px;
}
ul.recent_posts_with_thumbs li {
background:transparent url(http://i1091.photobucket.com/albums/i393/Sc0ttyN/play2.png) no-repeat scroll 0 5px;
min-height:90px;
padding-bottom:10px;
padding-top:10px;
}
.recent_posts_with_thumbs a {
text-decoration:none;
}
.recent_posts_with_thumbs strong {
font-size:10px;
}
</style>

<script style="text/javascript">
//<![CDATA[
function showrecentpostswiththumbs(json) {
document.write('<ul class="recent_posts_with_thumbs">');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){
var commenttext=entry.link[k].title;
var commenturl=entry.link[k].href;
}
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;break;
}
}
if("content"in entry){
var postcontent=entry.content.$t;
}
var vidid = postcontent.substring(postcontent.indexOf("http://www.youtube.com/watch?v=")+31,postcontent.indexOf("endofvid"));


try {thumburl='http://i2.ytimg.com/vi/'+vidid+'/default.jpg';}catch (error){
thumburl='http://goo.gl/aVYDz';
}
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";
document.write('<li class="clearfix">');

if(showpostthumbnails==true)
document.write('<a href="'+ posturl + '"><img class="recent_thumb" src="'+thumburl+'"/></a>');
document.write('<div class="recent_video_title"><a href="'+posturl+'" target ="_top">'+posttitle+'</a></div><br>');
var textinside = postcontent.substring(postcontent.indexOf("[starttext]")+11,postcontent.indexOf("[endtext]"));
var re = /<\S[^>]*>/g;
postcontent = textinside.replace(re, "");


if (showpostsummary == true) {

if (postcontent.length < numchars) {
document.write('<div class="recent_video_desc">');
document.write(postcontent);
document.write('</div>');}
else {
document.write('<div class="recent_video_desc">');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...');
document.write('</div>');}
}

var towrite='';var flag=0;
document.write('<br><div class="recent_video_footer">');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+' '+cdday+' , '+cdyear;flag=1;}

if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 nhận xét';
if(commenttext=='0 Comments') commenttext='Chưa có nhận xét';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

document.write(towrite);

document.write('</div></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('<hr size=0.5>');

}document.write('</ul>');

}
//]]>
</script>

Lưu Template.

Bước 2. Vào Page Elements. Trên sidebar thêm một tiện ích HTML/Javascript, đặt tiêu đề tiện ích là Phim mới nhất hoặc theo ý thích của bạn, ở phần nội dung tiện ích thì đặt vào bằng đoạn code bên dưới.

<script style="text/javascript">
var numposts = 5; // Thay số 5 bằng số bài viết muốn hiển thị
var showpostthumbnails = true; // Thay true bằng false nếu không muốn hiện thumbnail
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 50;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
<div class="clear"/></div>

Nếu bạn muốn áp dụng tiện ích này cho một nhãn nào đó thì thay dòng được đánh dấu màu đỏ bằng dòng bên dưới.

<script src="/feeds/posts/default/-/Tên nhãn?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Thay Tên nhãn bằng nhãn mà bạn muốn áp dụng tiện ích.

Nguồn tham khảo: Xem >>

{31 bình luậnAdd yours ?}

19:12:00, 25 thg 2, 2011

Ủa hà sao mình làm theo hướng dẫn của bác edit blog chỉnh sửa cái posted đó nó ko ra theo ý muốn nó vẫn y như cũ

Reply
19:17:00, 25 thg 2, 2011

Chú dùng Template tên gì thế, cho a biết là giải quyết xong.

Reply
20:29:00, 25 thg 2, 2011

Template Orangepress http://orangepress-template.blogspot.com/

Reply
20:49:00, 25 thg 2, 2011

Ồ, vậy khi Edit HTML của Template ở chế độ mở rộng mẫu tiện ích, chú tìm đến đoạn code bên dưới nhé.

<small class='post-meta'>
<b:if cond='data:post.dateHeader'>Posted <data:post.dateHeader/></b:if>
<b:if cond='data:post.labels'>
in <b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>
<b:if cond='data:top.showAuthor'>by <data:post.author/></b:if>
</small>

Thay những từ được in đậm theo ý thích.

:53)

Reply
21:12:00, 25 thg 2, 2011

imageshack mới sửa lại bị lỗi ảnh, Ha edit lại mấy tấm ảnh trong thủ thuật có sử dụng ảnh imageshack nhen :65)

Reply
21:22:00, 25 thg 2, 2011

@Lê Trương Vĩnh Trung OK. Rút cơm nguội k upload ảnh lên imageshack nữa. Rảnh sẽ dò thay hết ảnh

Reply
21:56:00, 25 thg 2, 2011

Mà bác ơi muốn xóa cái đường viền xung quanh ảnh thì làm sao đây

Reply
23:10:00, 25 thg 2, 2011

@Minh Quân : tìm đến chỗ "img" hay "Post img" sửa cái "border" thành "border:none" :65)
@Huỳnh Nhật Hà : Trước giờ em mới nghe cái Recent này với hình đại diên , giờ chơi luôn Video luôn a , dzữ thật ^^ .
Comment Form mới à anh :)

Reply
23:33:00, 25 thg 2, 2011

@LinkFoci Ừ, a mới design lại cái Comments Block cho giống Wordpress nhìn đẹp hơn tí.

Reply

có thể share cho minh skin karaoke đó ko ^^

Reply
08:32:00, 26 thg 2, 2011

@(¯`·.º-:¦:-º♥º¶v¶r.£ëëº♥º-:¦:-º.·´¯) : đây là Bloggertube Template , bạn có thể search trên google

Reply
09:35:00, 26 thg 2, 2011

Form comments mới đẹp quá, bác viết tut cho anh em học hỏi với nhé, em cũng thích kiểu này. À, mấy cái mặt cười bác quên hướng dẫn người comments biết ký tự nào ra mặt cười nào rồi :D

Reply
09:58:00, 26 thg 2, 2011

@ a.Hà : Cooment Block của anh hiển thị trên IE chuẩn luôn , giá như em cũng làm dc như thế :55)
@Rùa Biển : nghe nói rê chuột vào Emo là biết mã của Emo đó :51)

Reply
10:52:00, 26 thg 2, 2011

bac co the viet tut cho cai form comments nay ko nhi

Reply
22:49:00, 26 thg 2, 2011

@R�a Bi?n Mặt cười thì rê trỏ vào là thấy mã nhập mà. Comments thì từng bước mọi người sẽ biết thôi mà, rất vui khi có nhiều người thích kiểu Comments mới của mình.

Reply
10:45:00, 27 thg 2, 2011

:56) test thử nha bác :59)

Reply
11:36:00, 29 thg 3, 2011

Bác Hà cái Recent post video này bên em đưa vào không good

Reply
14:12:00, 29 thg 3, 2011

cái Recent Post Youtube này phải đi cùng với auto readmore youtube mới được đó nha :54)

Reply
18:39:00, 29 thg 3, 2011

Tại sao lúc đầu bác không nói? làm em ngồi em ngâm cứu cả buổi bác tin là em dớt bác không ...>>> dot.

Reply
18:43:00, 29 thg 3, 2011

ý quên Bác Hà làm sao hướng dẫn cho em cách post phim như trang usa2vn.com được không ? em mò hoài không ra. cám ơn bác trước

Reply
18:52:00, 29 thg 3, 2011

Để rảnh ngâm cứu nha, Phi Dương, dạo này tháng 3 tháng đoàn thanh niên giao lưu nhiều nên hơi bị xỉn.

Reply
23:56:00, 29 thg 3, 2011

Em cũng đang nghiên cứu cái usa2vn.com đó bác. mới tìm dc cái template còn cách post thì vẫn đang nghiên cứu

Reply
00:28:00, 30 thg 3, 2011

hình như bác usa2vn chỉnh thời gian post các tập của mỗi bộ phim lùi lại vài năm và bác ấy làm 1 playlist. Nhưng cái scrip của bác ấy làm thì em áp dụng ko dc :61)

Reply
07:51:00, 30 thg 3, 2011

Ủa, usavn.com đâu có dùng script autoreadmore. Chỉ dùng cái jump-link có sẵn trong Post Editor thôi mà. Trong Template đó có cái script autoreadmore mà usavn đâu có xài đâu nè:

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(A,B){if(A.indexOf("<")!=-1){var C=A.split("<");for(var D=0;D<C.length;D++){if(C[D].indexOf(">")!=-1){C[D]=C[D].substring(C[D].indexOf(">")+1,C[D].length);}}A=C.join("");}B=(B<A.length-1)?B:A.length-2;while(A.charAt(B-1)!=' '&&A.indexOf(' ',B)!=-1)B++;A=A.substring(0,B-1);return A+'...';}function createSummaryAndThumb(A){var B=document.getElementById(A);var C="";var D=B.getElementsByTagName("img");var E=summary_noimg;if(D.length>=1){C='<div class="videobox"><img src="'+D[0].src+'" /></div>';E=summary_img;}var F=C+'<div>'+removeHtmlTag(B.innerHTML,E)+'</div>';B.innerHTML=F;}
//]]>
</script>
:51)

Reply
07:54:00, 30 thg 3, 2011

@Tịch Phi Dương Sao PD không dùng cái này đi hè

Reply
14:59:00, 31 thg 10, 2011

Chỉ mỗi cái hình đại diện video là gặp trục trặc, ai ơi giúp tui với
http://nghenhacnet.blogspot.com

Reply
22:37:00, 30 thg 12, 2011

anh ơi cái code này <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script> phải thêm địa chỉ blog mình vào chứ ? vs lại nếu blog ai muk cài
không cho phép Nguồn cấp dữ liệu Blog thỳ sẽ k load đc ảnh nhỉ?><

Reply
20:34:00, 12 thg 3, 2012

Hic, nản quá, sao khi e cho code vào HTML/Javascript thì được mà ở chỉnh sửa HTML thì ko đc nhỉ, nó báo "Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.
Thông báo lỗi XML: The reference to entity "alt" must end with the ';' delimiter.
Error 500" vì nhãn của e có chữ cái hoa nên ko để đc ở HTML, bác chỉ giúp e với. Cám ơn bác nhiều.

Reply
17:50:00, 6 thg 5, 2012

ai biết làm cái này hiển thị hàng ngang chỉ mình với !!

Reply
14:49:00, 8 thg 6, 2012

Hiện theo hàng ngang có được không anh Hà ? Giúp em với

Reply
22:48:00, 31 thg 8, 2012

Bạn ơi! sao mình làm đúng như bạn chỉ dẫn vậy mà theme của trang mình vẫn như củ không thay đổi đc gì cả? mình phải làm sao đây! kuu mình với hix hix
Mình không am hiểu về cái này lắm!

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn