マクノスケblog

スター・ウォーズ、映画、ドール大好きおたく主婦の日記。

TOP >  パソコン・ブログ >  ブログカスタマイズ >  FC2ツイートまとめのカスタマイズ

FC2ツイートまとめのカスタマイズ

20111012-03.jpg

まだ月曜の筋肉痛が残っているマクノスケです。
明日はアクテムラの点滴なので、体感的に楽になるんじゃないかと思ってます。

で、ブロとものonionさんのブログで「ツイートまとめ」が話題になってまして、
onionさんがテスト運用されていたので、私も触発されてやってみようかと
試しに1日分やってみたらテンプレートが崩れちゃって目も当てられない状態。
仕方がないので、あれこれネット探索して(ま、暇だからなんですが…(^^;)
私なりにまとめる事に成功。以下にその手順を書きます-。
尚、この手順はブラウザがFirefoxであることを前提としています。

1.スイートまとめのデザインを変更するため、
スタイルシートにParodayさんのサイトを参考にコードを記入。

/* twitter
-------------------------------------------------------- */
/* 全体 */
dl.fc2twtr {
margin: 0 0 1em 0 !important;
padding: 0 0 0 0 !important;
border: 0 none !important;
font-size: 100%; /* 文字サイズ */
color: inherit; /* 文字色 */
}
/* プロフィール画像・ユーザー名 */
dl.fc2twtr dt {
margin: 0 0 0 0 !important;
padding: 0 0 5px 0 !important;
border: 0 none !important;
border-bottom: 1px #eeeeee solid !important;
font-size: 100%; /* 文字サイズ */
}
dl.fc2twtr dt img {
margin: 0 !important;
border: 0 none;
}
dl.fc2twtr dt a {
margin: 0 7px 0 0;
}
/* 本文 */
dl.fc2twtr dd {
margin: 0 !important;
padding: 10px 2px 9px !important;
border: 0 none !important;
border-bottom: 1px #eeeeee solid !important;
}
dl.fc2twtr dd:hover {
background: inherit; /* 背景色 */
}
dl.fc2twtr dd p {
margin: 0 !important;
font-size: 100%; /* 文字サイズ */
}
/* 日付 */
dl.fc2twtr dd p br + a {
font-size: 90%; /* 文字サイズ */
}


2.Twilog に登録する。(ツイッターをブログ形式で保存するサービス)
http://twilog.org/

3.Firefox用アドオンGreasemonkeyをインストール。
https://addons.mozilla.jp/firefox/details/748

4.Installボタンを押して”TwilogTemplate”をインストール。
http://userscripts.org/scripts/show/57746

5.インストール後、日付の上の「テンプレート:編集」を編集。
【ヘッダ】

<dl class="fc2twtr"><dt><a href="http://twitter.com/ユーザーID/"><img src="http://blog-imgs-44.fc2.com/m/a/k/makunosukefc2/twitter_icon_********************************.jpg"/></a><a href="http://twitter.com/ユーザーID/">ユーザーID</a></dt>

FC2ブログ→「環境設定」→「ブログの設定」→「Twitterとの連携」→
「ツイートまとめ機能」で1日分のツイートを表示させその記事の最初の
<dl class="fc2twtr">から</dt>までを編集画面の「ヘッダ」にコピペ。

【リスト】

<dd><p>%text% %image%<a href="%url%"> %time% </a></p></dd>

置換変数: %text%=テキスト, %image%=画像, %url%=URL, %time%=時刻, %%=% 画像がいらなければ%image%を削除。

【フッタ】

</dl>


ここからがその都度の作業になります。

6.Twilogの「テンプレート:編集」の上にある「ツイートの並び順」を古→新に
「表示するツイート」をReplyを除くにする。(逆が良い場合は逆を選択)

7.日付の一番右にある「テンプレ」のボタンをクリック。

8.表示されたソースを編集ページにコピペ。



もしかしたらブログのテンプレートによっては
上手く行かないかもしれないんですが、とりあえず
今のこのテンプレートだったらなんとか表示されています。
このまま表示を続けるかどうかわかりませんが
私もテスト運用って事で余裕がある日はやってみようと思います。

   記事を読んで下さったみなさまへ
   コメント面倒という方は拍手ボタンを押してやって下さい。
   開いた画面はそのまま閉じて貰って構いません。




以下は「ツイッターまとめ」。

今日のつぶやき
makunosuke

おはようございます。今朝は遠くの山々が霞んでいます。天気はすこぶる良く気温17.6度。 http://movapic.com/pic/201110120947574e94e3bd17772
09:47:58

これですね!ここかなりマニアックですよね。http://www.toy-netshop.com/index.php?main_page=product_info... RT @seegen: ダニー・トレホがラインナップされてて笑いました。(^_^;)誰が買うんだろ…。
09:57:42

リヴリーの前景アイテム、舞うもみじゲット-!!ガチャ2回でゲット出来て良かった~。 http://twitpic.com/6z0ros
10:21:33

隣のスティッチもいいねえ。RT @horigami: うちのエルヴィス仕様ガンビー(カツラとギターは着脱可能) http://twitpic.com/6z0rjv
10:25:44

こんなのあったんだ!RT @horigami: 内側には主役3人のシールが貼ってある(笑) 1978年の「ロードショー」誌の付録だったシールだなあ。ESBの鉛筆は、誰かから旅行のお土産にもらったもの。もったいなくて使えなかった(笑)  http://twitpic.com/6z0wdv
10:36:07

「The Avengers Official Trailer」 ソーばかりに目が行ってしまうなあ~。→ http://www.youtube.com/watch?v=BLAhGH5Uuis
14:21:09

ブログ更新しました。→ FC2ツイートまとめのカスタマイズ http://makunosukefc2.blog53.fc2.com/blog-entry-3386.html
17:27:13

RT @_kotomo: これは良いまとめ。iOS5のDLは本日の深夜2時から。その前にもう公開されているiTunes10.5へのバージョンアップを忘れずに!/No Mac,No Life.: 【スクショ付き】iOS5 betaの161の新機能!!iOS5まとめ! http://dolce-nomacnolife.blogspot.com/2011/06/ios5-beta160....
17:30:45

ピクサー、スティーブ・ジョブズ氏への追悼メッセージを掲載「死の直後、スタジオ上空に虹が架かる」「永遠にピクサーのDNAの一部」 - シネマトゥデイ http://www.cinematoday.jp/page/N0036088 via @cinematoday
18:27:36

マクタロウがスーパーで買ってきた「仮面ライダーキムチ1号」!!酸っぱすぎず美味しかったかな。 http://twitpic.com/6z7rlh
21:44:04



関連記事
    ポチッと押して貰えるととっても嬉しいな!    
[Tag] * ブログ

Last Modified : 2018-03-29

Comments







非公開コメント

凄いな~!

わたしがTwitterまとめようと思ったのは、ひたすら手間を惜しんでの行為だったのですが、それをここまでカスタマイズして表示させるマクノスケさんには脱帽です!
2011-10-12-20:59 onion
[ 返信 * 編集 ]

onionさんへ

私も編集画面からツイートまとめで自然に投稿出来るように
したかったんですが、なにぶんにもテンプレートが崩れてしまって…。(´Д`)
設定はちょい面倒なんですが、これで時間がある時はすぐコピペで
対応できるようになったので、まあ、良かったというか…。
ホントはそのまま投稿出来たら良いんだけどなあ~。
2011-10-13-09:05 マクノスケ
[ 返信 * 編集 ]