ソーシャルメディアボタンの設置方法

ソーシャルメディアの登録方法

ソーシャルメディアの登録方法ですが、
先の記事で、Add Clipsのことを紹介しました。

読んでいない方は、こちから
ソーシャルメディアの登録方法

今日、ブログに設置する方法を、ご紹介しますね。

 

 

これも、質問をいただいて、いろいろな
ブログでも、説明してあるんですが・・・。

今いち解らん!!

 

そういう方も、いらっしゃいますので、
参考にしてくださいね。

まず、AddClipsからボタンを生成します。
Add Clips ボタン生成】

このページです。

2012y05m01d_122258148

 

※使う、ボタンの種類や、どこのブログで、使用するかも、
ちゃんと、選択できます。
ご自分の利用に併せて、選んでくださいね。

【ボタンを生成】をクリックすると、ソース(ブログなどに貼り付ける、プログラムコードのことです。)が、ちゃんと、表示されますので、
これをいったん、コピーしておきましょう。

2012y05m01d_122349273

付箋でも、いいし、Windowsならば、
テキストエディタでも、簡単なものならば、
【メモ帳】がついていますので、全部コピーして、
貼っておいてくださいね。

 

※全コピーする方法は、control キー プラス Aキーで、
全部指定できます。 次に control キー プラス Cキーで、コピーできます。

 

 

今回は、Fc2のブログへの設置です。

記事の下の部分、
ここの部分 → 2012y05m01d_095958544

ここに、表示できるように、設置していきます。

 

境設定というメニューの中から、2012y05m01d_100021185 
テンプレートの設定を選択して、
クリックします。

 

そうすると、自分の使っている、テンプレートには、旗のマークがついていると、思います。

 
 
 
 
2012y05m01d_122819196 

 

私の場合は、独自のテンプレートを使っているんですが、
自分のお使いのテンプレートを、確認してくださいね。

自分のテンプレートが、確認できたら、
【HTML・CSS編集】という部分がありますので、

ここをクリック!!

2012y05m01d_135744909

そうすると、下にソースが、ずらーっと
出てきます。

 

 

 

 
 
 
 
 

この中に、先ほど生成した、AddClipsのボタンのソースを、
追加していくんですが・・・・。

 

失敗したら、すべて、崩れてしまいますので、
万が一のことを、考えて、一度、このソースを、
全コピーして、エディタに貼ります。

 

この時には、メモ帳より、テキストエディタの方が、
使いやすいので、テキストエディタに、貼りましょう。

 

※テキストエディタを、お持ちで無い方は、
まず、最初にダウンロードしておいてくださいね。
私のお勧めエディタです。
こちらからダウンロードしてください。
↓ ↓ ↓

http://www.vector.co.jp/soft/dl/win95/writing/se083554.html

 

エディタにソースを貼ったら、こんな感じになります。

2012y05m01d_135835790

 

 

その中から、<!–topentry–>
というタグを探します。

 

目視で、探すと大変ですので、
ここも、ショートカットで・・・。

Control とFキーで、検索できます。

こんな感じです。2012y05m01d_123941302

 

 

 

 

 

 

検索された、文字が、マークアップされますので、
※マークアップとは、文字が、お色付になることです。

 

だいたい、真ん中くらいかしら?

 

<!–topentry–>の下に、本来なら、貼り付ければ、
OKなんですが、記事下部分と、いうことなので、
さらに、<entry_footer>というタグを、探します。

 

見つかったら、その下部分に、ボタン生成した、ソースを、
貼り付けます。

こんな感じ。

2012y05m01d_140549634

 

貼り付けたら、更新する前に、プレビューで、画面の表示を確認しましょう。

2012y05m01d_125429378

 

ね、ちょうど、投稿情報の隣に、つけることができました。
こうすることで、各ページのブックマークの登録が、
できる状態に、なりますね。

 

確認できたら、更新ボタンをクリックして、
データの更新をします。

ちゃんと更新ができた場合は、
こちらの画面のとおりに、表示されますので、
必ず、確認しましょう。

2012y05m01d_125943105※こんな表示を確認。

 

これで、設置は完了です。

 

お疲れ様でした。

 

どうでしょうか?

 

難しかったかしら?

 

HTMLや、CSSなど、専門的な用語がたくさんありますが、
ブログ作成や、アフィリエイトに慣れてきたら、
ちょっと、お勉強してみましょう。

 

 

カスタマイズや、必要なボタンの設置など、
自分で、できるように、なりますよ。
ちょっと、がんばってみて!!

 

 

ほかのブログの設置も、
今度、まとめて、ご紹介しますね。

 

 

2 Responses to “ソーシャルメディアボタンの設置方法”

  1. […] てなブックマークや、Yahooなども、ありますね。 ブックマーク・RSSの登録をまとめてできるボタンがありますので、 設置するといいですね。 ⇒ 【ソーシャルメディアボタンの設置方法】 […]

  2. […] また、読んでない方は、参考にしてくださいね。 こちらから→【ソーシャルブックマークの設置方法】 […]

コメントを残す

サブコンテンツ

管理人:ちえぞう

chiezou



こんにちは。ちえぞうです。
手作りモノが、大好きで、好きが講じて手芸家になりました。
自分の時間を、もっと大事にするため、アフィリエイトもしています。 夢を叶える為に、日々奮闘中です。

もっと詳しくプロフィール♪

line

お役に立てたら、ぽちっとな ♪



Fc2ランキングへ



お問い合わせ

ペンちゃんをクリック!!

pen

ご質問や、ご相談など、
気軽にメールしてくださいね。

アメブロテンプレート参考本

このページの先頭へ