-
アメブロの各記事にtwitterのTweetButtonを追加する方法
とりあえず以下にアクセスして好きなデザインを選んでHTMLタグを取得。
Twitter / Tweet Button
取ってきたHTMLタグのscriptタグを囲う<>のそれぞれに\を付与。
こんなかんじに。
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="tomocat">Tweet</a>\<script type="text/javascript" src="http://platform.twitter.com/widgets.js"\>\</script\>
次にフリープラグインに以下を追加。
ﾔﾀｰ。表示ﾃﾞｷﾀﾖｰ。
なんかやりたくなったので。とりあえずな感じで。
JSわかんないので多分もっといい方法があると思う。
あとこのつくりだと記事の個別ページ行かないでトップで押したとき、必ずそのページ自体へのtweetになると思う。
個別ページで押さないと微妙なので、書いておいてアレですけどまんま使うのはおすすめしません…。
なんか色々問題あるのでもし直したらまた書くかもしれません。
Twitter / Tweet Button
取ってきたHTMLタグのscriptタグを囲う<>のそれぞれに\を付与。
こんなかんじに。
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="tomocat">Tweet</a>\<script type="text/javascript" src="http://platform.twitter.com/widgets.js"\>\</script\>
次にフリープラグインに以下を追加。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$('div.foot').append('ここに上で加工したタグを貼り付け');
});
-->
</script>
ﾔﾀｰ。表示ﾃﾞｷﾀﾖｰ。
なんかやりたくなったので。とりあえずな感じで。
JSわかんないので多分もっといい方法があると思う。
あとこのつくりだと記事の個別ページ行かないでトップで押したとき、必ずそのページ自体へのtweetになると思う。
個別ページで押さないと微妙なので、書いておいてアレですけどまんま使うのはおすすめしません…。
なんか色々問題あるのでもし直したらまた書くかもしれません。
アメブロに「うごメモはてな」の作品を貼り付ける方法2
アメブロに「うごメモはてな」の作品を貼り付ける方法｜WEB TANOSHII!!
結構前に書いたんですが最近またコメントいただいたりしたのでもうちょっと分かりやすく…。
やってることは全く一緒です。
うごメモはてなで作品の個別ページの「Webページに投稿」というところに「HTML」と「はてな記法」の二種類のタグが表示されてると思います。
まずこちらの「HTML」の方を見てみます。
<object data="http://ugomemo.hatena.ne.jp/js/ugoplayer_s.swf" type="application/x-shockwave-flash" width="279" height="240"><param name="movie" value="http://ugomemo.hatena.ne.jp/js/ugoplayer_s.swf"></param><param name="FlashVars" value="did=9196B190514324EE&file=4324EE_09F334E08D554_017"></param></object>
2010年8月12日現在は上のようなタグになっていると思います。
これのparam要素のvalueの値(赤で記述した部分)をコピーしておきます。
次に以下をコピーしてアメブロの記事エディタに貼りつけます。
尚、標準エディタの場合は「HTMLタグを表示」を選択後に貼りつけてください。
<embed height="279" width="240" src="http://ugomemo.hatena.ne.jp/js/ugoplayer_s.swf" type="application/x-shockwave-flash" flashvars="#"/
最後にこちらの#を先程コピーしておいたvalueの値に置き換えて、標準エディタの場合は「HTMLタグを表示」を選択した状態のまま「全員に公開」を選択すれば投稿できるはずです。
記事の最後に貼り付けないとうまくいかなかったりするかもしれませんがまあそこは色々やってみていただければ。
あとは記事更新する場合は貼り付け直さないとエラーが出ると思います。
最近うごメモはてな見てなかったんですが海外ユーザーさんがえらい増えててびっくりしました。
結構前に書いたんですが最近またコメントいただいたりしたのでもうちょっと分かりやすく…。
やってることは全く一緒です。
うごメモはてなで作品の個別ページの「Webページに投稿」というところに「HTML」と「はてな記法」の二種類のタグが表示されてると思います。
まずこちらの「HTML」の方を見てみます。
<object data="http://ugomemo.hatena.ne.jp/js/ugoplayer_s.swf" type="application/x-shockwave-flash" width="279" height="240"><param name="movie" value="http://ugomemo.hatena.ne.jp/js/ugoplayer_s.swf"></param><param name="FlashVars" value="did=9196B190514324EE&file=4324EE_09F334E08D554_017"></param></object>
2010年8月12日現在は上のようなタグになっていると思います。
これのparam要素のvalueの値(赤で記述した部分)をコピーしておきます。
次に以下をコピーしてアメブロの記事エディタに貼りつけます。
尚、標準エディタの場合は「HTMLタグを表示」を選択後に貼りつけてください。
<embed height="279" width="240" src="http://ugomemo.hatena.ne.jp/js/ugoplayer_s.swf" type="application/x-shockwave-flash" flashvars="#"/
最後にこちらの#を先程コピーしておいたvalueの値に置き換えて、標準エディタの場合は「HTMLタグを表示」を選択した状態のまま「全員に公開」を選択すれば投稿できるはずです。
記事の最後に貼り付けないとうまくいかなかったりするかもしれませんがまあそこは色々やってみていただければ。
あとは記事更新する場合は貼り付け直さないとエラーが出ると思います。
最近うごメモはてな見てなかったんですが海外ユーザーさんがえらい増えててびっくりしました。
パコってみた
1時間くらいでどのくらい頑張れるもんかと、巷で人気のミクさんで試してみました。
色数の制限はあるものの、やっぱり特に苦はなくある程度のものは描けるという感じ。
お絵かき掲示板で鍛えた方なんかはほんと何でもいけるんじゃないでしょうか。
しかし前も書いたと思いますが、個人的にはスポイトのショートカットが欲しくてたまらない。
これ使ってヘッダ画像とか見出しの画像とか作れても楽しいかもしれないなーとか。
手書きブログと被りそうですけど。
ランキングはいつ表示されるんだろう…。