メイキングオブMACKYsハンドメイドお洋服&手作りアクセサリー

ただ今ブログやツイッター、リアルで貧困離脱お金儲け作戦を実行中のためご訪問リコメが遅れたり出来なかったりしております。すいません

全体表示

[ リスト ]

これは、Twitter公式「Twitterバッジ」
 
“Display−only widget/twitterウィジェット”というブログパーツです(^^)

とてもシンプルで自分がツィートした

最新のつぶやきをひとつだけ表示するパーツです(^ー^* )フフ♪
パーツ右下に表示されている「▼をクリックすると

前のつぶやきを見れたりもとに戻したりすることが出来ます☆彡


今日は、このパーツをYahoo!ブログに

貼り付ける方法を書き記したいと思います(^o^)ゞ



Twitter公式「Twitterバッジ」
ブログパーツの貼り方/wiki編


まずは、ツイッターにログインした状態で↓のURL先にある

公式サイトのブログパーツ置き場へ行くと

http://twitter.com/widgets/which_flash

「Which type of Flash widget would you like?」と聞いているので

『Display-only widget』の方にポチして

右下にある続くをクリックします"ρ('-'* ) ピッ!!


次のページ行くと↓のお写真のように

左側にはまだ未完成の「Twitterバッジ」
が表示されていて

右隣には、そのHTMLコード
が表示されています。

イメージ 1


そしてここでまだ未完成の「Twitterバッジ」の下にある

『Badge Color』の 小窓を押して自分の好きな色を選びます。

そしたらこれで自分色の「Twitterバッジ」のコードが出来たので


今度は、右側のコードをコピーして適当な

メモ帳に貼り付けて保存しておきます(^ー^* )フフ♪

<div style="width:176px;text-align:center"><embed src="http://twitter.com/flash/twitter_badge.swf"  flashvars="color1=39423&type=user&id=100987108"  quality="high" width="176" height="176" name="twitter_badge" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br><a style="font-size: 10px; color: #0099FF; text-decoration: none" href="http://twitter.com/hariganemakiko">follow hariganemakiko at http://twitter.com</a></div>


ここまでが下準備という感じですo(*^▽^*)oあはっ♪

紫色の数列「39423」は、自分で選択したカラーコードになります。

この例の場合は青色になりました(*゜v゜*)




そしてお話は突然変わって↓の文字列は、

私のTwitterバッジのYahooブログ用Wikiコードなのですが

[[item(http://twitter.com/flash/twitter_badge.swf?color1=13408767&type=user&id=hariganemakiko,220,250)]]
この文字列の後ろ側にあるピンク色で示した私の『hariganemakiko』のIDネームを

ご自分のツイッターアカウントのIDに変更して

紫色で示した「color1=13408767」の「13408767」というところに

自分で生成したHTMLコードタグの紫色で示した「color1=39423」の「39423」を

コピペして当てはめると自分用のTwitterバッジになります♪


この例の場合、ライトパープルから青色のTwitterバッジになります。

[[item(http://twitter.com/flash/twitter_badge.swf?color1=39423&type=user&id=ご自分のID,220,250)]]

色を新たに変える時は、少し面倒だけど

また公式サイトのブログパーツ置き場へ行って

HTMLコードを習得して新たに出来た色の

カラーコードを当てはめ直します(・Θ・;)アセアセ…


このパーツは、何故か普通のカラーコード表が使えないので

この方法で色を変えます(^^;)



こうして出来上がった自分用のwikiのタグを

記事作成ページやゲストブック(ゲスブ)の編集、

書庫設定の説明文などに貼り付けて出来上がりです(*^-°)v オッケェー♪



ちなみに何もしないと左寄りなります。
 
これを中央に表示したい時は、↓のように中央に寄せるタグをプラスします。


||<#FFFFFF' style=text-align:center;width:560px; ``[[item(http://twitter.com/flash/twitter_badge.swf?color1=13408767&type=user&id=hariganemakiko,220,250)]]||

青色の部分がプラスしたタグです。

タグの最後の目立たない「||」も忘れずに付けてくださいd(^-^)ネ!



またタグの最後のほうの緑色で示した数字「220,250」

いろいろと変化させるとパーツの大きさが変化します(^ー^* )フフ♪


最初の数字が横幅で次の数字が縦です。


それでたとえば、300づつ足して「,520,550」に変化させるとタグは、↓こうなって


[[item(http://twitter.com/flash/twitter_badge.swf?color1=39423&type=user&id=hariganemakiko,520,550)]]

パーツは↓横幅が520になって縦は550になって

こんなに大きくなりますw(゚o゚)wオオー【大】




このパーツは、縦と横の比率を変えないようにしたほうが無難のようです((^┰^))ゞ

横に200プラスしたら縦にも200プラスする感じです☆




Twitter公式「Twitterバッジ」ブログパーツの貼り方/簡単モード編


そして、この出来上がったMy・Twitterバッジを簡単モードで貼り付けるには

wiki文法で摘出したタグからURL部分、

ここではオレンジ色の文字列部分を抜き出しコピーして

[[item(http://twitter.com/flash/twitter_badge.swf?color1=39423&type=user&id=hariganemakiko,220,250)]]

ヤフーブログの記事作成ファンクションページの

「動画、ブログパーツのURLを指定して貼り付ける」ボタン、

(↓下のお写真の赤く囲ったボタン)をクリックして表示される画面の


イメージ 3



動画のURLのテキストボックスに貼り付けます。

配置はお好みで指定してください。

動画のサイズは横幅が取り合えず220ピクセルで高さが250ピクセルにします。

イメージ 2

ちなみに簡単モードでも横幅が520ピクセルで高さが550ピクセルにすると

やっぱり大きくなります(^o^)ゞ


このブログパーツを付けるとヤフーブログとツイッターが繋がって

なんか面白くなるような気がします
_(^^;)ゞ



↓ツイッターを始めるときに参考になること間違いなしのとってもわかりやすい本ですヾ(〃^∇^)ノ♪



o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o


もし良かったらマイオークションに遊びに来てくださいd(^-^)ネ!
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 



∮くるくる螺旋の迷宮∮針金巻奇子の王国へようこそ!




マイ・最新ツィート・つぶやき!!Twitter、ツィッターです(≧v≦)v
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
欲張りにも程があるくらいブログランキングへ参加しております(^^;)
 
全部クリックするのは誠に大変でございますので、ご無理をなさらくても結構ですσ(^_^;)アセアセ...
 
 
 
☆関連性がある記事でしたらトラックバック大歓迎です♪トラバ大歓迎です♪TB大歓迎です♪OK(^^;;
 
o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o∽oOo∽o

[PR]
Yahoo!ショッピング(ヤフー ショッピング)売れ筋ランキング

閉じる コメント(4)

顔アイコン

こんにちは。初めまして。

本日トップの更新でツイッターと連携したいということで探したらここにたどり着きました。わかりやすい説明のおかげで全く問題なく作成することが出来ました!感謝です。

もしよろしれば是非私のブログのトップページにもお越し下さい。

2011/3/9(水) 午後 5:08 The1736

顔アイコン

ありがとうございました^^

できました^^

2011/6/29(水) 午前 0:26 ギン

顔アイコン

The1736さん♪

地震などの影響で気を取られてしまい
お返事が大幅に遅れてしまいました。
すいませんm(_ _)m

ツイッター、楽しんでくださいネ♪

2011/7/7(木) 午後 9:23 針金巻奇子ハンドメイド手作り陰謀

顔アイコン

ギンさん♪

お返事おくれてすいませんm(_ _)m

お役に立ててうれしいです☆
ツイッター、楽しんでくださいネ♪

2011/7/7(木) 午後 9:26 針金巻奇子ハンドメイド手作り陰謀


.


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事