« 半自動バナナ皮向き器 | トップページ | 16台同時片輪運転の動画 »

2007/03/24

イザ!ブックマークをココログに設置する方法

ブックマークに追加する
イザ!ブックマークは以下の手順でココログ(TypePad系ブログ)に(常にPermalinkのURLがHTML中に自動的に埋め込まれた状態で)設置することが出来る。

Technorati Tags: , ,

1.イザ!のブックマークアイコンを入手する

イザ!のブックマークアイコンは以下のページから入手:

リンク:サイトやブログにイザ!のブックマークアイコン


2.上記のリンク先で好みの色のアイコンとURLでベースとなるHTMLを生成する

ここで生成される(3)のHTMLはあくまでも、下の図のフォームに入力した(2)のURLに対応したボタンであって、TypePad系ブログの個別エントリに対応したHTMLでは無いことに注意

イザ!ブックマークアイコンの生成ページ


3.生成されたHTMLをメモ帳等のテキストエディタにペーストし、href属性の一部を書き換える

生成されたHTMLのhref属性は上記の例の場合、以下のようになっている
href="http://www.iza.ne.jp/bookmark/add/regist/back/http%253A%252F%252Ffreethink.way-nifty.com%252F"
これを以下のように書き換える
href="http://www.iza.ne.jp/bookmark/add/regist/back/<$MTEntryPermalink>"
この<$MTEntryPermalink>がTypePad系ブログでのPermalinkを表す変数となっている


4.アイコンの調整(好みに応じて)

デフォルトで生成されたimg srcには、borderとaltぐらいしか含まれていないので、幅や高さを変えたければ「width」や「height」も追加する
... src="http://www.iza.ne.jp/images/common/bookmark_icon02.gif" border="0" width="16" height="16" ...
# 該当オブジェクトをイザ!からダウンロードして、契約しているプロバイダの
# 適当なディレクトリにアップロードしておくと、イザ!がメンテナンス中の
# 場合でもオブジェクトは壊れない


5.ココログ(TypePad)の該当テンプレートに上記3,4で修正したHTMLを貼り付ける

ココログの場合、貼り付ける場所はバックナンバーテンプレートの「Individual Archives」の中


6.テンプレートの再構築をおこなう

変更箇所は個々のエントリに含まれるHTMLであるため、「すべてのファイル」が反映対象


7.当ブログの場合、以下のようにアイコンを貼っている

イザ!ブックマークアイコンの例

●お探し物は見つかりましたか?まだの方は以下の検索をご利用下さい。
 
当ブログ内 (within this blog) Web
●当ブログのRSSフィードをお手持ちのRSSリーダーにご登録いただくと、エントリ追加時のみ更新通知が届くため、確認の手間が省けます。よろしければ、どうぞ。
当ブログのRSSフィード
●当ブログの更新情報+α(deliciousのブックマーク他)はTwitter経由でも確認できます。是非フォローしてください。(実はRSSフィードよりも更新が早かったりします)

|

ウェブログ・ココログ関連」カテゴリの記事

blog comments powered by Disqus


●Google広告


●その他の広告



トラックバック

この記事のトラックバックURL:

●トラックバックされる方へのご注意
本文中でこのエントリのアドレスを引用してください。引用(言及リンク)がない場合はスパム(迷惑行為)として削除します。
なお、迷惑行為かどうかを人力で判定しているため、トラックバックが反映されるまでに少々、お時間を頂いています。
For foreigners: If you would like to trackback to this entry, please include permlink of this entry in your entry. If your entry doesn't include this permlink, I will delete your trackback as spam.

この記事へのトラックバック一覧です: イザ!ブックマークをココログに設置する方法:

 
Google