Blogger HTMLの編集画面が新しくなった その3 HTMLコードの見つけかた

おすすめ記事ピックアップ

前記事(Blogger HTMLの編集画面が新しくなった その2 CSSコードの見つけかた http://www.furimuke.com/2013/04/blogger-html2css.html)で、だらだらとCSSコードをカスタマイズしたい時の作業について書きました。

Blogger HTMLの編集画面が新しくなって、コードが探しずらくなったと、グタグタ言っているのですが、本当はわかっているんです。コードを編集したいなら、別のエディターで開いて、検索して修正してくださいね~という意図は、うすうす感じているんです。

タンブラーとかでも、FTP等で作業するときも、ドリームウィーバとかも、ローカル環境みたいので確認して、アップするような。何かあってもバックアップ環境を踏まえて作業しなければいけないような、そういう仕組での利用を前提としているんだろうなと、感じてはいるんです。

ええ。。そうです。たぶんコードを深くカスタマイズする人は、こんな利用方法なんでしょうね。まず、おなじみのテンプレート→バックアップ→テンプレートをすべてダウンロードします。



XMLファイルがダウンロードされます。

エディターでXMLファイルを開きます。MKエディター(http://www.vector.co.jp/soft/win95/writing/se083554.html)で開いてみました。行数が出てきます。

エディターなら必ず検索がありますので、検索を開きます。

カスタマイズしたい箇所があれば、ブラウザのチョロメの要所検証をします。該当のコードがわかります。

エディターでコードを検索します。

該当のコードがある行数がわかりました。2061行です。

BloggerのHTML編集を開きます。2061行は、どうやらコードが折りたたまれている中にあるようですね。

コードを広げて、2061行を探しますと、ドンピシャでありました。

せっかくなので、くそ邪魔なペンタイプのショートカット編集ボタンでも消してやりましょう。該当部分を削除します。

プレビューすると、ペンが無くなりました。

こうやってコードを調べれば、複雑なカスタマイズも簡単ですね。めでたし。






いいね!と思ったらお願いします。


名前

AddToAny adsence adwords Amazon AmazonFBA Calculator Analytics Blogger BMAG chrome CODEPREP Eclipse envato facebook FAQ feedly Font Awesome Geek Press Gifzo Illustrator kindle LinkWithin Logaster myfonts NAVER Photoshop PHP picasa Premiere Similarweb TOPSY tumblr Wordpress wpX XAMPP zenback ウェブマスターツール ウハウハモウケタイ カスタマイズ ゲストシリーズ ココナラ サイト制作 ドメイン はじめに プレスリリース プレスリリース作成 プレスリリース利点 まとめ ランディングページ リリース送付先の見つけ方 レビュー 考察 子孫セレクタ 思いつきサイト制作 書評 足成 台湾 通販 日記 忍者おまとめボタン 文章の基本
false
ltr
item
ふりむけばコウホウ : Blogger HTMLの編集画面が新しくなった その3 HTMLコードの見つけかた
Blogger HTMLの編集画面が新しくなった その3 HTMLコードの見つけかた
http://4.bp.blogspot.com/-s-NZPYRSsOQ/UW1FGCeWHPI/AAAAAAAAI4s/8__WXFojqLQ/s640/ht001.jpg
http://4.bp.blogspot.com/-s-NZPYRSsOQ/UW1FGCeWHPI/AAAAAAAAI4s/8__WXFojqLQ/s72-c/ht001.jpg
ふりむけばコウホウ
http://www.furimuke.com/2013/04/blogger-html3html.html
http://www.furimuke.com/
http://www.furimuke.com/
http://www.furimuke.com/2013/04/blogger-html3html.html
true
8618648785166852656
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All 関連記事:もっと見るはクリック→ LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy