御訪問ありがとうございます!
おきてがみ(上のバナー)はブログとブログを結びつける楽しいブログパーツです。
ぜひクリックしてみて下さいね!
footmark
おきてがみ
新規登録手順
1 おきてがみ登録サイトを開く
 
2 「おきてがみ登録開始(無料)」から登録してタグを取得
 
3 タグをブログに貼り付ける
タグの貼り付け方がわからない場合は こちらを参照
 
4 ブログに表示されたおきてがみバナーをクリックしてログイン

←本館『それはつまり思いつき』へ
<< 広告 >>
 

« 「おきてがみ」の解約・退会について | トップページ | ランキングサイトについて »

2011年2月28日 (月)

「おきてがみ」の新タグとちょっと便利な小技のご紹介

お気づきの方もおられると思いますが、先月から「おきてがみ」は新しい登録方法を採用しています。
それに合わせまして、配布させていただいておりますタグ自体も新しいバージョンになっています。

現在のところ、これまでのタグが使えなくなったわけではありませんが、新しいタグには色々とメリットがございますので、よろしければぜひ貼り替えて見て下さいね(タグを貼り替えても「おきてがみ」の使い方自体は何も変わりませんので御安心下さい)。


さて、この新型タグの通常版(JavaScript版)をお使いの場合に限りますが、ちょっとした便利なTipsがありますので紹介させていただきます。

※ただ、このTipはHTMLの知識がなければ、ちょっと難しいと思います。

まず、新型タグは次のようなものになっています。

<script type="text/javascript" src="http://blog-parts.wmag.net/okitegami/okitegami.php?ser=1&m=7aa4b7el03g53382163"></script>

これは私の「それはつまり思いつき」用のタグですので、そのまま貼ってもお使いいただけるわけではありませんが、大体このようなものになるということをまず、御理解下さい。

以前のものに比べてかなり文字数を減らしましたので、文字数制限の厳しいアメブロのフリープラグインなどにお貼りいただくのにも適していると思います。

さて、Tipsですが、このタグ一つ存在する場合、classに"okitegami_banner"が指定されている要素が全て「おきてがみ」のタグとして機能するのです。

例えば、

<span class="okitegami_banner">おきてがみ</span>

と書くだけで、画面に表示された”おきてがみ”の文字をクリックすると「おきてがみ」のランチャーが起動するようになります。

例えばこんな感じですね^^ → おきてがみ

もちろん、

<a class="okitegami_banner"><img src="画像url" /></a>

としますと、画像がどんなものであれ、それはそのまま「おきてがみ」のバナーとして完全に機能します。

例えばこんな感じです^^ →

ちなみに"okitegami_banner"を指定するタグはaでもdivでもspanでもstrongでも、極端な話 formなんかでも動作します。
ただ一つだけ御注意願いたいのは、次のパターンです。

<img src="画像url" class="okitegami_banner" />

このようにimgタグのclassとして、"okitegami_banner" を指定した場合なのですが、この場合に限り、ちょっと特殊な動作をします。

まず、ブログの読込が始まりますと、"画像url"に指定した画像が画面に表示されますが、ブログの読込が完了すると同時に、この画像が「おきてがみ」で選択したバナーに変化して、かつ「おきてがみ」のバナーとして機能するようになるのです。

画像そのものも含めて「おきてがみバナー」に完全になってしまうわけですね。


ですから、逆にこれを活かして、「読込中専用のバナー画像」を作成して、そのimgタグに"okitegami_banner"をクラスとして指定しておくと、ブログの読込中は「読込中専用のバナー画像」が表示され、読込完了時に通常の「おきてがみバナー」が表示されるという演出も可能になっています。

余力のある方はぜひお試し下さいませ^^

« 「おきてがみ」の解約・退会について | トップページ | ランキングサイトについて »

コメント

突然で失礼します。
7月8日午前中には機能していた「おきてがみ」が午後から機能していない事に気付きました。
何かあったのでしょうか?、それとも私のPCだけの問題でしょうか?
ご連絡戴ければ幸甚です。
7月8日16時13分現在 

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/512895/50992824

この記事へのトラックバック一覧です: 「おきてがみ」の新タグとちょっと便利な小技のご紹介:

« 「おきてがみ」の解約・退会について | トップページ | ランキングサイトについて »

フォト

最近の記事


edita.jp【エディタ】



LOGIN にほんブログ村