2013年6月30日日曜日

Bloggerで簡単に出来た！　出来ないワタシはバカなのか？

ブログは楽しむものツールの使い方は要領よくではなく経験で身につける

Bloggerで簡単に出来ましたっていうのは、報告じゃない(T-T)。

実際にコードをBloggerに表示する方法っていうのをいろいろ調べてみたわけですが、思った通りには成功していません。
やってみたのは、Bloggerにソースコードを見やすくするツールの１つの「SyntaxHighlighter」を導入する方法。


Bloggerのテンプレートを開いて、HTMLタグの<head>と</head>の間にコードを挿入する方法です。上のオリジナルコードに追加コードを挿入↓した状態。


すると、下にあるコードをHTMLを利用してBloggerのブログでもコードが綺麗に挿入できるわけです。


なったのがこの方法でHTMLで<pre class="brush: ruby;">.post-body img{  </pre>という具合に一行ずつ入れていくと↓みたいに表示されるわけです。

.post-body img{  
  padding: none !important;  
  border: none !important;  
  background: none !important;  
  -moz-box-shadow: 0px 0px 0px transparent !important;  
  -webkit-box-shadow: 0px 0px 0px transparent !important;  
  box-shadow: 0px 0px 0px transparent !important;  
}

これは↑写真の枠線を消すコードですが、一応「デザイン」→「HTMLの編集」をおこなったのがこの方法で、
下の↓この方法はHTMLで.post-body img{  <br/ >という方法で記述したもの。

 .post-body img{
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}


結局、考えていたようにはまだ出来ていなくて、Bloggerのブログで「簡単に出来ました！」っていは言えていない状況は変わりません。

Bloggerでなにをしたいのかがワタシにはわかっていないから？


Bloggerを簡単に使っている人は、基礎が出来ちゃっているからきっと説明を読んでもすぐ意図を理解できてしまうんだと思います。

 コードをただ記載するだけならHTMLモードにして、そのまま記載して改行コードだけでもいいじゃないって思ってしまうのは、ワタシが素人だから？


Bloggerをやってて「簡単に出来ました！」っていうときには、「ワタシには簡単に出来ました！」ってことでしかない。


簡単に出来ないワタシにとっては、説明が「HTMLタグの<head>と</head>の間にコードを挿入するだけ」って説明で「簡単に出来ました！」っていうブログは意味がない！！

ちなみに、HTMLタグの変更はドキドキものですよー、とっても簡単に手を付けられるところではない！

テンプレートのカスタマイズの隣の「HTML」ボタンを押すと一番上の画面にいくので、<head>と</head>の間にコードを挿入で出来ないことはありませんが、コードをここに載せなかったのは、ワタシが正しく理解しているとは思えないからです、すみません。

まだ有益な情報になっていないのでBloggerに載せるかどうかもちょっと悩みました、でも戸惑いも載せておこうというのが趣旨なので役立たない内容になりましたがアップしておきます。


投稿者 時刻:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)