メモ取り！

2016/09/06

ムームードメインで独自ドメイン取得。WHOIS代行も無料で設定できました

更新日：2018年6月9日(土)

当ブログでも独自ドメインを取得しました。

Bloggerが標準でSSL化され、HTTPSとHTTPの混在コンテンツでエラー出たりでなんだかんだと二の足を踏んでいたんですが…。

やっぱりもっと色んな人にこのブログを見てもらいたいなーと思ったのであります。

ちなみにムームードメインで取得しました。

サイトが見やすく、しかも「WHOIS情報公開代行（WHOIS代行）」が標準かつ無料で設定できるのがその理由です。

WHOIS情報公開代行とは

WHOIS情報とはインターネット上に公開されるドメインの登録情報を指します。

ドメイン名やURLなどで誰でも簡単に検索することができ、IPアドレスやドメイン名だけでなく名前や住所・電話番号などを確認できるというものです。

企業なら問題ありませんが、個人情報が公にされるのは困りますよね。

そこでWHOIS情報公開代行サービスを利用します。
WHOIS情報公開代行を設定するとドメイン会社の情報が代わりに公開されます。
これなら安心ですよね。

ネットで見るとお名前.comが人気ですが、ドメイン取得時に申し込みを忘れると個人情報が公開されたあげく料金が発生する場合があります。しかも毎年…。

そういった面からも、初心者が個人でドメインを取得する場合は親切設計なムームードメインがおすすめかなと思います。

Bloggerでの設定が終わっても、独自ドメインがDNSサーバに定着するまでの間はムームードメインにリダイレクトされるようです。

この後はSearch ConsoleやGoogle Analytics、Google AdSense等、設定変更する必要があります。

新しいURLは
https://www.memotori.net/です。
これまで以上によろしくお願いしますm(_ _)m
※ Bloggerで独自ドメインの常時SSL接続が標準となり、2018年3月より当ブログでも移行しました。

ムームードメインは頻繁にキャンペーンを開催しています。
キャンペーン中は値下げされるのでお得です。
欲しいドメインがある場合は日頃からチェックしておきましょう！

2016/09/03

Bloggerプレビュー画面のリンクを有効にする方法

更新日：2017年10月17日(火)

Bloggerのプレビュー画面はブロックされていて、リンクが無効になっています。

不便だなぁと思っていましたが、対処法を見つけたのでメモ。

プレビュー画面のブロックを無効化してリンクを有効にする

テンプレート→カスタマイズ→上級者向け→「CSSを追加」に以下のコードを追加します。

/*プレビュー画面のブロック無効化*/
.blogger-clickTrap {display: none;}

通常はこれでOKなのですが、当ブログでは反映されず…。
直接テンプレートにコードを追記しました。

追加場所は2箇所あります。
1つ目は</b:skin>の直前にある</style>の直前。

2つ目は</b:template-skin>の直前です。

どちらか一方に追記すれば大丈夫です。

プレビュー画面のリンクが有効になると、アドセンス広告もクリック可能となります。
誤クリックしないように気を付けましょう。

テンプレートをいじるので、事前にバックアップを取ってから作業して下さいね。

2016/08/27

「ネタバレ」隠しに。Bloggerで折りたたみ式【続きを読む】を挿入する方法

更新日：2018年03月23日(金)

先日、【続きを読む】を自動挿入しました。
今回は「ネタバレ」やクイズの答えなどを隠したい時に、個別の記事内で使える【続きを読む】を挿入する方法をメモ。

参考にしたページはこちらです。
http://10plate.blog44.fc2.com/blog-entry-131.html



<script type="text/javascript">

<!--

function showPlagin(idno){

pc = ('PlagClose' + (idno));

po = ('PlagOpen' + (idno));

if( document.getElementById(pc).style.display == "none" ) {

document.getElementById(pc).style.display = "block";

document.getElementById(po).style.display = "none";

}

else {

document.getElementById(pc).style.display = "none";

document.getElementById(po).style.display = "block";

}

}

//-->

</script>



<br />
<div id="PlagOpen1">

<a href="#" onclick="showPlagin(1);return false;" title="OPEN">OPEN</a></div>

<div id="PlagClose1" style="display: none;">

<!-- ▼▼ -->



隠したい文章や画像をここに入れる。



<!-- ▲▲ -->

<br />

<a href="#" onclick="showPlagin(1);return false;" title="CLOSE">CLOSE</a>

</div>

以上のコードをHTMLモードで好きな場所に入れます。

赤太字の数字(「PlagOpen1」の１、「showPlagin(1);」の(1)、「PlagClose1」の1）が被らないように指定すれば、記事内で何カ所も設定できます。

折りたたんで隠したい内容は「隠したい文章や画像をここに入れる。」の部分に上書きしてください。
OPEN、CLOSEを任意の文字に変更すれば状況に応じて使い分けも可能です。

・サンプル

▶続きを読む

▶詳細はこちら

▶ここを見て！

サンプルは使いやすいようにちょっと手を加えています。
環境によってはその他のカスタマイズも必要になるかも知れません。

テストページでは反映されるのに、メモ取り！に持ってくると上手く作動しないので結構時間を取られました。
~~下書きだと確認できないのが厄介です^^;~~
※【訂正】プレビュー画面のリンクを有効化したら下書き状態で確認できました。便利！

トップページに【続きを読む】を自動で挿入している場合は、冒頭文が短いと隠したい部分が最初から展開されてしまうので注意して下さいね。

【関連記事】
Bloggerプレビュー画面のリンクを有効にする方法
Bloggerに【続きを読む】を自動で挿入してサムネイルも表示させる方法