* KAORのブログ講座 *

音楽を流す方法（YouTube）

Thu, 02 Jun 2011 22:59:42 +0900

YouTubeの音楽を流す方法

１．YouTubeへアクセスする。

２．流したい音楽を探す。
　　※著作権フリーのものを選んでください。

３．URL(http://www.youtube.com/watch?v=○○○○○)をコピーする。

４．「watch?v=○○○○○」を「v/○○○○○」に書き換える。

５．前に「[[embed(」をつけ、後ろに「&autoplay=1,1,1,1)]]」をつける
⇒[[embed(http://www.youtube.com/v/○○○○○&autoplay=1,1,1,1)]]

６．記事を作成する際にWiki文法使用にチェックを付け、手順５のタグを投稿する。

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=ichienshop55&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://x7.byoubu.com/bin/ll?10430840W

http://www28.atpages.jp/yblninja/ninja.php

twitterを表示する方法

Wed, 01 Jun 2011 22:55:35 +0900

twitterを載せる方法

twitterをYahoo!ブログに載せる方法の紹介です。

http://static.hootsuite.com/hoot-embed.swf?primaryColor=DCD1AE&;refreshRate=0&query=from:shiro_tsubuyaki&title=twitter

基本文法

[[item(http://static.hootsuite.com/hoot-embed.swf?primaryColor=DCD1AE&;refreshRate=0&query=from:ユーザー名&title=タイトル（半角英数字）,560,300)]]

サイズ、カラーも変更出来ます

[[item(http://static.hootsuite.com/hoot-embed.swf?primaryColor=■■■■■■&;refreshRate=0&query=from:ユーザー名&title=タイトル（半角英数字）,▲▲▲,●●●)]]

■■■■■■・・・カラーコード6桁(半角英数字)
▲▲▲・・・幅(半角数字)
●●●・・・高さ(半角数字)

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=k_k_nets&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://x7.byoubu.com/bin/ll?10430840V

http://www28.atpages.jp/yblninja/ninja.php

相互ファンポチ募集所

Thu, 17 Feb 2011 19:21:55 +0900

相互ファンポチ募集所

当ブログの訪問者同士でファンポチし合うという企画です。
ファンポチ大歓迎、ファンポチ返しは必ずすると言う方はこちらに書きこんでください。

（「ファンポチ募集！」とだけでも構いません）

逆にいうとコメントを書いてくれた方にファンポチすると必ずお返しがあります。

交流を増やしたいという方はぜひこの相互ファンポチ募集所をご活用ください。

ここに書き込めば訪問者数やファン数が激増する！！（かも）

※この記事は重くなり次第整理される可能性があります。ご了承ください

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

http://www.tokyovalley.com/yahoo_blog/article/article.gif http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=j00v1961&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

http://www28.atpages.jp/yblninja/ninja.php

http://x7.byoubu.com/bin/ll?10430840T

PC内の画像をウェブ上にアップし画像URLを知る方法

Sun, 13 Feb 2011 13:25:52 +0900

PC内の画像をウェブ上にアップし画像URLを知る方法

PC内の画像をブログ紹介文や書庫説明文に表示したい時はwiki文法の[[img(画像URL)]]を使えば表示することが出来ます。

ですが、「画像URL」って何？どうやって取得するの？と感じる方もいらっしゃる様なので、今回は画像URLの取得方法について紹介します。

手順

１．PC内の画像をウェブ（ブログ）上にアップする

　　「新規投稿」ボタンをクリックし、記事に画像を付けて投稿する。

　　※非公開で投稿しても構いません

２．「最新の画像」から手順１でアップした画像を表示する

　　画像をクリックして、その画像だけのページを表示させます。

３．画像を右クリック→プロパティで画像URL（アドレス）が表示される

画像URLがわかったら[[img(画像URL)]]を使ってwiki文法が使えるページ（ブログ紹介文、ゲストブック、書庫説明文、記事）に画像を貼り付けることができます。

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=selbycojp&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

http://x7.byoubu.com/bin/ll?10430840R

http://www28.atpages.jp/yblninja/ninja.php
http://www.tokyovalley.com/yahoo_blog/article/article.gif

トップページの作り方

Thu, 10 Feb 2011 23:46:27 +0900

トップページの作り方

自分のブログのトップページを作る方法を紹介します。

作成手順

１．まずはトップページ専用の書庫を作成します。

　　「ブログ設定」→「書庫設定」→「書庫の追加」で任意の書庫を作成。

２．作成した書庫を標準設定し保存します。

３．次にレイアウトを設定します。

　　「ブログ設定」→「デザイン設定」の「レイアウト設定」

　　ここでパターン１か２か４を選択します。

　　※パターン１または２を選ぶ時は「記事にHTML適用」にチェックを入れてください。

４．最後にトップページにする記事を作成します。

　　「新規投稿」→先ほど作成した書庫に設定し、記事を作成します。

これで完成です。

当たり前のことですが普段の記事はトップページの書庫以外で投稿してください。

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=ichienshop55&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

http://www.tokyovalley.com/yahoo_blog/article/article.gif http://x7.byoubu.com/bin/ll?10430840w

http://www28.atpages.jp/yblninja/ninja.php

足跡・ゲストブック2

Thu, 10 Feb 2011 21:25:43 +0900

足跡・ゲストブック

デフォルトのゲストブックは使い勝手が非常に悪いので、こちらのコメント欄をゲストブックとします。
足跡OK、宣伝OK、業者さん以外なら基本何でもOKです（・ー・）ノ
ファンポチ等の報告もこちらでしていただけると嬉しいです。

※この記事は重くなり次第整理される可能性があります。ご了承ください

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=gekiden&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?10430840v
http://www28.atpages.jp/yblninja/ninja.php

文字や画像にリンクを貼る方法(かんたんモード)

Thu, 10 Feb 2011 07:47:01 +0900

文字や画像にリンクを貼る方法

かんたんモードを使って文字や画像にリンクを貼る方法を紹介します。

使用例

文字にリンクを貼ることが出来ます。

※↑の「リンク」という文字や画像をクリックするとリンク先へジャンプします。

作成手順

１．「新規投稿」クリック→「かんたんモードへ」クリック

２．記事を作成し、リンクを貼りたい文字や画像を選択※する

３．ツールバーの「リンクを挿入」をクリックしリンク先URLを記入する。

※文字にリンクを貼る場合は左クリックを押しながらマウスを動かし文字を反転させる。

　画像にリンクを貼る場合は左クリックのみで選択。

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

http://www.tokyovalley.com/yahoo_blog/article/article.gif http://www28.atpages.jp/yblninja/ninja.php

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=fm_pastel&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

http://x7.byoubu.com/bin/ll?10430840u

http://www28.atpages.jp/yblninja/ninja.php

画像を記事の外に表示する方法（かんたんモード）

Tue, 08 Feb 2011 19:25:11 +0900

画像を記事の外に表示する方法

かんたんモードを使って画像を記事の外に表示する方法を紹介します。

使用例

記事の右にある画像をご覧ください。

HTMLソース

<div style="background:url(http://画像URL) repeat-y left top;
position:absolute;left:585px;
width:○○px;height:××px;">
</div>

※width:○○px;height:××pxに入る数値は画像の大きさに合わせて調整してください。

作成方法

１．上記HTMLソースをコピーし、メモ帳などのエディタに貼り付ける。

２．拡張子を「.html」とし、名前を付けて保存する。

３．保存したファイルを開き、右クリック→すべて選択→右クリック→コピー

　　※ショートカットキーCtrl+A→Ctrl+Cでも可。

４．ブログの新規投稿でかんたんモードを選び、本文に貼り付ける。

完成品

使用例のソース

<div style="background:url(http://img2.blogs.yahoo.co.jp/ybi/1/c6/17/gpiegsdvuxjcvweguw/folder/976431/img_976431_23376737_0?1297090687) repeat-y left top;
position:absolute;left:585px;
width:180px;height:120px;">
</div>

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=gekiden&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

http://www28.atpages.jp/yblninja/ninja.php

http://x7.byoubu.com/bin/ll?10430840n http://www.tokyovalley.com/yahoo_blog/article/article.gif

画像を背景にする方法（かんたんモード）

Tue, 08 Feb 2011 00:19:29 +0900

画像を背景にする方法

かんたんモードを使って文字の背景に画像を載せる方法を紹介します。

使用例

ここに文字を入れてください

HTMLソース

<div style="background:url(http://画像アドレス);
font-size:●pt;color:#■■■■■■;
font-family:○○○○○○;">
<div align="▲">
文章
</div></div>

●・・・文字サイズ(半角数字)　※標準の大きさが8程度。サイズは数字の大きさに比例。
■■■■■■・・・カラーコード6桁(半角英数字)
▲・・・文字位置情報(半角英字)
○○○○○○・・・フォント種別

作成方法

１．上記HTMLソースをコピーし、メモ帳などのエディタに貼り付ける。

２．拡張子を「.html」とし、名前を付けて保存する。

３．保存したファイルを開き、右クリック→すべて選択→右クリック→コピー

　　※ショートカットキーCtrl+A→Ctrl+Cでも可。

４．ブログの新規投稿でかんたんモードを選び、本文に貼り付ける。

完成品

使用例のソース

<div style="background:url(http://img2.blogs.yahoo.co.jp/ybi/1/c6/17/gpiegsdvuxjcvweguw/folder/976431/img_976431_23376737_1?1297090687);
font-size:12pt;color:#000000;
font-family:ＭＳＰゴシック;">
<div align="center">
文章
</div></div>

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

http://www.tokyovalley.com/yahoo_blog/article/article.php

http://www.tokyovalley.com/yahoo_blog/article/article.gif

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=j00v1961&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

http://www28.atpages.jp/yblninja/ninja.php

http://x7.byoubu.com/bin/ll?10430840d

文字に下線を引く方法(wiki文法)

Fri, 04 Feb 2011 17:44:39 +0900

文字に下線を引く方法

文字に下線を引く方法wiki文法を使った文字の下に線を引く方法を紹介します。

使用例

KAORのブログ講座

基本文法

||<#FFFFFF'style='text-decoration:underline'``ここに文字|||

ここに文字→好きな文字に書き換えてご使用ください。

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

http://www.tokyovalley.com/yahoo_blog/article/article.php
http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=fm_pastel&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://x7.byoubu.com/bin/ll?10430840P
http://www28.atpages.jp/yblninja/ninja.php