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

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

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

 

使用例

 

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

 

 

 

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

[緑風会カッチャン]

おはようございます
わあ！！これが簡単設定カッチャンは、もっと勉強しないと？？

はじめまして。
興味が沸きました！！でも悲しい事に
上手く出来なく、よくわかりません（涙(´Ａ｀。)

こんにちははじめまして♪
履歴からきました。
なんだか、面白そう
只今、携帯からですので
また、来ますね

[-]

はじめまして
すごいですね。PCの神様みたいです。
イオスキスX4で撮った動画がパソコンでみられません。
どうやったらみられますか?教えてください。またきます。
ファン登録していますのでまたきます。

ブログのこと よく使いこなせてないので 教えていただきたいので
お気の入り 登録 させていただいて よろしいですか？

ダブるん♪

また 使わせて頂きます^^♪

[aaa]

ブログの枠の外に画像が張り付くのですね〜
とてもびっくりしました。
何でもご存じで素晴らしい！！！
ワンダフル！！！他の所も熟読させて頂きます。

[kuma]

こんにちわ。ぼくは、マイPC初めて買ったので、PCの用語
およびキ−ボ−ドのロゴの変換のしかた、今だにわかって
いないです。自力で設定を変えるとPCがぐちゃぐちゃになります。
でもちょっとずつがんばっていきたいです。

[LOVE原北！！]

凄い私全くやり方解らないから、勉強になります

人から聞くと、本当に勉強になるから、いいよねまた私は、いつも、日記をブログに書いているので、たまには、顔出して下さい。暇なぁ主婦でした(笑)

[rino]

履歴からお邪魔しました
とっても勉強になりました!
目からウロコです！
また訪問させて下さいねっポチ！

こんにちわ〜
ブログやってますが、よく分らなくて〜

ファンポチさせて下さい！
よろしくお願いいたします。

[まー]

始めたばかりで何も分からず…
参考にさせて下さい(^-^)!

[こチン]

ブログ遊びにきてね

履歴からこそさせていただきました＾＾

あんまりＰＣ詳しくないので さんこうになります＾０＾

さっそくコピーさせてくださいませね〜〜♪ んでポチ！★

[ルーナ]

ブログを見てくれてありがとうございました（´・ω・｀）
とっても感謝しています（´・ω∩）
とっても参考になるブログですね✿
参考にさせていただきます

Ｎ・Ｎ

( ☉_☉) ﾊﾟﾁｸﾘ｡
こんな事可能なんですね〜
後でゆっくり見にきます。

ムチチさん、こんばんは。ブログ設定のOSとは？htmlのソースなのでコンパイルすることはありません。

色んなこと出来るんですね。
勉強させてください、
難しいですね。

[名無し]

こんにちわ。前からやりたいとおもってました。成功するかどうかわからないけどtryしてみます。
ありがとうございます。転載させてください。
ポチ☆です！

[名無し]

KAORさんやってみましたが。。どうもコピーしてメモ帳に貼り付けるところがわかりません、一応貼り付けるのですが、（パソコンのメモに）あと拡張子を変えるとかできないんです。そして、画像URL,パソコンから取ろうとしたら、それはWIKIでした。う〜ん悩んじゃいます。
なかなか成功できないで残念です。。