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

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

全体表示

[ リスト ]

今からお話しするのは、GIFアニメーション形式で
 
自分のツイッターのつぶやきを表示してくれる
 
“TwitGIF”というブログパーツです(^^)


とてもシンプルな見た目ですが自分がツイートした

新しいつぶやきを最大10件までぐるぐると

ローテーションさせて表示
するパーツです(^ー^* )フフ♪

GIFアニメーション形式なのでJavaScriptやFlashが

使えないブログにも貼り付ける事ができる優れもので

ヤフーブログにピッタリのブログパーツです☆彡


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

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


「TwitGIF」ブログパーツの貼り方/wiki編


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

TwitGIFのサイトへ行って貼り付けるブログパーツの設定をします。


http://labs.creazy.net/twitgif/

開いて直ぐ
目に付く↓テキストボックスにご自分のツイッターIDを入力します♪

イメージ 1
例の写真では、私のIDが書かれた状態になっています(^^;;

それで右端のグレーのボタンにある「Create!」を押すと

取り合えず自分用のブログパーツが↓のように出来上がります(*^o^*)


イメージ 2

※押してからブログパーツが表示されるまでしばらく時間がかかる場合があります。

また、表示されない場合、ブラウザの更新、

再読み込みするとうまくいく時もあるようですヾ(;´▽`A``アセアセ

それでヤフーブログに貼り付けるには、右側にある

赤線で囲まれた「画像URL」というテキストボックスに書かれた

URLをコピーして↓のようにイメージを扱うwiki文法に貼り付けます(ペースト)☆


ピンク色で示した文字列がそのがぞうURLになります。
[[img(http://labs.creazy.net/twitgif/img.php?id=hariganemakiko&fm=SideBox&bg=9BE5E9&tx=000000&bd=00FFFF&cr=square)]]
こうして出来上がった自分用のwikiのタグを

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

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

 

ちなみに何もしないと左寄りなります。
 
これを中央に表示したい時は、↓のように中央に寄せるタグをプラスします。
||<#FFFFFF' style=text-align:center;width:560px; ``[[img(http://labs.creazy.net/twitgif/img.php?id=hariganemakiko&fm=SideBox&bg=9BE5E9&tx=000000&bd=00FFFF&cr=square)]]||
青色の部分がプラスしたタグです。

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


また、「TWITGIF」ブログパーツは、サイズや形、色などの

見た目もお好みに合わせて変えることが出来ます(^^)


サイズや形を変えるには、同じページ内にある赤線で囲まれた項目、

「Step2.Format」で好みのサイズを4つの中から選んで設定します。
 
イメージ 7

好みのサイズを選んだら最後に一番下にある

グレーのボタンの「Step5.Update!」を押すと

ブログパーツが↓のように出来上がります(*^o^*)

それぞれ選ぶと↓のように見た目が変化するので

自分のサイトに合ったものを選んでくださいネヽ(=´▽`=)ノ


☆Banner(W:468, H:60)

http://labs.creazy.net/twitgif/img.php?id=hariganemakiko&fm=Banner&bg=9BE5E9&tx=000000&bd=00FFFF&cr=square

☆OneLiner(W:468, H:30
http://labs.creazy.net/twitgif/img.php?id=hariganemakiko&fm=OneLiner&bg=9BE5E9&tx=000000&bd=00FFFF&cr=square

☆SideBox(W:160, H:300

http://labs.creazy.net/twitgif/img.php?id=hariganemakiko&fm=SideBox&bg=9BE5E9&tx=000000&bd=00FFFF&cr=square

☆QVGA(W:320, H:240

http://labs.creazy.net/twitgif/img.php?id=hariganemakiko&fm=QVGA&bg=9BE5E9&tx=000000&bd=00FFFF&cr=square

※ヤフーブログのゲストブックは、上の部分、ブログ紹介文を載せるところは
 
横幅がW:560ピクセルまで載せても大丈夫なので問題ないのですが
 
下の部分、ページ投稿領域は、横幅がW:450ピクセル以上の画像を貼ると
 
画象が右のアバターの所まではみ出してレイアウトが著しく乱れるので
 
結果的に「Banner」と「OneLiner」は

貼り付けできないことになりますσ(^_^;)アセアセ...



そして「Step3.Corner」では、ブログパーツの角の仕様を変更できます。
 
イメージ 8
 
「square」を選ぶとその名の通り角が四角になります。


「round」を選ぶとその名の通り角が丸くなります。


それぞれ選んだら最後に一番下にあるグレーのボタンの

「Step5.Update!」
を押すと好みの角のブログパーツが出来上がります♪
 

★「Step4.Color」では、ブログパーツの

背景色や文字色、枠線色などを自由に変更できます♪
 
イメージ 9
 
【Select from Presets (作成済みの色セットを選ぶ事ができます)】
 
セレクトチェックでもともと用意されている5色のパターンから
 
お好きな色を選んでも良いですしもっと細かく自由に色を指定したい時は
 
【Custumize (細かい色指定も可能です。
 
0〜9、A〜Fを6桁で指定して下さい。)】のセレクトチェック覧で
 
背景色、文字色、枠線色の各、項目のテキストボックスに
 
好みの色のカラーコード数値を入力します。

それぞれ選んだら最後に一番下にあるグレーのボタンの

「Step5.Update!」を押すと好みの色ブログパーツが出来上がります♪

私は、例のお写真のようにライトパープルにしてみました(^o^)ゞ

色の数値は、↓のURL先にある表のサイトを参考にしてd(^-^)ネ!

http://www.finitojapan.com/cltable.html

http://www.wanichan.com/web/resources/color.html

超絶ギガ細かく色を設定したいマニアックな方には

↓サイトがおすすめです_(^^;)ゞ


「TWITGIF」ブログパーツの貼り方/かんたんモード編

「TWITGIF」を簡単モードで貼り付ける方法は、2つほどあって

ブラウザによっては、使用できない方法もあるみたいです(^^;;

んで、まず一つ目は、各、設定を済ませて出来上がった状態のブログパーツに

マウスカーソル(ポインタ)の矢印を当ててコピーON☆彡

そのまま、ヤフーブログの記事作成画面のテキストボックス、

文章を書くところにペーストして貼り付けるとよいです♪
 
イメージ 6
 

位置は、貼り付けてからブログパーツをクリックして

テキストの「位置揃え」ボタンを押して左、右、中央など

お好みの位置を設定すると良いです(^ー^* )フフ♪

イメージ 3
 

また、二つ目の方法は、各、設定を済ませて

出来上がった状態のブログパーツの画象
URL」、

赤線で囲まれたテキストボックス内の文字列をコピーして
 
イメージ 2
ヤフーブログの記事作成ファンクションページの
 
ウェブにある画像を掲載 [ウェブにある画象を掲載]ボタン、

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

イメージ 4



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

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

表示サイズは特に指定する必要はありません(^^;;

イメージ 5


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

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




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




「PR」
ヤフーショッピングでツイッター・グッズを見てるだけ



もし良かったらマイオークションに遊びに来てください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!ショッピング(ヤフー ショッピング)売れ筋ランキング


閉じる コメント(6)

顔アイコン

今日は、関東でもさむかったですよ。青森出身でしたね。寒くて手がかじかんだりしませんか?細かい作業そうなので、ちょっと思っちゃいました。

2011/12/2(金) 午後 10:13 [ - ]

西野エリヤさん♪

ハイ(^-^)/ おっしゃるとおり
今日も寒くて家の中でポンチョ着てました〜(^^;;

まだまだ序の口の寒さですが冬本番になると
やっぱりお湯を用意したりして
手を温めながら作ったりしております_(^^;)ゞ

西野エリヤさんも急に寒くなってきましたので
お風邪などひかぬよう暖かくしてお休みくださいd(^-^)ネ!

2011/12/3(土) 午前 0:25 針金巻奇子ハンドメイド手作り陰謀

顔アイコン

初めまして!
かなり参考になりました(´;ω;`)ブワッ
それにしても自分で考えてデザインできるので素晴らしいブログパーツですね〜
しかもコピペで貼れちゃいますし簡単で何よりです^^b
ポチおしていきます♪

2012/3/4(日) 午前 3:16 ORB

ORBさん♪

お役に立てれて良かったですヽ(^◇^*)/

そうですねぇ〜色を自由に変えられるのは
ブログのデザインに合わせられるのでとても重宝しますよね(^^)

簡単に貼り付け出来るのもユーザーに優しくて
私も良いと思いました_(^^;)ゞ

ポチ、ありがとうございます(*- -)(*_ _)ペコリ☆

2012/3/4(日) 午前 11:45 針金巻奇子ハンドメイド手作り陰謀

顔アイコン

無事貼ることができました!ありがとうございます!

ナイスおします!


そこで質問なんですが、かんたんモードの場合でもプロフィール画像はちゃんと変更されるのでしょうか?

一回試してみたのですが変わらなくて…(^_^;)

2012/9/27(木) 午後 0:01 [ - ]

ふぁるさん♪

(ノ´▽`)ノオオッ、無事に設置できたようで良かったです☆
また、少しでもお役に立てれてうれしく思います(^^)

ナイスも押して頂いてありがとうございます(*- -)(*_ _)ペコリ☆

はい、基本的に簡単モードでもwikiでも同じなので
プロフィール画像は、変更されると思います。
何か変だとしたらツイッター側に一時的に問題がおきたのかもしれませんね(>< )
ツイッターは、gif画像があまり得意でないと聞いたことかあります。
前までは、gifアニメはOKだったけど今はダメみたいですね(^^;)

2012/9/27(木) 午後 11:51 針金巻奇子ハンドメイド手作り陰謀


.


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

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

みんなの更新記事