人気ブログランキング | 話題のタグを見る

エキサイトブログの「右クリック禁止」ブログパーツを活用してみる(2)

エキサイトブログの「右クリック禁止」ブログパーツを活用してみる(2)_e0223652_2115472.jpg

エキサイトブログの「右クリック禁止」ブログパーツを活用してみる(1) の続きです



前回はyoutubeをポップアップする技を披露したんですけど今回は「NAVERまとめ」

まとめをみてみる

上の「まとめをみてみる」をクリックするとNAVERまとめがポップアップします。

やり方はけっこう簡単です。

まず、NEVERまとめやYoutubeのオブジェクトを
<div id="matome" style="display:none;">ココにコードを挿入</div>

「matome」っていうid要素で囲む。「matome」は任意の語句でOK。

id要素なのでエキブロでは追記に入れて個別記事でのみ表示させたほうがいいっす。っていうかid要素はページで一つしか使えないのでそれしか方法はないかも?です。

で、表示させる仕掛けとして
<a href="#matome" rel="facebox">まとめをみてみる</a>

こんな具合にしてみる。

するとリンクをクリックすると「display:none」で隠していたオブジェクトが出現します。

id要素って1ページの一つしか使えないのでとっておきのワザなんですけど、追記部分で表示させれば支障はないかな?と・・・

text
by killingmoon581 | 2012-04-23 21:09 | エキサイトブログ
<< エキサイトブログの「右クリック... エキサイトブログの「右クリック... >>
LINK LINK LINK LINK LINK

Page Top