Jugemブログでアスキーアートをずれないように綺麗にコピペ！～AAやらないか？～

さて、

ご覧いただくと
すぐに分ると思いますけど
このブログはAAの
含有量が非常に高いです！

ちなみに「AA」とはアスキーアート
の略で文字列による芸術表現ですね
要するにこんな感じです・・・

　　　　　　　　　　　　　＿＿＿
　　　　　　　　　　　／_ノ　ヽ、.＼
　　　　　　　　　..／（●）（●）　＼　　なにか用かお？
　　　　　　　　／　　（__人__）　　　　＼　　　　
　　　　　　　|　　　　ノ　ノ　　　　　　|　　　　
　　　　　　　　ヽ、＿｀⌒’´　 ..＿　／
　　　＿＿__/⌒｀`ヽ　,,ー‐,,　　　”⌒ヽ＿＿__
　　　|＿＿__し’⌒/ ．　　．　 /”⌒し′＿_|::|
　　　|＿＿＿＿（　　　　　　　 /_＿＿＿＿__|::|
　　 |＿＿＿_/⌒ ヽ、　　　 /＿＿＿＿＿_|::|
　　 |＿＿＿_しイ”i　゛` 　 ,,/.＿＿＿＿＿__|::|
l二二二二二二 l　|二二二二二二二二l＿＿:|
　| |::|　　　| |::|　し′　　　　　　　　| |::|　　| |::|
　|_|;;|　　　|_|;;|　　　　　　　　　　　　|_|;;|　　|_|;;|

まぁ、私はこのアスキーアートを
感情表現の一手段として
「顔文字」や「絵文字」の代わりに
使ってるんですよ

なんとなく「顔文字」や「絵文字」が
性に合わなくてね・・・

　　　　　　　　＿＿＿_
　　　　　／　_ノ　ヽ､＼
　　　　　／oﾟ(（＞）)　(（＜）)ﾟo 　性に合わなくてね・・・
　　　／　　 .:ﾟ~（__人__）~ﾟ:＼　　　だっておｗｗｗｗｗ
　　　 | 　　　　 |ｒ┬-|　　 |
　　　＼、　　　 i⌒i‐’　 ,;／
　　　　／　 ⌒ヽ.ﾉ　ﾉ　く
　　　/　,＿＼　l||l 从＼＼
　　と_＿＿）_ヽ＿つ_;_ヾ_つ.;.
　　　　　　　　　ﾍﾞｼﾍﾞｼﾍﾞｼ

さて、このアスキーアートは
いざブログなどに貼り付けしようとすると
なかなか苦労するものです。

なんだかずれたり、綺麗じゃなかったり・・・
そこで、以前FC2ブログで
アスキーアートを綺麗に貼り付けるコツを
紹介したんですけど・・・

■ブログ記事にAA　アスキー･アートを貼らないか？いや、「やらないか？」

今日はJugemブログで綺麗に貼り付けるコツを
紹介しますね。
（基本同じなんだけどね）

では！マズ準備から！！

　　　　　　　　　 , ‘´ ￣￣ ` ､
　　　　　　　　　　i　r-ｰ-┬-‐､i
　　　　　　　　　|　|,,＿　＿,{|
　　　　　　　　　　Ｎ| “ﾟ’`　{“ﾟ｀lﾘ　マズは準備を・・・やらないか？
　　　　　　　　ﾄ.i 　 ,__”_　 !
　　　　　　　　／i/ l＼ー .ｲ|､
　　　　,.､-　￣/ 　|　ｌ　￣ / |　|` ┬-､
　　 /　ヽ.　/ 　　ト-` ､ノ- |　 l　　l　ヽ.
　　/　　　 ∨ 　　　l 　　|!　 | 　｀>　|　　i
　 /　　　　 |｀二^>　ｌ.　　|　 |　＜＿_,|　　|
＿|　　　　 |.|-<　　　＼ i　/　,イ_＿__!／＼
　 .|　　　　　{.|　 ` – ､ ,.—ｧ^!　| 　　 |￣￣￣￣￣￣￣￣￣￣￣l
＿_{ 　　＿__|└―ｰ／　￣´ |ヽ |＿__ﾉ＿＿＿＿＿＿＿＿＿＿＿_|
　　｝／ -=　ヽ__ – ‘ヽ　 -‐　,r’ﾞ　　　l　　　　　　　　　　　　　　　　　 |
＿_fﾞ/／￣￣　　　　　＿　-‘　　　　 |＿＿＿＿＿ ,. – ￣　＼＿＿__|
　　| |　　- ￣　　　／　　　| 　　 _　|￣￣￣￣／　　　　　　＼　￣|
＿__`＼＿＿　／　　　　＿l -￣　 l＿＿_　／　　　, /　　　　ヽi＿__.|
￣￣￣　　　 |　　　 _ 二 =〒￣　｝￣／　　　　　l |　　　　　　!￣￣|
＿＿＿＿＿__l　　　　　　 -ヾ￣　　l／　　　　　　l|　　　　　 |＿＿_|

それでは、まず準備段階として
ブログのCSSに文字間隔を狭める
記述を付け加えます。

Jugemブログの管理画面にログインしたら
下のようなタグに【HTML・CSS編集】の項目
があるのでクリックしてください。

HTML・CSS編集画面を開いたら
CSS編集窓に下記のタグを
コピペしてください

基本的にCSS編集窓の中であれば
何処に貼り付けてもOKなんですけど
妙な所に貼り付けてしまうことを避けるために
まぁ、既存のCSS記述の最後に貼り付けるのが
無難ではないでしょうかね？

/*　記事にAAを貼る
——————————————————————————-*/
.aa{
font-family:”ＭＳＰゴシック”,”Mona”,”mona-gothic-jisx0208.1990-0″,sans-serif;
font-size:12px;
line-height:13px;
text-align: left;
margin-left : 0 ;
margin-right : auto ;
}

実際に貼り付けると
下の画像のようになります

このようにCSS記述を追記できたら
窓のしたの【CSSを編集】のボタンを
クリックすれば準備完了です。
Jugem_CSS窓
さて、これでJugemブログに
アスキーアートを貼り付ける
準備が出来たので、さっそく新しく
記事を書いて貼り付けていこうと
思います。

しかし！

記事にアスキーアートを貼り付けるときには
以前の記事【ブログ記事にAA　アスキー･アートを貼らないか？いや、「やらないか？」】でも
記載してます通り、アスキーアートを
SpanもしくはDivのタグで囲む必要があります。

例を出すと下のように貼り付けたアスキーアートを
【】と【】で
囲めばOKです。

****************************************

:::::::::::::::::::::::::::::　　　　,.-ヽ
::::::::::::::::::::::　　　____,;’　,;- i　　　　　　　　　　　　　　　　　　　　　　　　　へ､　　　 /;へ＼
::::::::::::::::::　　 ,;;'”　　i　i　・i;　　　　　　　　　　　　　　　　　　　　　　　//　_l::|＿＿_l::|＿ヽヽ
:::::::::::::::　　,;'”:;;,,,,,,　;!,　`”’i; 　　　　　　　　／￣￣￣￣＼,,　　　　|l／－､－､:::::::::::::::`:|
:::::::::::　　,/'”　　　””,,,,””–i　　　　　　　　 /　　　　　　＿＿ヽ　　/::::::|　・|・　| ､::::::::::::＼
:::::::::　 ;/　 .,,,,,,,,,,,,,,,,,　　　;i’⌒i;　　　　　| 　　　　　　|　　 |､　　 /::／　`-●－′　＼::::::::::ヽ
:::::::　 i;”　　　　　___,,,,,,,　　　`i”.　　　　　|　　　　　　 ∩─| |　　|/ ──　|　 ── 　　ヽ:::::::::|
:::::::　i;　　　　,,;'”””　`’;,,,　　 .”`i;　　　　　|　　　　　　∪　 `l　　 |.　──　|　 ──　　　.|::::::::|
:::::::　|　　”””i　,,,,,,,,,,　　`’–”””　　　　　　ヽ＿＿／　　_.ノ　　|　──　|　 ── 　　 |::::::_l＿
:::::::　|.　　　 i'”　　　”; 　　　　　　　　　　　　|――― ､”. 　　　ヽ（＿＿|＿＿＿＿　 /::::| 新 |
:::::::　|;　　　 `-、.,;”” 　　　　　　　　　　　／￣￣￣￣＾ヽ∞=､　　＼　　　　　　　　　/::,/| 　　|
::::::::　 i; 　　　　`’—–j　　　　　　　　　 |　|　　　　　|　　|っ:::::）　　 l━━（ｔ）━━━━┥ | 品 |
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　￣￣

****************************************

基本的にはコレでOKなんですけど
Jugemブログの場合には、記事を書く折に
少しコツが必要になります
（FC2とかSeesaaなら不要なんだけど・・・）

Jugemブログでのコツとして
何が必要かと申しますと

Jugemブログで新規記事を書くには
ウィジウィグエディター（高機能エディタ）で
記事を書いていると、自動で改行してくれるんですけど
直接HTMLタグを書き込めません。

反対にシンプルエディタだとHTMLタグを
書き込むことが出来るけど、改行されない・・・
では？

では、どのように貼り付けて
Spanタグを記述するのかと申しますと
手順を書きに紹介しますね♪

●高機能エディタでお好みの
アスキーアートを貼り付けてください
Jugem手順１

●次に【<HTML>モード】ボタンをクリックして
HTMLタグが表示される状態に切り替えてから
【】と【】を書き加えてください。
Jugem手順２

●アスキーアートはコレでOKなので
【投稿or下書き保存】をクリックしたら出来上がり！
Jugemできあがり

ほらね？

さて、いかがでしたか？

多少面倒に感じる部分は
あるかと思いますけど、
慣れてしまえば後は
ルーチンワークみたいなモンですよ♪

Jugemに限らず他のブログサービスでも
タグを入力するときだけモードを切り替えないと
いけなかったり、アスキーアート自体に
行毎に改行コードを記述しないといけなかったりとか
素直にアスキーアートを貼り付けさせてもらえない場合が
あるので、やはり「慣れ」は必要ですね・・・

ふふふ・・・

正直どれだけJugemブログに
アスキーアートの需要があるのか
判りませんけど、Jugemuユーザさんで
アスキーアートのコピペに苦労されている
方のお役に立てれば・・・

もしくは、この記事をみて
アスキーアートを貼り付けてみようと
思われる方が増えることを祈ります♪

Jugemでも「やらないか？」だ！ｗｗ
　　　　　　　　　　　　　　　　　-へへ　へー-
　　　　　　　　　　　　　　ノ￣　　　　　　　　　＼._
　　　　　　　　　　　　 ,-‘´　￣i┴∧　　/^＼　　　｀‐､
　　　　　　　　　　　／/／__／　i　ヽ　V／l　＼＼ ‘, ヽ
　　　　　　　　　　/　r┴’　/　/ ｀∧　 /^＼＜￣ヾヘ　ヽ
　　　　　　　　　/　／／ /　　　 / ,、∨,、　＼ヽ　＼＼＼
　　　　　　　　/　∠..ノ　/　 /　 / ∧ヽ|/∧ヽ　ヽ＼　ヽヽゝ
　　　　　　　　l　 r’　/ ,’　 /　 /l /´｀”ﾞ｀´ ‘,　!　､　 ‘,　ヽi　ヽ
　　　　　　　　/　|　{　l 　ﾘ　,’ 从　　　　　ﾘ |　〉　　}　 }l　 i
　　　　　　　　l　ﾚﾍ　|＼トﾍ匕..＿,.　　､__/厶∠L／ｌ　} | |
　　　　　　　　l　l　ヽﾄ､　弋 ‐t-iｰ､　　　　,､t-ヵ‐､ | l ∧ ｌ　l
　　　　　　　　＼ヽ.| ll　　｀ ‐-┘　　　　　ゝｰ ‘´･ｊ/ l　/　|
　　　　　　　　　/　i .l l.l　Z彡7　　　　　　　　　 // /　 i
　　　　　　　　 /　､l l l i’,　ﾐ彡彡{　　 ,　　　　　　/!ｲ/ /　ヽ
　　　　　　　　/l　l　l l l ヽﾏ三彡7　　　　　　　　/|ス//」　|l
　　　　　　　　l l　l　.l l l　 l＼辷/ 　 -‐　　　／l　|　l　|　　i
　　　　　　　 / l　l　,’l l l　|ll　l ｀‐､　　　　_,イ l　l l　ｌヽ　　丶、
　　　　　　／. l　 ,’,’ l |l　|ll.　l　　　ｰ-‐ ´　l l |l　|l | ｌ　ｌ＼　　 ‘,
　　　　　／　l　l /,’,’,’. l l |ll 　ゞ:.:彡　　　 l l　|l l|　ｌ　ｌ |　〉:j　　〉
　　　　　　／:/|　=fjfjfjfjfjfjfjfjfjfjfjfjfjfjfjfjfjjfjffjfjfjfjfjfjfjfjfjfj=|/
　　　　　´　/　|　 |　　　　　　　　　　　　　　　　　　　　　　　|ﾉ(
　　　　　 / 　 /./|　　　　　　　　　　　　　　　　　　　　　　　 |　ヽ＼
　　　　／　.:ﾉ　　..|　　　.　　　やらな.いか？　　　　　　　 |　}　jノ
　　　 -／//　　 .|　　　　　　　　　　　　　　　　　　　　　　　 | j／
　　　　ﾆ .-/　　 .|　　　　　　　　　　　　　　　　　　　　　　　 |
　　　.　／　/　r‐┴､　　　　　　　　　　　　　　　　　　　　　／´ヽ
　　　　　　　　(｀ｰ､ヽ　　　　　　　　　　　　　　　　　　　／／ヽ }
　　　　　　　　r’ｰ-､ゝ’, 　　　　　　　　　　　　　　　　　 (_.／／　 |
　　　　　　　　〉- ..__｀ﾞ)　　　　　　　　　　　　　　　　　　ゝ-´__ -‘

それでは、
「アスキーアート・・・やらないか？」の
誘いに乗ってくれる人が1でも現れることを
祈るまったりでした。