* KAORのブログ講座 *

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

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

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

 

使用例

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

 

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

 

作成手順

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

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

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

 

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

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

---

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

---

http://www.tokyovalley.com/yahoo_blog/article/article.gifhttp://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

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

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

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

 

使用例

 

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

 

 

 

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?10430840nhttp://www.tokyovalley.com/yahoo_blog/article/article.gif

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

画像を背景にする方法

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

 

使用例

 

 

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

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

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

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

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

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

 

 

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