Blogger のコンタクトフォームを使って記事ごとにお問合せフォームをつける

Blogger には便利なコンタクトフォームがあるのですが、味気ないのでカスタムというのがいろいろ情報があります。　こちらのように独立ページでお問合せのページとして使う方法などもあります。

で、それを、写真のように各ページごとに、ある程度の文章も入力した状況で各アイテムごとにつける…方法が意外に難しかった…
  <data:post.body/> の下にはwidgetはつかないのです。

で、結局、widgetは

div#ContactForm2 {display:none!important;}  (id はその都度確認)　で

見せないようにして、こちらの記事を参考に、divで入れました。 ブログのIDを指定するのがミソのようです。　こうすることで、　ブログの記事のタイトルを入れるなどカスタム可能。widgetのままだとこれはできません。

BootStrap と もっともシンプルなblogger テンプレートを作る

【Bootstrapを使ったBlogger テンプレート】 ←　こちらで販売しています！

ブロガーの良さを残しbootstrapを取り入れるバージョン完成

こんなjquery あったんか！「jQueryのバージョンを上げたら動かなくなった…！」という場合に修正箇所を教えてくれたり、廃止されたAPIを復元して動くようにしてくれたりします。　

これもつけてとにかくBootstrapをCDNで入れ込む　必ずjquery は前に入れること！
こちらで実験中

初期値で要素の検証でエラー出るのは、Chromeのバグということだが、ツイッターなどの共有ボタンを消すとOK

モバイル要素は全部消す　mobile との切替はなし(でも消しても復活するものありｗ)
フッターの組み方はマクロを単純に消すとエラー


上部のveiwport を設定を変更します。（最後のカッコ閉じる　/ を忘れない）
この際、eiwportの意味も徹底理解したいです！ 　いや、手っ取り早くどれがいいのか教えてくれたらそれでいいわ！

こちらのBlogger のヘルプも参照しながら、前からやりたかった徹底分析です！

• ブログタイトルの表示 <data:blog.title/>

スマホのCSSのhover が外れない 超オススメフラッシュライト

動画のような感じで、スマホでもタッチしてアニメーションを設定する場合は、Focusを設定してやるのだそうです。　知らんかったな～。

こういう感じにカッコいいアニメとかも、パソコンだけのことしか考えてなかったが、こうしたらいいのね。と。　

で、最初いつものように、hover 要素を設定していただけだと、スマホで見ると、クリックした後で要素がとれない…。

で、なんでこれで　touchイベントの設定になるのかわかりませんが、これをつけた。
が、これをつけても、どっかクリックしないと元にはもどらない。

で、このスクリプトと、Focusをセットで設定すると初めて動画のようになり、よい感じになりました。
…と、思ったが、このihover合成したら…なぜかオリジナルはうまいこといくけど、iHover はうまくいかん…ｗｗｗ　もう疲れたから妥協です。

もう知らんことばかりだわ…

Form のタイムスタンプを日本語化し、それなりにした日本の景気はブルブルです…日中友好を通じて考える

Formに入力された日付は自動的に入力されるのですが、どうしても、

な風になってしまうので、これを表示を変更するだけで、何とかならんかなと思うのですが、どうしても見栄えよくすることができません。

で、スクリプトを使って文字を置き換えることを考えました。

右のように英語を日本語に置き換えたものを準備し、

それを元に　MID関数などで左のように形成します。

で、replaceText というのは、どうも、Google Document の関数のようで、うまく動かない。で、探したら、またまた、stackoverflow で教えてもらいました。ありがとうございます。