Bloggerの「次の投稿」にページタイトルを表示するには?page title on nextpage

Bloggerでは、「次の投稿」「前の投稿」にタイトルが表示されないので、どんな記事だかわからない。
「次の投稿」にページタイトルを表示するにはどうしたらよいか、調べてみると簡単だった。

Blogger のテンプレートの編集で、</body> の前に、次のコードを挿入するだけ。

参考:Blogger:「次の投稿・前の投稿」にページタイトルを付与する-Feedから情報取得

--------- </body> の前に、次のコードを挿入

<!-- set next prev page title start -->
<script type='text/javascript'>
//<![CDATA[
<!--
(function () {

    function addScript(src) {

        var script = document.createElement('script');
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", src);

        header_setChild(script);
    }

    function getHeader() {
        return document.getElementsByTagName("head")[0];
    }

    function header_setChild(child) {
        var head = getHeader();
        head.appendChild(child);
    }

    var prev_page_link_obj = document.getElementById("Blog1_blog-pager-older-link");
    if (prev_page_link_obj) {
        var prev_page_link_url = prev_page_link_obj.getAttribute("href");
        addPageTitleFromFeed("blog-pager-older-link", prev_page_link_url, "addPrevPageTitle");
    }

    var next_page_link_obj = document.getElementById("Blog1_blog-pager-newer-link");
    if (next_page_link_obj) {
        var next_page_link_url = next_page_link_obj.getAttribute("href");
        addPageTitleFromFeed("blog-pager-newer-link", next_page_link_url, "addNextPageTitle");
    }

    function addPageTitleFromFeed(ins_obj_id, page_url, callback) {

        if (!ins_obj_id) return;
        if (!page_url) return;
        if (page_url.indexOf("?") != -1) return;        


        var home_url = location.protocol + "//" + location.hostname + "/";      
        var page_url_remove_home = page_url.replace(home_url, "");              
        if (!page_url_remove_home) return;              
        page_url_remove_home = "/" + page_url_remove_home;

        var div = document.createElement("div");
        var title_obj_id = ins_obj_id + "-title";
        div.innerHTML = "<a href="" + page_url + "" id="" + title_obj_id + "">" + "now loading..." + "</a>";


        var obj = document.getElementById(ins_obj_id);
        if (!obj) return;
        obj.appendChild(div);

        addScript(home_url + "feeds/posts/summary?alt=json-in-script&callback=" + callback + "&max-results=1&path=" + page_url_remove_home + "&redirect=false");
    }

})();

function addPrevPageTitle(data) {
    addPageTitle(data, "blog-pager-older-link-title");
}

function addNextPageTitle(data) {
    addPageTitle(data, "blog-pager-newer-link-title");
}

function addPageTitle(data, id) {

    var title = "";
    if (data.feed.entry) {
        if (data.feed.entry.length > 0) {
            title = escapeHTML(data.feed.entry[0].title.$t);
        }
    }

    var obj = document.getElementById(id);
    if (!obj) return;
    obj.innerHTML = title;

    function escapeHTML(html) {

        var div = document.createElement("div");
        if (div.innerText !== void 0) div.innerText = html;          
        else div.textContent = html;                                 

        return div.innerHTML;
    }
}
//-->
//]]>
</script>
<!-- set next prev page title end -->



    
  • このサイトに新規記事を投稿する時、同時に Facebook にも投稿するように設定している。 Next Scripts: Social Networks Auto Poster  というプラグインを利 ...
  • WordPress では、タグクラウドにそれぞれのタグの投稿記事数が表示されないのが標準であるが、時に投稿数が表示されているものもみかける。 どうすれば記事数を表示できるのか、調べてみたが、これがなか ...
  • FlexSlider は Celtispack プラグインパック に含まれていて、画像ギャラリー作成時に、FlexSlider を選択できる。 このサムネイルが70x70pxで小さいので大きくする方法 ...
  • Blogger からKusanagi-WordPress への移転が完了し、一段落したので、これまでの経緯を振り返り、次回のためのマニュアルとして記す。 BloggerからWordPressに移行決 ...
  • Blogger に表を挿入するには、ExcelよりもGoogleDoc Spreadsheets からコピペした方が、書式が反映されやすい。 バンコクでミャンマーVISAをとるには バンコクでミャンマ ...
  • 今時のCMSを調べてみると、Wordpress の他に、Concrete5 、Modx、Drupal 等があった。Concrete5 を使ってみることにした。 お名前コムVPS、CentOS Linu ...
  • 支那ブロック回避対策でBloggerから引っ越しを検討する際に、あらためてVPSサービスの現状を調べてみた。 rootでログインできる自前サーバーである。 現在はお名前.com VPSを使用して、wo ...

タグクラウド

blogger カテゴリ人気記事 Views most

blogger・ブログ カテゴリ人気記事 月間

20151104

タグ関連記事

閲覧履歴

    //cookieが無い場合の処理
2019
GA-views: 264
20151104