ホムペやブログにFacebookのシェアボタンつけてみよ | くまはちのアメブロとFacebookの活用術

くまはちのアメブロとFacebookの活用術

アメブロとFacebookどちらも9年ほど使ってみた経験値を記事で紹介しています。経験値と検証から得たノウハウを公開します。興味のある方は、是非読んでください!

くまはちです!

Facebookページ FBMasterくまはちいいねお願いします。

さて、本題のシェアボタンつけてみましょ。

シェアボタン

赤丸の中にあるボタン

見たことあるでしょ。

クリック or タップしたら

シェア投稿画面

こんな感じで記事をシェアできるんですよ。

では、どうやって設置するかですね。

まず、ボタンを用意します。

それと設置する記事を選んでくださいね。

アドレスコピー

記事を選んだら画像のように

メモ帳とかにアドレスをコピペします。

編集ボタン

そして、記事を編集ボタンで開きます。


画像挿入

シェアボタンをアップしたら

クリックして挿入します。

ここまでは、通常のブログと同じ操作ですね。

挿入できたら上の赤丸の部分を

クリックします。

HTML編集

赤枠部分を編集します。

編集するアドレス

こんな感じなんですが・・・


アドレスのコピー

コピペだけできれば簡単です。


コピペで編集

画像を参照してくださいね。

選択部分がどんどん編集されていきます。

変更された部分

赤枠部分が、コピペされて変更された部分です。

ビジュアルで確認

通常表示で確認してOKなら

全員に公開ボタンを・・・

全員に公開

こんな感じで表示されましたか?

コピペが基本なので簡単でしょ。

元のソース
<a href="http://www.facebook.com/sharer.php?u=シェアするあなたのブログ記事のアドレス" target="_blank"><img ratio="3.2777777777777777" src="シェアボタンのアドレス" style="width:59px; height:18px; border:none;" alt="シェア"></a>

これをうまく利用してください。

環境は、Windows7 ブラウザFireFoxで

新エディタを使ってやっています。


☆最後にちょっと宣伝
アメブロユーザーのアクセスアップ
アメクリップ
つながる・広がる・アクセスアップ【アメクリップ】
 
ではでは、くまはちでした。(^-^)

シェア