« 2013年2月 | メイン | 2013年4月 »

2013年3月

2013年3月29日 (金)

スマホビューでもZenback！～第3回 Blogger編（簡易版）

こんにちは。

ブログのスマートフォンビューにZenbackを設置する方法、第3回は、Blogger編です。
BloggerへのZenback設置は、テンプレートに記述する高度な方法と、お手軽に「すべての投稿記事にZenbackのコードをうめこむ」簡単な方法があります。ここでは、簡単な方法をご紹介します。
※この方法は、過去の記事には適用されませんのでご注意ください。

尚、高度な設置の方法については、以下のブログで解説いただいてます。PC、スマートフォン共通の記事下の箇所に記述することで、スマートフォンビューでも表示できるようです。あわせてご参照くださいませ。

Bloggerにzenbackを美しく導入する方法-swordsmith
http://romberg-iso8.blogspot.jp/2010/07/bloggerzenback_20.html

BloggerのスマートフォンビューにZenbackを設置する（簡易版）

1.ブログ管理画面から、「設定」「投稿とコメント」を選択

Blogger1_2

2. 投稿テンプレートに「続きを読む」タグと、Zenbackのコードを入力し、「設定を保存」をクリック

Blogger2_2

「続きを読む」を挿入する、

<!--more-->

タグをZenbackのコードの上にあわせて記述してください。
こうすることで、記事個別ページのみにZenbackを表示することができます。


設定はこれで完成。

これで、「新しい投稿」を押して新規の記事を投稿する際に、Zenbackのコードが自動的に埋め込まれます。

Blogger4

「新しい投稿」を押して記事を作成すると、こんなふうに登録したコードが自動で挿入されています。

Blogger3

リッチテキストエディタでは、区切り線の入っているところから下がZenbackエリアです。
挿入したコードより上に、記事を書いてください。

Blogger

こんなふうに、PC版、スマホ版の両方の記事すぐ下にスマートにZenbackが表示できます。

尚、あくまで簡易的な方法なため、過去の記事には適用されません。過去の記事に貼るには、ひとつずつの記事の編集画面に同じコードを貼りつけてください（ちょっと大変です。すみません）。

過去の記事にも自動的に挿入したい場合には、以下の記事を参考に、テンプレートのHTMLを編集してみてください。
テンプレートごとに挿入する位置が異なり、ちょっと難易度高めです。

Bloggerにzenbackを美しく導入する方法-swordsmith
http://romberg-iso8.blogspot.jp/2010/07/bloggerzenback_20.html

サンプルブログはこちら
http://ryunosukeaaa.blogspot.jp/2013/03/blog-post_8620.html

ぜひ、お試しください。

スマートフォンビューでもZenback！シリーズ
第1回 FC2ブログ編
第2回 はてなブログ編
第3回 Blogger編（簡易版）イマココ

投稿時刻 15:36 ヘルプ | | コメント (0)

2013年3月27日 (水)

スマホビューでもZenback！～第2回 はてなブログ編

こんにちは。

ブログのスマートフォンビューにZenbackを設置する方法、第2回は、はてなブログ編です。
が、じつは、はてなブログへのZenbackの設置は、いまさらご説明するまでもないほど簡単です！
（はてなさん、ありがとうございます♪）
PCビューもスマホビューも、とても簡単に設置できますので、まだの方はぜひお試しください。

はてなブログのスマートフォンビューにZenbackを設置する

1.ブログの右上にある「管理」から、「デザイン」を選択

Hatenablog1


2. デザインテーマの編集画面で「カスタマイズ」を選択

Hatenablog2


3. 「記事」を選択

Hatenablog3

4. 「記事下」の入力欄にZenbackのコードを貼りつけ、「スマートフォン版にも表示する」にチェック、上の「変更を保存する」を押して完了！

Hatenablog4

たったこれだけです！

はてなブログのデザインもシンプルなものが多いので、Zenbackがばっちりはまりますね。

Osamulog_2

サンプルブログはこちら
http://osamulog.hatenablog.com/

ぜひお試しくださいませ♪


スマートフォンビューでもZenback！シリーズ
第1回 FC2ブログ編
第2回 はてなブログ編（イマココ）

投稿時刻 15:43 ヘルプ | | コメント (0)

2013年3月22日 (金)

スマホビューでもZenback！～第1回 FC2ブログ編

Zenbackユーザーの皆さまこんにちは。いつもご利用いただきありがとうございます。

最近、スマートフォンやタブレットからの閲覧、増えていますよね。大手ブログサービスでは、自動的にスマートフォンビューに切り替えて表示されるようになっているところも多いとおもいます。

じつはスマートフォンビューでもZenback、とてもオススメです！

こんなふうに、スマートフォンのような幅が狭い表示の場合には、レスポンシブに表示を切り替えて、違和感なく表示することができるんです。

スマートフォンビューにZenbackを設置するには？

スマートフォンビューのデザインが編集できるブログサービスなら、Zenbackの設置もとても簡単です。

  • PC版と同じ表示項目のZenbackを設置するなら…
    PC版と同じZenbackのコードを、スマートフォンビューのデザインテンプレートに設置するだけでOKです。
  • PC版と違う表示項目、違う表示数のZenbackを設置するなら…
    新たにブログを「新規追加」で登録し、新しく取得したコードを、スマートフォンビューのデザインテンプレートに設置してください。PC版とは違う表示項目や、違う表示数にすることができます。

というわけで、今回から複数回にわたって、各ブログサービスでの「スマートフォン用テンプレート」の編集のしかたを解説します。
第1回はFC2ブログです。

 

サンプルページはこちら。
http://sosekiblog.blog.fc2.com/blog-entry-3.html?sp

FC2ブログのスマートフォンテンプレートにZenbackを設置する

1. 管理画面トップから、「テンプレート　スマートフォン」へ

Fc2sp1_2

2. 「公式テンプレートの追加」へ

Fc2sp2

3. 好きなテンプレートを選び、「詳細」へ

Fc2sp3

4. テンプレートを「ダウンロード」

Fc2sp5

5. 「テンプレートを管理」画面に移動し、ダウンロードしたテンプレートの左のチェックボタンにチェックを入れ、「適用」

Fc2sp6

6. HTML CSSの「編集」をクリック

Fc2sp7

7. 表示したい位置に、Zenbackのコードを挿入し、「更新」をクリック。

Fc2sp9

※挿入する位置は、テンプレートによりますが、 

<!--permanent_area-->

～

<!--/permanent_area-->

で囲まれた箇所を探し、2つめの 

<!--/permanent_area-->

の直前に入れると、失敗がないようです。

 

これで完成。スマートフォンから確認すると、以下のように、個別記事ページの下にZenbackが表示されます！

Fc2sample


サンプルページはこちら。
http://sosekiblog.blog.fc2.com/blog-entry-3.html?sp

追記：canonicalタグを設定すると、さらによいです！

こちらのご意見を元に、サンプルブログでもcanonicalタグを指定してみました。

スマートフォンテンプレートで、 

<head>
～
</head>
の間に、以下のコードを記述します。 

<!--permanent_area-->
<link rel="canonical" href="<%url>blog-entry-<%pno>.html" />
<!--/permanent_area-->

※実際は空白を含まず1行に記述してください。

FC2ブログでは、個別ページのURLに
http://sosekiblog.blog.fc2.com/blog-entry-3.html
と
http://sosekiblog.blog.fc2.com/?no=3
の2つがあり、スマートフォンのトップページからは後者にリンクするのですが、canonicalの指定によって、どちらのURLでも同じ内容のZenbackを表示することができるようになります。

ぜひお試しくださいませ♪


スマートフォンビューでもZenback！シリーズ
第1回 FC2ブログ編（イマココ）
第2回 はてなブログ編

投稿時刻 14:45 ヘルプ | | コメント (0)

2013年3月 1日 (金)

3月5日より「Zenbackクラシファイド」を、しばらく休止いたします

いつもZenbackをご利用いただきありがとうございます。

2011年10月からご提供していました「Zenbackクラシファイド」につきまして、3月5日より、しばらくサービスを休止させていただきます。
本サービスに利用していた、Twitter APIの仕様変更に伴い、現状のままでのサービス提供が難しくなったため、一旦仕切り直すことにいたしました。

Zenbackクラシファイドをたくさんご利用いただいていた皆さまには恐縮ですが、さらにパワーアップしたサービスとしてご提供できるよう準備を進めていますので、お待ちいただけたら幸いです。

尚、有料の「Zenback ADS」は引き続き販売しております。
トライアルや掲載のご要望がございましたら、お問い合わせくださいませ。
http://www.sixapart.jp/zenback/ads/

そもそもZenbackクラシファイドってなんでしたっけ？

Twitterで@zbcf宛につぶやいてご応募いただいたツイートを、Zenbackに設けている広告枠の空き枠に表示するサービスです。

3/5以降、クラシファイドの出ていた枠はどうなるの？

広告を出稿いただいているときには、広告を表示します。
広告がないときには、Zenbackからのお知らせを表示したり、お知らせがない場合には何も表示されないこともあります。

3/5以降、@zbcf宛につぶやくとどうなるの？

つぶやいていただいても掲載ができなくなります。
その旨、Twitterの@zbcfアカウントよりリプライでご案内させていただきます。

Zenbackの広告枠を「単に広告が表示されるエリア」ではなくZenbackならではのブロガーの皆様にお役に立てるエリアにすべく、企画を練っています。
ご意見・ご要望などございましたら、お気軽に @zenback までお寄せください。

これからもZenbackをご愛顧くださいませ。

投稿時刻 10:06 お知らせ | | コメント (0)