以前、個別ページ下部の
『次の投稿』と『前の投稿』表示を、
記事タイトルを表示させるようにした。
が、
関連記事等をさらに表示させたく
以下Smarter Related Posts Widget for Google Blogger - v2.0 コードとLinkwithinコードを
現在の関連記事表示されるコードの
</b:includable>上部に挿入するが、
IEにて、以下2点の課題が生じた。
- 1)個別ページにて前後記事がタイトル表示でなく、『次の投稿』『前の投稿』表示になる。
- 2)サイドバーのzenbackがなかなか表示されない。
以下Smarter Related Post Widget for BloggerコードとLinkwithinコード。
(一部改変済み)
<!-- 関連記事 開始 -->
<b:if cond='data:blog.isMobile'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div style='clear: both; margin-top: 0px;'>
<!--~~~~~~~~~~~~~~~~~ Include these JS files once: jQuery then plugin -->
<script src='http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js' type='text/javascript'/>
<!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML -->
<div class='related-posts-widget'>
<!-- {
blog_url:'http://(Blogger名).blogspot.com/'
,tags:[]
,related_title:'関連記事'
,recent_title:'最近の記事'
,thumbs:0
,post_page_only:1
} -->
loading..
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
</div>
</b:if>
</b:if>
<!-- 関連記事 終了 -->
<div class='linkwithin_div'/>
<!-- linkwithin code 開始 -->
<b:if cond='data:blog.isMobile'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div style='clear: both; float: right; margin-right: 10px;'>
<script>
var linkwithin_site_id = *******;
var linkwithin_text='こちらの記事も読まれています';
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
</div>
</b:if>
</b:if>
<!-- linkwithin code 終了 -->
おそらく、以前の関連記事表示方法が関与していると思われるが、
両方を生かしたい。
なんとかならないものか…。
コメント