フォノクラフト株式会社:作業メモや備忘録など » Twitter http://121.50.42.205/note 作業メモや備忘録など... Fri, 05 Jul 2013 05:17:27 +0000 ja hourly 1 http://wordpress.org/?v=3.1.3 よく使うソーシャルサイトのウィジェットやプラグイン設定画面 http://121.50.42.205/note/%e3%82%88%e3%81%8f%e4%bd%bf%e3%81%86%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%82%84%e3%83%97%e3%83%a9_883 http://121.50.42.205/note/%e3%82%88%e3%81%8f%e4%bd%bf%e3%81%86%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%82%84%e3%83%97%e3%83%a9_883#comments Tue, 10 Jan 2012 04:19:10 +0000 admin http://phono.co.jp/note/?p=883

ソーシャル系の貼付け用ウィジェットやプラグイン設定ページ。
忘れっぽいのでここにメモ。それだけです。。

Facrbookのソーシャルプラグイン

https://developers.facebook.com/docs/reference/plugins/like-box/

Twitterのウィジェットなど

ボタン、ウィジェット、ロゴとアイコン
https://twitter.com/about/resources

]]>
http://121.50.42.205/note/%e3%82%88%e3%81%8f%e4%bd%bf%e3%81%86%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%82%84%e3%83%97%e3%83%a9_883/feed 0
携帯からツイートのリンクは http://121.50.42.205/note/%e6%90%ba%e5%b8%af%e3%81%8b%e3%82%89%e3%83%84%e3%82%a4%e3%83%bc%e3%83%88%e3%80%82_736 http://121.50.42.205/note/%e6%90%ba%e5%b8%af%e3%81%8b%e3%82%89%e3%83%84%e3%82%a4%e3%83%bc%e3%83%88%e3%80%82_736#comments Sun, 13 Nov 2011 00:01:33 +0000 admin http://phono.co.jp/note/?p=736 携帯から「ツイート」ボタンでコメント付きのツイートをする

基本的にJSが使えないので

<a href="http://twitter.com/share?via=【アカウント名】&url=【httpから始るアドレス】&text=【テキスト(URLエンコードする)】">ツイートする</a>

などとする。

ご注意

URLエンコードはUTF-8で行いましょう。
エンコードや確認のデコードはアチラコチラのサイトが便利です。

]]>
http://121.50.42.205/note/%e6%90%ba%e5%b8%af%e3%81%8b%e3%82%89%e3%83%84%e3%82%a4%e3%83%bc%e3%83%88%e3%80%82_736/feed 0
Twitterウィジェットで要らない要素を消しながら表示する http://121.50.42.205/note/twitter%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e8%a6%81%e3%82%89%e3%81%aa%e3%81%84%e8%a6%81%e7%b4%a0%e3%82%92%e6%b6%88%e3%81%97%e3%81%aa%e3%81%8c%e3%82%89%e8%a1%a8%e7%a4%ba_453 http://121.50.42.205/note/twitter%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e8%a6%81%e3%82%89%e3%81%aa%e3%81%84%e8%a6%81%e7%b4%a0%e3%82%92%e6%b6%88%e3%81%97%e3%81%aa%e3%81%8c%e3%82%89%e8%a1%a8%e7%a4%ba_453#comments Tue, 26 Jul 2011 16:58:51 +0000 admin http://phono.co.jp/note/?p=453 使い道

Twitterウィジェットで要らない要素を消しながら表示する

HTMLソース

<!-- Twitter Widget --> 
<script type="text/javascript" src="http://twitter.com/javascripts/widgets/widget.js"></script> 
 
<script type="text/javascript"> 
new TWTR.Widget({
version: 2,
type: 'search',
rpp: 100,
search: "キーワード -外すキーワード -外すキーワード",
interval: 2000,
title: '',
subject: '',
width: 223,
height: 580,
theme: {
shell: {
//background: '#FFFFEE',
//color: '#FFFFEE'
background: '#FFFFFF',
color: 'none'
},
tweets: {
background: '#FFFFFF',
color: '#333333',
links: '#048091'
}
},
features: {
//scrollbar: false,
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
//behavior: 'default'
behavior: 'all'
}
}).render().start();
</script> 
<!-- /Twitter Widget --> 

CSSソース

/* /Twitter Badge */
.twtr-doc{/*cursor: url(../img/tweet_cursor.png), pointer;*/}/*全体の枠*/
.twtr-bd{}/*メイン部の枠*/

.twtr-profile-img{}
.twtr-profile-img-anchor{}
.twtr-widget{}
.twtr-hyperlink{}
.twtr-atreply{}
.twtr-hashtag{}
.twtr-img{}
.twtr-tweet-wrap{}/*各セルの背景*/
.twtr-avatar{}/*アバター*/
	.twtr-avatar img{}/*アバター*/
.twtr-tweet-text{}/*テキスト部*/
.twtr-user{}/*ユーザ名*/
.twtr-join-conv{}
.twtr-new-results{}
.twtr-results-inner{display:none;}
.twtr-results-hr{display:none;}
.twtr-timestamp{}
.twtr-reply{}
.twtr-tweet{}
.twtr-spinner{}
.twtr-scroll{}
.twtr-fullscreen{}
.twtr-inactive{}
.twtr-reference-tweet{}

.twtr-paused{}
.twtr-hd{display:none;}/*ヘッダ*/
.twtr-ft{display:none;}/*フッタ*/

/* /Twitter Badge */

表示サンプル

引っ掛けるキーワードは「鎌倉」と設定しています。

]]>
http://121.50.42.205/note/twitter%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e8%a6%81%e3%82%89%e3%81%aa%e3%81%84%e8%a6%81%e7%b4%a0%e3%82%92%e6%b6%88%e3%81%97%e3%81%aa%e3%81%8c%e3%82%89%e8%a1%a8%e7%a4%ba_453/feed 0