![アメブロ向け「Twitterにつぶやく」リンクを自動で追加するブログパーツ](https://stat.ameba.jp/user_images/20100317/16/hirown/b0/00/p/o0365016510455096180.png?caw=800)
追加されるイメージはこんな感じです。
<設置方法>
フリープラグインに以下の内容を貼付けてください。すでに jQuery をブログに組み込んでいる人は jQuery.amebloTwitter.js 本体と amebloTwitterの呼び出しだけでもいけます。
<script type="text/javascript" src="http://blog.springem.com/lib/jquery/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://blog.springem.com/lib/jQuery.amebloTwitter.js"></script>
<script language="JavaScript" type="text/javascript"><!--
$.amebloTwitter({account: '<あなたのTwitterアカウント>'});
//--></script>
<script type="text/javascript" src="http://blog.springem.com/lib/jQuery.amebloTwitter.js"></script>
<script language="JavaScript" type="text/javascript"><!--
$.amebloTwitter({account: '<あなたのTwitterアカウント>'});
//--></script>
<あなたのTwitterアカウント> の位置に Twitter の自分のアカウントを書いてください。変更できるオプションは account を含め 4 つあります。
オプション名 | データ型 | 意味 | デフォルト値 |
---|---|---|---|
account | string | Twitter のアカウント | |
hashtag | string | ハッシュタグ (#タグ)、#タグの説明はこちら # で始まる半角英数のみ有効 | |
html | string | リンクの文字列 | 'つぶやく' |
className | string | リンクの class 属性 | 'twitterRt' |
当ブログではリンク文字列の隣に Twitter アイコンを付けています。これはアメブロの「スキンCSSの編集」でスタイルシートに書いてあげるとできます。例えばこんな感じですね。
#sub_main .foot .twitterRt {
background: url("http://blog.springem.com/lib/twitter.gif") no-repeat scroll 0 0 transparent !important;
margin-bottom: 5px !important;
padding: 2px 3px 3px 18px;
}
background: url("http://blog.springem.com/lib/twitter.gif") no-repeat scroll 0 0 transparent !important;
margin-bottom: 5px !important;
padding: 2px 3px 3px 18px;
}
いかがですか、意外とカンタンにできそうですよね。自分のブログ記事を小鳥につぶやいてもらえるようブログに組み込んでみてはいかがですか?