こんにちは、ずーむです。                      　　　　【更新】2019年1月20日 今回は、はてなブログにお問い合わせフォームを設置したので、手順をご紹介します。 お問い合わせフォームなんて、今まで必要性を感じていませんでした。しかし、2016年の年の瀬も押し迫ったころ、マイレージブログ業界にポイントサイトとのコラボ企画がいくつも出てきました。また、「マイルで100の世界遺産」のトートさんが、ANA公式サイトでインタビューを受けて、公認陸マイラー？！に、なっておられましたよね？ ※2017年3月14日、私もANA公認陸マイラーとなりました。 それもこれも、ブログの管理人に連絡が取れるからこそです。 というワケで、全くそんなあてはありませんが、もしものときの万が一のために、私が行ったお問い合わせフォームの設置方法を解説いたします。 スポンサーリンク お問い合わせフォーム

はてなブログを書いている方で問い合わせを受け付ける場合にメールアドレスをそのままサイトに記載するには抵抗がある場合がある。 アドレスを公開することなくブログを見てくれた人からの意見や指摘などを受け付けたい。 そんな方にはお問い合わせフォームを設置することがおススメ。 はじめにどのようなフォームとなるかイメージを紹介しておきます。 【はてなブログでの問い合わせフォームの入り口】 【お問い合わせフォーム】 ※問い合わせで入力された内容は指定のアドレスに転送する設定も可能。 作成方法を以下にまとめる。 目次 １．Google フォームで問い合わせフォームを作成 ２．まとめブログの設定 ３．問い合わせ内容の参照 ４．問い合わせ内容を指定したアドレスに転送 １．Google フォームで問い合わせフォームを作成 1-1.Googleから「Googleアプリ」を選択 ※ブラウザはChromeを推奨。In

こんにちは、ずーむです。                      　　　　【更新】2019年1月20日 今回は、はてなブログにお問い合わせフォームを設置したので、手順をご紹介します。 お問い合わせフォームなんて、今まで必要性を感じていませんでした。しかし、2016年の年の瀬も押し迫ったころ、マイレージブログ業界にポイントサイトとのコラボ企画がいくつも出てきました。また、「マイルで100の世界遺産」のトートさんが、ANA公式サイトでインタビューを受けて、公認陸マイラー？！に、なっておられましたよね？ ※2017年3月14日、私もANA公認陸マイラーとなりました。 それもこれも、ブログの管理人に連絡が取れるからこそです。 というワケで、全くそんなあてはありませんが、もしものときの万が一のために、私が行ったお問い合わせフォームの設置方法を解説いたします。 スポンサーリンク お問い合わせフォーム

先日から、Adobe提供の無料開発エディター「Brackets」を使っています。 僕はこれまで、Wordpressテーマの開発などは「恋に落ちるエディター」のキャッチフレーズでおなじみのSublime Text 3を利用してきました。Sublime Textは、そのキャッチフレーズ通りの素晴らしいエディターです。 けれど、初めてBracketsをインストールして少し使ってみた瞬間から、「これは！」と、Sublime Textを初めて使った時と負けないぐらいの衝撃を受けました。 Bracketsも、Sublime Textと同様拡張で様々な機能を追加できるようになっています。けれどまず今回はデフォルト機能だけで気に入った部分を紹介したいと思います。 Bracketsとは Bracketsは、HTML、CSS、JavaScriptで開発されているオープンソースコードエディターです。Window

みなさんエディタ使ってますか？ エディタですよ、エディタ！！ エディタ（テキストエディタ）っつーのはテキストをエディットするやつです。 PCでテキストをエディットしない人なんていないでしょう？ つまり全てのPCユーザーに必須と言っても過言ではないのがエディタです！ 学生もエンジニアも作家もライターもみんな大好き！ 今日も至る所で酷使されている、そんな可哀想でもあり羨ましくもあるエディタについて、僕の完全な独断と偏見とちょっとばかりの経験による所感を書いていきます！ この16種類は2016年9月30日時点で僕が主要エディタと思っているものです。 おすすめ順で書いてます。 有料と記載されているもの以外は全て無料です。 僕が全く使ったことないまたはほとんど使ったことないエディタは【使ったことない】と記載しておきます。 間違いだらけの説明かもしれませんが許してください！ 結論だけ先に書いておくと、

こんにちは、えむしです。 今回はページトップに戻るボタンを設置する方法をご紹介します。 素人なもので、何か間違いなど有りましたらコメント欄にてご指摘お願いします…。 nohack-nolife.hatenablog.com こちらを参考にさせていただきました。 以下はカスタマイズの記事まとめです。 http://blog.mshimfujin.net/archive/category/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3blog.mshimfujin.net 完成図 まずはfontawesomeを呼び出します。 フッタのhtml記述エリアにコピー 最後はデザインCSS 追記 完成図 カーソルが重なる前 カーソルが重なった後 ちょっと大きい画像になってますが、こんなボタンが右下に設置されます。 まずはfontawesomeを呼び出します。 まずはfo

※この記事は2015年7月時点でのカスタマイズについて書いていますので、現在のデザインとは異なる点もあります。ご了承ください。 今回は、これまでに私が当ブログに対して行った「はてなブログをおしゃれにするカスタマイズ」をまとめてみました。ミニマルデザイン・シンプルデザイン・レスポンシブデザインに使える、簡単なカスタマイズばかりです。すべてレスポンシブデザイン対応なので、よろしければお試しください。 ちなみに使用しているテンプレートは「Blank」。シンプルで使いやすいテーマですが、カスタマイズのし過ぎでそろそろ原型がなくなってきました。 1、はてなブログのフォントを変更 ブログをおしゃれにしたいと思い、まず変更したのがフォント。 コンテンツの内容にもよりますが、デザイン優先のときははてなブログのデフォルトより、やや細めのフォントを使う方が良いように思います。本文はゴシックにし、記事タイトルだ

上記は、私のカスタマイズ環境です。 今回のコードは他の環境でも導入可能だと思います。また、はてなブログProでない方でも、レスポンシブにすればスマホでも利用することができます。 スマホ画面の「複合メニューバー」 「ページトップへ戻る」ボタンを導入する それでは、私が行った「ページトップへ戻る」ボタンの導入手順を順番に整理してみます。 （１）「HTMLとJavaScript」のコードを貼る はじめに「ページトップへ戻る」ボタンの「HTMLとJavaScript」のコードを貼ります。 〈貼り付けるコード〉 <!-- 「ページトップへ戻る」ボタン --> <div id="page-top-area"> <a id="page-top-button"><i class="fa fa-chevron-up"></i></a> </div> <script> (function($) { $(fun

As you play a slot machine, money management is just one among the necessary factors which affect your success. If in order to able to control your money wisely, you will have better amount of your time which may do spend positively playing. You need understand when to extend bets or decrease it... This choices are great for both those who desire the name of the track marked on their music. By wor

As you play a slot machine, money management is just one among the necessary factors which affect your success. If in order to able to control your money wisely, you will have better amount of your time which may do spend positively playing. You need understand when to extend bets or decrease it... This choices are great for both those who desire the name of the track marked on their music. By wor