Bloggerで5分後にHTMLのコードをブログに記載する方法を理解できることもあるから面白い(^-^)/。
HTMLのコードをBloggerに表示する方法を試して、これじゃあ意味ないじゃない!ってプンプンしてたんですが、どうやら、やっぱりおバカさんのワタシが悪かったみたいだったワケです。Bloggerにソースコードを見やすくするツールの1つの「SyntaxHighlighter」を導入する方法。
.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{ 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にコードを載せるのときの「躓き」ポイント、本当に簡単に出来たなら、やっぱり経験値の差だと思います。簡単に出来るってことはありません。
Bloggerをやってて「簡単に出来ました!」っていうときには、「ワタシには簡単に出来ました!」ってことでしかない。
簡単に出来ないワタシにも出来たので「HTMLタグの<head>と</head>の間にコードを挿入」で、便利に使えるから「簡単にはできないけど、やってみる価値はあります」って感じ。
HTMLタグの変更はドキドキしますが、コードをブログに挿入できるといろいろ説明がラクチンです。
テンプレートのカスタマイズの隣の「HTML」ボタンを押すと一番上の画面にいくので、<head>と</head>の間にコードを挿入で、こんな便利なことが出来ます。
挿入するコードはこれ↓色の設定も出来るらしい。
HTMLタグの変更はドキドキしますが、コードをブログに挿入できるといろいろ説明がラクチンです。
テンプレートのカスタマイズの隣の「HTML」ボタンを押すと一番上の画面にいくので、<head>と</head>の間にコードを挿入で、こんな便利なことが出来ます。
挿入するコードはこれ↓色の設定も出来るらしい。