ブログの使い方ガイド

ブログのサイドカラムに"Facebook 「いいね！」ボックス"を掲載させる方法をご紹介いたします。

１．Facebook 「いいね！」ボックスの設定を行う

※ facebook公式の編集サイトで設定を行います。

・ファンページに行って上部右側にある「ファンページを編集」を押す



・「マーケティング」を押して『ウェブサイトに「いいね！」ボックスを追加』を押す



・表示させたい要素やWidth(横幅)を設定する



・「いいね！」ボックスを掲載する為のソースコードを取得する
上記の設定が終わったら「Get Code」を押すとソースコードが表示される

２．ブログにFacebook 「いいね！」ボックスを設定する

※この設定はlivedoor Blogです。
ブログ設定の「ブログパーツ」から、"フリーエリア"を使って上記で取得したソースコードを設定して下さい。
掲載完了した「いいね！」ボックスを確認しながら、表示レイアウトを微調整して下さい。
　・横幅(width)の微調整する
　・高さ(height)を好みの長さに設定する

最近、ツイートをサイドバーに表示させたいという問い合わせが多いので、
ブログのサイドカラムに"Twitterウィジェット"を表示させる方法をご紹介いたします。






１．プロフィールウィジェットを設定します
※ Twitter公式のプロフィールウィジェットのサイトで設定を行います。
素材 › ウィジェット › ウェブサイトのプロフィールウィジェット

・設定
表示させたいツイートのユーザー名を入力します。



・カスタマイズ
ツイートの表示方法を設定します。



・デザイン
色を設定します。

・サイズ
表示させたいサイズを設定します。



設定が終わったら、下の方にあるボタンの「完了＆コード取得」をクリックして、表示されたコードをコピーします。




２．ブログのTwitterウィジェットを設定する
※この設定はlivedoor Blogです。
ブログ設定の「ブログパーツ」から、"フリーエリア"を使って上記で取得したソースコードを設定して下さい。

Twitterでその記事についてつぶやく為のツイートボタンを設置することができます。

ツイートボタンの公式サイトからコードを取得する。

ツイートボタン公式サイト
1. 好きなボタンを選択します。


2. ツイート内テキストに好きな文言を入力してください。


※以下の独自タグを使用することも可能です。
<$ArticleTitle$>...ブログの記事タイトルが表示されます。
<$BlogTitle$>...ブログのタイトルが表示されます。

3. URLの「他のURLを入力」をチェックし以下の独自タグを入力してください。


<$ArticlePermalink$>...ブログの記事URLが表示されます。

4. 言語選択は「日本語」を選択してください。



5. 以下のようなコードが発行されますので、これを保存します。

自分のブログに貼り付ける

1. 管理画面の「ブログ設定」をクリックし、

表示されたページの「デザイン」をクリックします。



2. 「デザインカスタマイズ」をクリックし、各ページのテンプレート上にツイートボタンのコードを挿入します。


※小さいボタンの場合は<$ArticleToolBox$>などの独自タグの前後に挿入すると適切に配置できます。
※大きいボタンの場合は記事上部に配置します。
※個別記事に直接挿入することも可能です。

3. 保存すれば完了です。



公式のツイートボタンは、特定のアカウントをフォローするようにオススメできるオプションもあります。
Twitterを駆使してあなたのブログを効果的にPRしてください。

ブログのサイドバーには、「ブログパーツ」と呼ばれる便利なパーツを掲載することができます。ブログパーツは、ブログの情報や最新記事一覧、リンク集など、さまざまな種類があります。

ブログパーツを選択する

ブログパーツの追加は、管理画面の「ブログ設定」をクリックし

表示されたページの「ブログパーツ」をクリックします。



ブログパーツのジャンルは「新着ブログパーツ」、「ブログ情報」、「プロフィール情報」、「ブログ装飾」、「広告・アフィリエイト」、「自由なカスタマイズ用」の6つがありますので、追加したいジャンルをクリックします。

ブログパーツを追加する

ここでは「最新コメント」のブログパーツを追加します。
「最新コメント」は「ブログ情報」のジャンルに含まれます。「ブログ情報」をクリックするとそのジャンルのブログパーツ一覧が表示されるので、「最新コメント」の「追加」をクリックします。

ブログパーツを追加する

ブログパーツの名前と説明が書かれたウインドウが表示されます。このブログパーツで問題がなければ、「追加する」をクリックします。

ブログパーツの詳細を設定する

ブログパーツによっては追加時に、設定が必要な場合があります。例えば、「最新コメント」のブログパーツでは、コメントの表示件数を入力します。「保存する」をクリックすると、入力した設定でブログパーツが追加されます。

ブログパーツは、映画やゲームなど、多くのサイトで配布されているものがあります。このブログサでは、そういった他社で配布されているほとんどブログパーツを利用することができます。
おすすめブログパーツ

「フリーエリア」のブログパーツを追加する

「フリーエリア」という、何でも自由に入力することができるブログパーツがありますので、それを追加します。

ブログパーツのジャンルから、「自由なカスタマイズ用」をクリックし、「フリーエリア」の「追加」をクリックします。

「フリーエリア」の設定をする

• 改行設定
  フリーエリアに入力した時に改行を<br />タグに変換する（ブログ上でも改行させる）かどうか設定します。配布されているブログパーツを貼る場合は、たいてい「変換しない」のままで大丈夫です。
• タイトル設定
  ブログパーツにタイトルを表示せず、貼り付けたブログパーツだけを表示したい場合は「ブログパーツタイトルを表示しない」にチェックをいれます。
• プレビュー
  「ON」を選択していると、ブログに表示するブログパーツのイメージを確認できます。
  ※JavaScript（<script ～で始まる）を利用しているブログパーツはプレビューできません。

「フリーエリア」に入力する

ブログパーツの配布元で指定されたタグなどを入力エリアに入力します。入力したら、「保存する」をクリックします。


「設定が完了しました。」を表示されたら、ブログパーツの追加は完了です。ブログを確認してみましょう。