2014-12-29 1 views
0

최근 한 가지 사소한 세부 사항에 문제가있는 것을 제외하고는 블로거 템플릿을 원하는대로 구입하여 사용자 정의했습니다. 게시물에는 자동 읽기 스크립트가 있으며 "읽음"을 클릭하지 않으면 실제 블로그 게시물에서 사용하는 HTML이 작동하지 않습니다. 누구든지이 문제를 해결하는 방법을 알고 있습니까? 템플릿의 실제 코드는 다소 혼란 스럽지만, 이것은 Wordpress 테마를 사용하여 블로거 템플릿으로 작업하는 것을 처음 시도한 것입니다. 나는 이것이 그 섹션이 어디에서 왔는지 믿습니다. Blogger에 게시물 요약을 작성하는 스크립트에 HTML 보관

<script type='text/javascript'>//<![CDATA[function stripTags(s, n) { 
return s.replace(/<.*?>/ig, "").split(/\s+/).slice(0, n - 1).join(" ")} 
function rm(a) { 
var p = document.getElementById(a); 
imgtag = ""; 
ifrtag = ""; 
ifrsrc = ""; 
ifrtb = -1; 
img = p.getElementsByTagName("img"); 
ifr = p.getElementsByTagName("iframe"); 
for (var i = 0; i < ifr.length; i++) { 
    ifrsrc = ifr[i].src; 
    if (ifrsrc.indexOf("//www.youtube.com/embed/") != -1) { 
     ifrtb = i; 
     break 
    } else if (ifrsrc.indexOf("//player.vimeo.com/video/") != -1) { 
     ifrtb = i; 
     break 
    } else if (ifrsrc.indexOf("//www.dailymotion.com/embed/video/") != -1) { 
     ifrtb = i; 
     break 
    } 
} 
if (ifrtb != -1) ifrtag = '<div class="entry-video"><iframe width="840" height="472" src="' + ifrsrc + '?vq=medium&rel=0" frameborder="0" allowfullscreen></iframe></div>'; 
else if (img.length >= 1) imgtag = '<div class="entry-image"><a href="' + y + '"><img class="thumb" src="' + img[0].src + '" /></a></div>'; 
else imgtag = '<div class="entry-image no-image"><a href="' + y + '"><img class="thumb" src="https://lh4.googleusercontent.com/-G9M2DTCTUwM/Tlh-2pwtc5I/AAAAAAAABKM/kCJg-Kf3W2M/no_image_yet.jpg" /></a></div>'; 
p.innerHTML = '<div class="entry-container"><div class="entry-content"><h1 class="entry-title"> <div class="post-avatar"></div> <div class="meta"><p><small> <i class="fa fa-clock-o"></i> ' + t + ' &nbsp; &nbsp;<i class="fa fa-user"></i> ' + z + ' &nbsp; &nbsp; <i class="fa fa-comments"></i> ' + u + ' Comments</small></p></div> <a href="' + y + '">' + x + " </a> </h1> " + ifrtag + imgtag + "<p>" + stripTags(p.innerHTML, 60) + "...</p></div></div>" 


} 

function av(a) { 
var b = a.entry.author[0]; 
c = b.name.$t; 
d = b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//, "/s55$1/"); 
document.write('<img alt="' + c + '" class="avatar-author" src="' + d + '" title="' + c + '"/>') 
}; 
//]]></script> 
<div class='pull-left'> <a class='read-more' expr:href='data:post.url'>Read More</a> 

나는 어떤 removeHTML 태그, 또는 나에게 요약에 표시된 문자의 양을 편집 할 수있는 장소를 찾고 시도했지만 아무것도 찾을 수없는 것. 내가 작업하고있는 웹 사이트는 www.angelakulig.com이고 Blogger 테마는 Theme Xpose의 Pratico이며 여기서 찾을 수 있습니다. http://www.themexpose.com/2014/06/pratico-clean-responsive-blogger.html 이 링크는 필요한 경우 전체 템플릿 코드를 제공합니다. 미리 감사드립니다.

는 "stripTags은 (p.innerHTML가, 60)"300

코드 60의 값을 증가

+0

난 당신이 유래에이 주제에 도움이 아무것도 얻을 것이다 의심 . Blogger 제품 포럼 https://productforums.google.com/forum/#!categories/blogger/ –

+0

감사합니다. Deepak에게 물어보십시오. 나는 거기에서 시험 할 것이다! – tabryan10

답변

1

은 다음과 같습니다 :

<script type='text/javascript'>//<![CDATA[function stripTags(s, n) { 
return s.replace(/<.*?>/ig, "").split(/\s+/).slice(0, n - 1).join(" ")} 
function rm(a) { 
var p = document.getElementById(a); 
imgtag = ""; 
ifrtag = ""; 
ifrsrc = ""; 
ifrtb = -1; 
img = p.getElementsByTagName("img"); 
ifr = p.getElementsByTagName("iframe"); 
for (var i = 0; i < ifr.length; i++) { 
    ifrsrc = ifr[i].src; 
    if (ifrsrc.indexOf("//www.youtube.com/embed/") != -1) { 
     ifrtb = i; 
     break 
    } else if (ifrsrc.indexOf("//player.vimeo.com/video/") != -1) { 
     ifrtb = i; 
     break 
    } else if (ifrsrc.indexOf("//www.dailymotion.com/embed/video/") != -1) { 
     ifrtb = i; 
     break 
    } 
} 
if (ifrtb != -1) ifrtag = '<div class="entry-video"><iframe width="840" height="472" src="' + ifrsrc + '?vq=medium&rel=0" frameborder="0" allowfullscreen></iframe></div>'; 
else if (img.length >= 1) imgtag = '<div class="entry-image"><a href="' + y + '"><img class="thumb" src="' + img[0].src + '" /></a></div>'; 
else imgtag = '<div class="entry-image no-image"><a href="' + y + '"><img class="thumb" src="https://lh4.googleusercontent.com/-G9M2DTCTUwM/Tlh-2pwtc5I/AAAAAAAABKM/kCJg-Kf3W2M/no_image_yet.jpg" /></a></div>'; 
p.innerHTML = '<div class="entry-container"><div class="entry-content"><h1 class="entry-title"> <div class="post-avatar"></div> <div class="meta"><p><small> <i class="fa fa-clock-o"></i> ' + t + ' &nbsp; &nbsp;<i class="fa fa-user"></i> ' + z + ' &nbsp; &nbsp; <i class="fa fa-comments"></i> ' + u + ' Comments</small></p></div> <a href="' + y + '">' + x + " </a> </h1> " + ifrtag + imgtag + "<p>" + stripTags(p.innerHTML, 300) + "...</p></div></div>" 


} 

function av(a) { 
var b = a.entry.author[0]; 
c = b.name.$t; 
d = b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//, "/s55$1/"); 
document.write('<img alt="' + c + '" class="avatar-author" src="' + d + '" title="' + c + '"/>') 
}; 
//]]></script> 
<div class='pull-left'> <a class='read-more' expr:href='data:post.url'>Read More</a>