pure white

pure white

小原佑介オフィシャルブログ presents 個人ブランディング用アメブロテンプレート『pure white』のデモページです。

こちらは小原佑介オフィシャルブログにて

プレゼントとして配布しているアメブロテンプレートのデモページです。

小原佑介オフィシャルブログの会員様限定で配布しております。


$pure white-バナー


こちらのテンプレートには今回のために用意した

オリジナルの読者登録ボタンがセットになっております。


テンプレートの使い方はこちらのデモページで

ご案内しておりますので、手順に沿って作業してください。

Amebaでブログを始めよう!
tw_manual_01_600


タイムラインを表示させたいアカウントでTwitterにログインし、右上の歯車のマークから、設定をクリックします。


tw_manual_02_600


「ウィジェット」を選びます。


tw_manual_03_600


「新規作成」をクリックします。


tw_manual_04_600


「高さ」「テーマ」「リンクの色」を設定し、「ウィジェットを作成」をクリックします。


tw_manual_05_600


コードをコピーし、アメブロのフリープラグイン編集画面を開きます。
コピーしたコードを貼り付けて「保存」をクリックすれば完了です。


plugin_01
likebox_manual_01_600


Facebook開発者ページ
(http://developers.facebook.com/docs/plugins/) を開き、
一覧の中から「Like Box」をクリックします。



likebox_manual_02_600



①Facebook Page
URL 表示させたいFacebookページのURLを入力します。

②Width
Like Boxの幅を入力します。今回は579pxに設定します。

③Height
Like Boxの高さを入力します。

④Show Faces
「いいね!」をしてくれた人のプロフィール写真を表示させたい場合にはチェックを入れます。

⑤Color Scheme
全体の色味を選びます。

⑥Stream
Facebookページの投稿を表示させたい場合は、チェックを入れます。

⑦Show Border
枠線を表示させたい場合はチェックを入れます。

⑧Header
ヘッダーを表示させたいときはチェックを入れます。

①~⑧の設定が済んだら「Get Code」をクリックします。



likebox_manual_03_600



コードが生成されますので、「IFRAME」を選んでください。
表示されたコードをコピーし、アメブロのフリープラグイン編集画面を開きます。

コピーしたコードを貼り付けて「保存」をクリックすれば完了です。



plugin_01