myブログ
  • 関崎から
    佐渡島の関崎から撮った携帯写真を主に置いています。

‘プラグイン’ タグのついている投稿

公開中のアナログ時計に不具合がありました。

【現象】
IE8・Firefox3.5.3以外のブラウザで、アナログ時計を左サイドバーに貼り付けると、投稿記事のエリアに「佐渡島の次平」へのリンクが表示される場合がある。
IE6・IE7で現象を確認しました。MacのSafari3.0はOKのようですが、その他のブラウザは確認していません。
koko
丸の中に見えるのが、文字はつぶれていますが、「佐渡島の次平」へのリンクです。
IE6とIE7を合わせるとブラウザのシェアがなんと約70%! かなりの人が邪魔なリンクを見ていたことになります。

【原因】
時計自体はサイドバーからはみ出た部分は非表示になるのですが、リンクの文字は非表示にならないブラウザがあるようです。
サイドバーの横幅よりはみ出た部分を非表示にするために
style=”width:100%;overflow:hidden;
リンクを枠外に表示して、hiddenで非表示にするつもりで
style=”font-size:40%;position : relative;top : 100px;left : 300px;”
としていました。
この組み合わせの解釈が、ブラウザによって違うようです。

【対処】
アナログ・クラシック時計(白)または、アナログ・クラシック時計(黒) から修正版のスクリプトを貼り付けてください。
FC2ブログでプラグインを使っている方は ブラウザによってプラグインの挙動が違うを参照してください。

【なぜ隠しリンクをつけてるの?】
そもそも、時計の下に素直にリンクを表示すればいいのですが、シンプルな時計なだけに、リンクは邪魔だったのです。
しかし、SEO対策としては、aタグでのリンクは欲しかったわけです。そこで苦肉の策がoverflow:hiddenだったのです。
修正版では、noscriptタグ内にリンクを書いています。これも裏技みたいな使い方ですが許してください。

クラシック・アナログ時計(白)を ブログパーツとして公開しました。

FC2ブログの方
FC2ブログの管理画面の【プラグインの設定】からプラグインをダウンロードできます。

FC2ブログ以外の方
以下のソースをサイドバーのフリーエリア等に埋め込めば表示されるはずです。

ソースのコピー方法(ブラウザで選択してコピーすると、行番号が入り正しくコピーできません)

<div align="center">
	<div style="width:100%;overflow:hidden;">
		<script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic3.php"></script>
		<script type="text/javascript" src="http://mog.sado-is.com/analog_classic3/analog_classic_a.js"></script>
		<script type="text/javascript">swfshow(150,150,0);</script>
		<noscript>
			<a href="http://sado-is.com/" target="_blank" title="佐渡島の次平">佐渡島の次平</a>
		</noscript>
	</div>
</div>

注意事項:動作保障はできません。また、レンタルサーバーがらの直リンクとなっているため、負荷が大きくなった場合は、予告無く公開を停止するかもしれません。

いくつかあるホームページの更新が面倒でした、なんちゃらビルダーとかフロントなんちゃらとか使っていたのですが、WordpressやMODxとかのCMSを知ってからはこれで決まりって感じです。

この投稿の続きを読む »

2017年12月
« 2月    
 12
3456789
10111213141516
17181920212223
24252627282930
31  
写真素材のピクスタ