[Blogger]如何使行動版面的縮圖呈現完整?

 

 

若以行動裝置瀏覽Blogspot文章，往往會發現文章的縮圖呈現截圖狀態，如上圖紅框所示。

如何使文章的縮圖呈現完整，可依照下列步驟將HTML程式碼進行置換。

1.搜尋mobile-index-thumbnail

<b:if cond='data:post.thumbnailUrl'>
 <div class='mobile-index-thumbnail'>
 <div class='Image'>
 <img expr:src='data:post.thumbnailUrl'/>
 </div>
 </div>
 </b:if>

2.將上述程式碼更換下列程式碼

<b:if cond='data:post.thumbnailUrl'>
 <div class='mobile-index-thumbnail'>
 <div class='Image'>
<b:if cond='data:post.firstImageUrl'>
 <img class='thumbnail' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' width='80px' height='60px' />
<b:else/>
 <img alt='no image' class='post-image' src='http://1.bp.blogspot.com/-0ZVmySTNp8w/VatptLQV04I/AAAAAAAAA4A/Kyr5yVdA30c/s1600/No-image-available-technohalf.png'/>
</b:if>
 </div>
 </div>
 </b:if>

-----如果文章對您有幫助，打開微信掃一掃，請作者喝杯咖啡。-----