PC Bibo 6 top > アイコン・ボタン・ブログパーツ
アイコン・ボタン・ブログパーツ

今日は何の日ブログパーツ

今日が何の日なのかを教えてくれるブログパーツを集めてみました。

今日何の日?

日めくりカレンダーのように毎日写真やイラストが変わります。デザインは 2 種類あります。



日めくりカレンダー@貼るだけ.net

その日の日付と記念日や過去の出来事などを表示させる貼り付け日めくりカレンダーです。



フィデリ・今日は何の日?

ビジネスの出来事を中心に、地球創生以来の出来事を紹介してくれるブログパーツです。


今日は何の日 60年代・70年代プレイバック

60年代・70年代のニュース記事を配信してくれるブログパーツです。


王冠 今日は何の日

毎日その日の「今日は何の日」を王冠上に表示してくれるブログパーツです。



ホームページ(ブログ)に「いいね!」ボタンを設置する

1. まず、Facebook 開発者の Like Bottun ページにアクセスします。

2. [URL to Like] に自分のホームページの URL を入力します。たとえば、このブログであれば、「http://pcbibo6.jeez.jp/」と入力します。Layout Style、Width、Color Scheme などを好みに合わせて設定します。

3. [GET CODE] ボタンをクリックします。

4. iframe のコードをコピーして、「いいね!」ボタンを設置したい箇所に貼り付けます。

(Movable Type の場合の設置方法については、「Movable Type に「いいね!」ボタンを設置する」を参照 )

参照サイト:
「いいね!」ボタンを設置しよう@Facebook Japan

おしゃれでシックな FOLLOW ME アイコン

おしゃれでシックな FOLLOW ME アイコンを見つけたので設置してみました。

この FOLLOW ME アイコンは、35 Follow me on Twitter badges / buttonsで入手できます。サイトにアクセスして、希望のアイコンを右クリックして画像を保存するだけです。

上の画像は若干縮小しています。実際のサイズはこれになります。

その他の Follow Me アイコン配布・紹介サイト
>> ブログの横にtwitter(ツイッター)用「Follow Me」バッジをつける方法@Photoshop Vip
>> 「私をフォローしてくださいッ」のTwitterアイコン31個を配布しているサイト@二十歳街道まっしぐら(FC2ブログ時代)

「ツイートする」ボタンを設置する

自分のブログやサイトに「ツイートする」ボタンを設置します。

1. Twitter / ツイートボタンのページにアクセスします。

2. 好みのボタンを選びます。

3. 「ツイートする」ボタンを設置したい箇所に表示されたコードを記述します。以下のように表示されます。


Movable Type に「いいね!」ボタンを設置する

FacebookのLike Button(いいねボタン)の設置@to-Rを参考にして、Movable Type に Facebook の「いいね!」ボタンを設置してみました。

1. まず、Facebook 開発者の Like Bottun ページで好みのレイアウトと Width を指定して [Get Code] ボタンを押します。[URL to Like] フィールドは何も入力する必要はありません。 このサイトでは、Layout Style に [button_count] を選んだので、[Width] は 150 に設定しました(ボタンの設置位置やレイアウトに応じて、適切な width を設定してください)。

2. 表示された iframe のコードをメモ帳などにコピー & ペーストします。

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%
2Flike
&layout=button_count&show_faces=true&width=150&
action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe>

3. 上記の赤字の箇所「http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike」を「<$MTEntryPermalink encode_url="1"$>」 に書き換えます。

<iframe src="http://www.facebook.com/plugins/like.php?href=<$MTEntryPermalink encode_url="1"$>&layout=button_count&show_faces=true&width=150& action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe>

4. 書き換えたコードを「いいね!」ボタンを設置した箇所に記述して、サイトを再構築して完了です。

参考・参照サイト
公式の『mixiボタン』『Twitterボタン』『Facebookボタン』『GREEボタン』『はてなボタン』などを設置する方法。@YABURE KABURE
FacebookのLike Button(いいねボタン)の設置@to-R

<<前へ 1|2