twitterのツィートするボタンを設置したい。

目安時間:約 3分

ツイッターのアカウントがあれば、これが一番簡単でしょう。
 
 
アカウントがあることを前提に進めますので、
ない方は取得してください。
twitter


ログインして、プロフィールを開きます。
twitter ← クリックすると拡大します。

続いて、プロフィールを更新をクリックします。
ツイッター ← クリックすると拡大します。


twitter ← クリックすると拡大します。
上の画面に切り替わるので、
赤枠のTweetまたはツイートボタンを作成をクリックします。


ツイッター ← クリックすると拡大します。
設定画面に切り替わるので、
ツイート数の表示のするしないと
する場合は位置を指定します。


関連付けたいアカウントがあれば
別途追加します。


※私はhttpsでセキュア接続をしているので、プレビューが表示されませんが、
 http://twitter.com/で接続していれば、画面左下にプレビューされます。


プレビューを確認して、よければ、赤枠のソースをコピーします。


twitter ← クリックすると拡大します。
表示させたい部分にソースを貼り付けます。


ツイッター
設定し、必要があれば再構築すると、画面に表示されます。



他にもツイッターには
つぶやきをあなたのサイトに
表示させることができます。


プロフィールの更新をクリックした画面にある
ウィジェットをクリックします。
twitter ← クリックすると拡大します。


続いて、自分のサイトをクリックします。
ツイッター ← クリックすると拡大します。


プロフィールウィジェットをクリックします。
twitter ← クリックすると拡大します。


プロフィールウィジェットのカスタマイズ画面に切り替わります。
ツイッター ← クリックすると拡大します。


デフォルトのままでよければ、完了&コード取得をしますが、
カスタマイズしたい場合は、カスタマイズ・デザイン・サイズを
それぞれ開いて好きなようにビジュアルを変更できます。
twitter ← クリックすると拡大します。
ツイッター ← クリックすると拡大します。
twitter ← クリックすると拡大します。

※幅は自動を選んだ方がブログパーツとしては扱いやすいです。


プレビューで確認し、よければ完了&コード取得をクリックし、
ツイッター
表示されたコードをコピーします。


コピーしたコードを表示させたい場所に貼り付け
twitter
設定をし、必要があれば再構築します。


ツイッター
自分の思ったとおりに表示されれば成功です。

カテゴリ:tips  [コメント:0]

facebookのいいね!ボタンを設置したい。

目安時間:約 2分

流行に乗って、facebookの『いいね!』ボタンが欲しい。
そう思って検索をかけて到達したのはいいけど、
英語ページで挫折した方へ。
 
 
日本語解説ページに最初から行き当たればいいのですが、
運悪く英語のページに行き当たったら、
その場で閉じてしまいますね。

※facebookのページは他のSNSと異なり、
 GoogleやYahoo!などの検索エンジンの結果に表示されます。


無料ブログならサービスによっては
設定で簡単に表示させることができますが、

WordPressやMovableTypeなど独自ドメインを使っている場合、
自分で設定する必要があります。



このページに方法は書いてあるのですけど、英語を見た瞬間、
閉じる人が多いみたいです。


でも実は、上の英語の部分を読むからイヤになるだけであって
そこを読み飛ばして、下のパーツ作成の部分だけで、
手軽に取り付けられます。


フェイスブック ← クリックで拡大表示します。
画像に補足を入れたので、
上記の補足に従って選択または入力します。


それが完了したら、一番下の『Get Code』をクリックします。


facebook
すると上記のボックスがポップアップするので、
iframeまたはXFBML(コメント欄を使う場合はこちら)の内容をコピーします。


コピーしたものを、サイトの表示させたい部分に貼り付けます。
フェイスブック ← クリックで拡大表示します。


設定、必要があれば再構築をすると、表示されます。
facebook

カテゴリ:tips  [コメント:0]

プロフィール

情報商材レビュアー
(かなりの天然)

全国展開をしているDOS/VパーツショップのWebサイトデザイナーとして活躍した後、ブログ運営を続けていくうちに身についたSEOノウハウを生かして、サイト運営をしています。
初心者さんでも安心して始められるように、親身になってアドバイスしています。
2009年7月~2010年1月:SMスパルタ塾のブログカスタマイズなど技術系サポーターを経験。
もっと詳しく知りたい場合はこちらから♪

最近のコメント
    カテゴリー
    アーカイブ

    ページの先頭へ