スポンサーサイト

一定期間更新がないため広告を表示しています

レスポンシブメニュー【SmartMenu】

SmartMenu - Responsive jQuery Mega Menu  AthenaStudio

ブロブのデザインにもよりますが組み込めるとスッキリするかもです。

サービス終了のお知らせ:QLOOKアクセス解析

QLOOKアクセス解析

 

このブログでも設置しているQLOOKアクセス解析のサービスが終了するようなので設置しているアクセスカウンターの記述を削除します。残しておいても変な動作する場合もあるので…

以前からご連絡いたしておりましたとおり、9月30日にサービスを終了いたします。長らくのご愛顧をいただきありがとうございました。

QLOOKアクセス解析 <無料> http://analytics.qlook.net/

カウンター:Flag Counter

http://s10.flagcounter.com/index.html

Flag Counter - Free counters - Instant, easy and fun!
via kwout

Flag Counterを設置してみました。カウンターのデザイン等を設定して出力されるコードをフリースペースやテンプレートに貼り付ければOKです。

Twitter ウィジェット

今までフッターに設置していた「Twitter ウィジェット」が利用できなくなったので設置位置などを変えてみました。フリースペースにコードを記入してフッターに設置していましたが設置できるウィジェットの幅や高さの関係で記事単位のページに設置してみました。

下記は今まで設置していたコード
<div>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 10,
  interval: 30000,
  width: 'auto',
  height: 120,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#999999',
      links: '#3b5a99'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    behavior: 'default'
  }
}).render().setUser('memberjugem').start();
</script>
</div>
<div>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'jugem_blog',
  interval: 30000,
  title: 'jugem blog',
  subject: 'jugem blog',
  width: 'auto',
  height: 120,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#999999',
      links: '#bccddb'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script>
</div>

下記は新しく設置するコード
<a class="twitter-timeline"  href="https://twitter.com/memberjugem"  data-widget-id="******************">@memberjugem からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

記事単位のページに設置するがこのブログで使用しているテンプレートでは良いと思うのですが表示させる要素が多くなりすぎなのでJUGEM独自タグを使用して表示させている「コメント」をとりあえず非表示にしてみます。

下記は使用していたコメント表示用の独自タグ
<div class="vgrid">
<div id="commentarea">
<div class="commenTitle">コメント</div>
<!-- BEGIN comment -->
<div class="commenBlock">
<div class="commentName">{comment_id}:{comment_name_only}さんからのコメント</div>
<div class="commentDescription">{comment_description}</div>
<div class="commentTime">{comment_year}/{comment_month}/{comment_day}&nbsp;{comment_eng_week}&nbsp;{comment_hour_24}:{comment_minute}</div>
</div>
<!-- END comment -->
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" class="input" />
<label for="name">name:</label><br />
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /><br />
<label for="email">email:</label><br />
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /><br />
<label for="url">url:</label><br />
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="input" /><br />    
<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="5"></textarea><br />         
<input tabindex="5" type="submit" value="コメント送信"  onclick="javascript:setval();" />
</form>
</div>
</div>

「Twitter ウィジェット」の高さを指定しないとjquery.vgridが上手く表示できないのでCSSでheight="600"を追記してみます。

<!-- Twitter widget -->
<div id="twitterWidget" class="vgrid">
<div id="twitterWidgetItem">
<a class="twitter-timeline" href="https://twitter.com/memberjugem"  data-widget-id="243584297120964609">@memberjugem からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<!-- END Twitter widget -->
#twitterWidget {display:none;}
body#eid #twitterWidget {display:inline;}
body#eid #twitterWidgetItem {height:600px;margin:5px;overflow-y:auto;overflow-x:hidden;}

コメントはFacebookコメントとTwitterウィジェットからのみ出来るようにしました。JUGEM独自タグのコメント欄はログオン(承認)せずにコメントが可能なのでスパくコメントが多い方には良いかもしれません。このブログにはコメント自体少ないのですが…

JUGEM IT! from ウィジェット

ウィジェット

早速ブログにウィジェットを設置してみました

続きを読む >>

桜の花びら

HTMLの</body>の上へ下記を追記

<script src="http://petit.cc/event/sakura/sakura.js" type="text/javascript" charset="shift_jis"></script>
ハート
<script src="http://petit.cc/event/heart/heart.js" type="text/javascript" charset="shift_jis"></script>

<script src="http://petit.cc/event/stars/snow2010.js" type="text/javascript" charset="shift_jis"></script>
via. http://www.petit.cc/

季節なのでまた雪を降らせました

きせかえプチだるまのブログパーツ

横幅200px[美人スナップ]ブログパーツ

どのように画像が変化するのか記事内に設置してみました
(・e・)ひよこまーく





ClockLink


<div style="float: left;">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="trans002-black.swf";obj.TimeZone="JST";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>
</div>

<div style="float: left;">
<embed src="http://www.clocklink.com/clocks/trans002-black.swf?TimeZone=JST&amp;" wmode="transparent" type="application/x-shockwave-flash" height="150" width="150">
</div>

<br clear="both">
このページに設置してみた「ClockLink」の記述
サイドバーの設定はこちら


このところ暑いので



記事にも貼れます。まっ赤ですね。
<script type="text/javascript" charset="utf-8" src="http://tenki.jp/blog/script/paste/amedas/?type=area_3&amp;amedas_type=temp&amp;public_datetime=20100817160000"></script>

貼り付けるスクリプトは上記
public_datetime=20100817160000


の部分を見ればわかりますが「201008171600」→「2010年08月17日16時00分」になっているようです。



  • このエントリーをはてなブックマークに追加
  • Check