表示されている記事

スポンサーサイト

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


Card ValidatorでCard Previewを確認してみる

Card Validator

Card Preview

前の記事(JUGEMブログにTwitter Cardsを対応させてみる)をCard Validatorで確認してみました。

確認用に一度公開保存してつぶやいています。

続きを読む >>

JUGEMブログにTwitter Cardsを対応させてみる

https://dev.twitter.com/docs/cards

Twitter Cards | Twitter Developers
via kwout

ブログ記事を投稿した情報をTwitterでつぶやく時にTwitter Cardsに対応させると伝わりやすくなりそうなので設置可能かためしてみます。

※設置が上手くいくか確認用のつぶやきをカスタマイズ中に連投します。


Sidebar Accordion Menu を設置してみる

RoundAndRound - User Template File | 無料ブログ(blog)作成【JUGEM(ジュゲム)】

こちらのUTFで使用されているSidebar Accordion Menuを設置してみたいとおもいます。

参考にさせていただいた記述
<script type="text/javascript">
$(function() {
$(".side_content_body").css('display','none');
$(".side_content h4").hover(function(){
    $(this).css("cursor","pointer");
    $(this).css("color","#666");
    },function(){
        $(this).css("cursor","default");
        $(this).css("color","#121212");
    });
    $(".side_content h4").each(function() {
        $(this).click(function() {
        $(this).next("div").toggle("slow");
        $(".side_content_body").siblings("div:visible").slideUp("slow");
        });
    });
});
</script>
<!-- BEGIN calendar -->
<div class="side_content">
<h4>Calendar</h4>
<div class="side_content_body">
{calendar}
</div>
</div>
<!-- END calendar -->

フリースペースに設置しているTwitterウィジェットを置き換える

今までフリースペースに設置していたTwitterウィジェットは下記

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 6,
  interval: 30000,
  width: 'auto',
  height: 180,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#333333'
    },
    tweets: {
      background: '#ffffff',
      color: '#333333',
      links: '#3b5a99'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().setUser('jugemtemplate').start();
</script>

そろそろ新しいTwitterウィジェットへ置き換えてみます。


このブログで設置していたソーシャルボタンのまとめ

このブログで設置していたソーシャルボタンのまとめ

  • Twitter
  • Google+
  • facebook
  • tumblr
  • hatena

JUGEMの独自タグに置き換えてみようかと思いました。

  • Pocket
    ※これはこちらから
  • mixi check:{mixi_check1}
  • Pinterest:{pinterest_pin_it}
  • love clap:{love_clap}
  • Twitter:{tweet_button_vertical_en}
  • Google+:{google_plus_one_tall}
  • facebook:{facebook_box}
  • hatena:{hatena_bookmark_vertical}

コメント欄にFacebookコメント

  • Facebookコメント:{facebook_comment}

ブログ記事にリンク先 「チラ見」 サービスを設置してみました

HeartRails Glance | リンク先 「チラ見」 サービス
続きを読む >>

1