2011年11月09日 このエントリーをはてなブックマークに追加

シーサーブログでzenbackを設置する方法


スポンサーリンク

zenback公式ブログの方法

これが一番簡単です。特にこだわりがない場合はこの通りにやればいいと思います。

記事下への設置方法
1.自分のSeesaaブログ管理画面にログイン
2.[デザイン]-[コンテンツ]のページを表示
3.左下にある[自由形式]という名前のパーツを、右側の[記事]の下にドラッグ&ドロップ
4.[自由形式]パーツを編集して、zenback のスクリプトコードを貼り付け
5.ページ下部の[設定を反映する]ボタンを押下

という5ステップで、ご自身のSeesaaブログの全記事下にzenbackを一気に貼付けできます。

- 引用元:Seesaaブログでのzenback利用方法 - zenbackブログ -

でもこれだとちょっと個人的に気に食わない感じになるんです。

 

zenbackkoushikitop 公式ブログのやり方で当ブログにzenbackを導入したときのtopページ全体図です。

topページにも最新記事が並んだ下にzenbackが表示されてしまいます。

これが僕としては嬉しくないです。 zenbackは個別記事の下だけに表示したいのです。

だから別の方法を取る必要があります。

 

zenbackを個別記事の下だけに表示する方法

「zenback(ゼンバック)」をSeesaa(シーサー)ブログの記事下に入れる方法

上記記事を参考にしました。ですが、表示位置を自分の望むところにしたかったので、改変部分を変更しました。当ブログの様に表示させたい方はこのままお読みください。

zenbackを個別記事の下だけに表示するにはコンテンツの「記事」でHTMLを編集する必要があります。具体的には

  1. マイ・ブログ > 「デザイン」タブ > 「コンテンツ」をクリック
  2. 「記事」をクリックして編集画面へ
  3. 右上の「コンテンツHTML編集」をクリック
  4. ソースを編集

という手順を踏む必要があります。

それで編集部分なのですが、以下のソースの「<br>★ここに挿入★」が改変部分です。ちなみに「<br>」まで含めて改変部分です。「<br>」はもしかしたら必要ないかもしれませんが、一応入れています。

以下のコードをメモ帳か何かに貼り付ける。そして、「★ここに挿入★」部分とzenbackで発行されたコードを置き換えればいいだけです。

最終的に出来上がったコードを上記手順4で元々あるソースと置き換えれば終了です。

<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><br>★ここに挿入★<% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
<% if:blog.bookmark_service %>
<script type="text/javascript" language="javascript" charset="utf-8">

この方法は記事下になにか挿入したい場合、zenback以外でも使えます。Adsenseとか、ブックマークボタンとか




スポンサーリンク
posted by 無理しません at 14:33 | Comment(1) | TrackBack(0) | シーサーブログカスタマイズ | このブログの読者になる | 更新情報をチェックする edit  re
この記事へのコメント
すごく勉強になりました( ´▽`)

さっそく、実行してみましたよ!
すごく役立ちました!

素晴らしい記事をありがとうございました(*゚▽゚*)
Posted by sato at 2013年01月14日 19:41
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。