Question

我有一个blogspot博客，我想在主页中更改其帖子片段的格式，类似于此blogspot website（带片段的i3主题）中的片段。这个网站的片段与其帖子的完整视图完全相同，除了片段仅显示帖子的顶部（仅第一张图片和仅约100个字，但与帖子的完整视图没有外观差异））。

我目前的片段很乱。即使从标题到段落，他们也不会应用换行符，并且帖子的css样式也不会显示在主页的帖子片段中。

有人可以帮助我这样做吗？

据我了解，我目前模板的相关代码段如下所示。我认为我要做的是，删除它们并为上述网站的片段添加代码。

非常感谢！

  <data:post.body/>
         </div>     
            <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;,&quot;<data:post.author/>&quot;);   </script>                            

         </div>

function createSummaryAndThumb(pID,title,url,date,comment,by){
var posturl= url;
var title=title;
var date =date;
var comment = comment;
var div = document.getElementById(pID);
var content = div.innerHTML;

if (/<!--\s*more\s*-->/.test(content)) {
div.innerHTML = getSummaryLikeWP(pID);
div.style.display = "block";

}


else {

var imgtag = "";

var img = div.getElementsByTagName("img");
var summ = summary;


if(img.length>=1) {
imgtag = '<div class="thumb"><a href="'+posturl+'"><img width="300" height="160" src="'+img[0].src+'"/><span class="zoom"></span></a><div class="comment-bubble"><span class="comment-count">'+comment+'</span></div></div>';
}
  var summary1 = imgtag+'<div class="entry-wrap"><div class="entry-header"><h3><a href="'+posturl+'">'+title+'</a></h3></div><div class="metaMore"> '+date+'</div><p class="p-summary clearfix">'+stripHtmlTags(content,summary)+'... </p><div class="metaMore"><a class="readMore" href="'+posturl+'">Read More</a></div></div>';

div.innerHTML = summary1;
div.style.display = "block";
}
}


function getSummaryLikeWP(id) {
return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];
}

如何为博客模板创建此最近的帖子片段？

0 个答案: