目指せWebクリエイター
wEVAブログ
最新記事
画像一覧 
オーナーへメッセージ
仲間の更新状況
カテゴリー
ブログカスタマイズ入門 (4)
└
SEOで検索エンジン対策 (0)
└
アクセス解析について (0)
└
HTML/CSS入門 (0)
└
画像編集 (0)
└
ブログパーツ (4)
てぃーだブログ活用 (1)
└
携帯からの投稿 (0)
└
iPhone/iPadからの投稿 (0)
アクセスアップ (0)
└
他のサイトとの連携 (1)
お勧めツール (0)
└
WindowsLiveWriter (2)
└
ecto (0)
└
GIMP (0)
Webサービス (0)
└
twitter (0)
└
mixi (0)
└
Facebook (7)
SEO (0)
お勧め書籍 (0)
カスタマイズ実績 (2)
沖縄で頑張るビジネスブログ紹介 (1)
会社概要 (2)
└
キャンペーン (1)
タグクラウド
Facebook
フェースブック
カスタマイズ
ブログカスタマイズ
てぃーだブログ
ブログパーツ
いいね
ブログ
デザイン
ビジネスブログ
ペンションへのこ
サイドバー
RSS
Windows
マイクロソフト
コメント
Like
フェイスブック
オリジナル
ti-da
てぃーだブログカスタマイズ
紹介
事例
カスタマイズ事例
オーダー
ブログカスタマイズ申込み
お問い合せ
申込み
申込みの方法
ホームページ制作
制作実績
カスタマイズ実績
管理画面
Cacoo
モックアップ
ワイヤーフレーム
設計図
骨組み
BlogPeople
更新情報
LiveWriter
ecto
ブログ更新
ミクシー
日記
外部ブログ
mixi
WindowsLiveWriter
WindowsLive
WindowsLiveEssentials
ソースコード
SyntaxHighlighter
無料
費用
カスタマイズ費用
価格
キャンペーン
wibiya
ツールバー
facebook
twitter
Rainbow
アフィリエイト
popIn
広告収入
DISQUS
SPAM
スパム
RSS Graffiti
シェア
ブログデザイン
ソーシャルネットワーク
ソーシャルメディア
新聞記事
沖縄タイムス
ファンページ
Comment
お気に入り
アクセスカウンタ
› てぃーだブログカスタマイズ〜ビジネスブログ活用「てぃーだブログカスタマイズ工房」2010年12月04日
Facebookの「いいね！」ボタンの導入方法（補足）
以前「てぃーだブログにFacebookの「いいね！」ボタンをつける」の記事で紹介したFacebookの「いいね！」ボタンの貼り付け方法の補足です。
元の記事は
→てぃーだブログにFacebookの「いいね！」ボタンをつける
を読んでくださいね。
記事の中で
のコードを管理画面の「テンプレート」から、現在使用中のテンプレートに貼り付けるという事を書きましたが、貼り付ける場所に注意してください。
テンプレート内に「IndexEntrysLoop」から始まって「/IndexEntrysLoop」で終わっている部分があります。この間に記述してください。
ここ、注意してくださいね。
2010年11月10日
ペンションへのこさんのブログをカスタマイズしました
新しくデザインしなおした、ペンションへのこさんのブログを昨日公開しました。今回はホームページにあわせてのデザインにし、すっきりしたものにしてみました。
そして・・・
今回のポイントはFacebook対応！！
記事には必ずFacebookの「いいね！」ボタンが入るようにし、同時にFacebookのペンションへのこさんのファンページも表示されるようにしました。
→ペンションへのこ
2010年10月27日
Facebookでシェアされた時の表示をカスタマイズしてみる
Facebookで記事をシェアされたときの表示方法のカスタマイズが「metaタグを追加してFacebookに対応する方法とハマりやすいポイント」の記事が参考になりました。
てぃーだブログの場合でもほぼ同様で、管理画面→テンプレートで「個別記事」のテンプレートをカスタマイズします。
今回いじるのは<head;>〜</head;>の中の部分です。まずは、テンプレート上部の「<html xmlns=」で始まる部分を以下のように書き換えてください。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
次に詳細の部分をカスタマイズします。これは元の記事では画像の指定方法もありますが、てぃーだの場合はそこまではしなくても・・・なので、てぃーだ専用に書き換えたコードを紹介します。
<meta property="og:title" content="<%EntryTitle%>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<%BlogUrl%>/<%EntryPermalink%>" />
<meta property="og:site_name" content="<%BlogTitle%>" />
<meta property="og:description" content="ここは自由に書き換えてください。" />
今回は簡単に紹介しましたが、他にもいろんなカスタマイズができそうなので「Open Graph protocol」をじっくり読んでみたいと思っています。
