以前、個別ページ下部の
『次の投稿』と『前の投稿』表示を、
記事タイトルを表示させるようにした。
前後記事タイトル表示されている状態 |
→個別ページの前後記事表示をタイトル名に変更する方法
が、
関連記事等をさらに表示させたく
以下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://tsurezurenarublog.blogspot.jp/' ,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 終了 -->
おそらく、以前の関連記事表示方法が関与していると思われるが、
両方を生かしたい。
なんとかならないものか…。
0 件のコメント:
コメントを投稿