iPhone8にもう「安全ではありません」とは言わせない！。。。...多分(-_-;)

HTTPS リダイレクトがオンになっている場合:
　ブログの訪問者は常に https://shotoyama.blogspot.com にアクセスすることになります。

HTTPS リダイレクトがオフになっている場合:
　http://shotoyama.blogspot.com の訪問者は接続が暗号化されていない HTTP 経由でページにアクセスすることになります。
　https://shotoyama.blogspot.com の訪問者は接続が暗号化された HTTPS 経由でページにアクセスすることになります。
　詳細。


このブログの上記の設定を今日「いいえ」から「はい」に変更しました。

iPhoneでGoogle検索結果からこのブログにアクセス頂くとurlのところにデカデカと「安全ではありません」と表示されていました。（機種やバージョンによって違うらしいのですが）
こんな表示のブログなんてあちこちにあるし気にする方がおかしいらしいのですが私は気になってしようがありませんでした。
いろいろ調べていたのですが説明が難しくてギブアップしていました。
・・・
このブログのデザイン少し飽きたしテンプレートでも取り替えようかなあと思いながらブログの設定のところを弄っていて上記の設定を変えたら、たまたまいつもの「安全ではありません」が表示が消えるのに気が付きました。
ああ、これって嬉しいかもと思っていろいろ試したら次の２点が判りました。
１.Google検索結果の画面にこのブログのurlが「https://shotoyama.blogspot.com/」ではなくて「shotoyama.blogspot.com/」と表示されていてもクリックすれば鍵マーク付きのhttps://shotoyama.blogspot.com/の私のページのアクセスできること。
２.このブログのどのページでもスクロールダウンした一番下に「ホーム」ボタンがありますが、これをクリックすると今までは「http://shotoyama.blogspot.com/」にしか飛べていませんでしたが、それがちゃんと「https://shotoyama.blogspot.com/」に飛べるように治ったこと。
・・・
まあ、単に表示上の問題だけだと思うのですが、一件落着、めでたし、めでたし、なのであります。
・・・
実はこれを機にこのブログのGoogle検索順位が大幅に上がるのではなかろうかと密かにおおいに期待しているのですが、こればかりはある程度日数が経たないと判らない。。。...



警告 表示 消し方 治し方 令和元年
ブロガーブログ Google Blogger blog
Blogger デザイン 基本設定 HTTPSリダイレクト はい
iPhone8にもう「安全ではありません」とは言わせない！。。。...多分(-_-;)



(社交ダンス sho)Bloggerトップページへ

ブログの最下部に飛ぶリンクをサイドバー最上部に貼る方法

１．サイドメニューの最上部に位置する「HTML/JavaScript」ガジェットの最上部辺りに次のリンクhtmlを書く。
＜A HREF="#blogbotom"＞ブログ最下部へ＜/A＞
（＜や＞は全て半角で書くこと）

２．サイドメニューの最下部に位置する「HTML/JavaScript」ガジェットかボトムに位置する「HTML/JavaScript」ガジェットの最下部辺りに次のhtmlを書く。
＜A NAME="blogbotom"＞＜/A＞
（＜や＞は全て半角で書くこと）

上記方法はGoogleのブログ（ブロガー・ブログ Blogger）で成功しました。
パソコンとアップルのiPad（タブレット）でテストしました。
スマホでは基本サイドメニューは無いのですが、「ウェブバージョンを表示」でも成功しました。
このブログのサイドメニュー最上部の青色の「ブログ最下部へ」という文字をクリックして下さい。
他のブログ・サービスのブログでも成功すると思いますが実証テストはしていません。
又、機種によっては成功しないかもしれません。

ショート・カット・キーを使う方法もあるらしいけど、覚えるのも探すのも大変そうだし。。。

一つ記事内のトップからボトムへ飛ぶ方法もありますが、これなら記事毎に書かなくても一回書けば済ませる。
応援要請の相手に優しいリンク、なんちゃって。



ブログ最下部へ ←動作テスト



Googleのブログ ブロガー・ブログ ガジェット サイドメニュー ボタン
ブログの最下部に飛ぶリンクをサイドバー最上部に貼る方法



ブログの最下部に飛ぶリンクをサイドバー最上部に貼る方法 - Google検索

社交ダンス

(社交ダンス sho)Blogger

テンプレート Google blogspot Blogger シンプル 一覧表

1	シンプル テンプレート.
2	シンプル テンプレート.
3	シンプル テンプレート.
4	シンプル テンプレート.
5	シンプル テンプレート.
6	シンプル テンプレート.
7	シンプル テンプレート. テンプレート画像提供: gaffera さん.

見た目だけでなく機能も違うだろうと思って、初心者的に全て確認してみましたが、どうも機能は全て同じような気がします。
見た目は余程凝らない限り全て上級者向けで変更できるので１番から７番までのどれを選んでも良いと思います。まあ、試したがりの方は１番を選んでおけば無駄が無くて良いかなあ。。。...

---

テンプレートを取替えたら直ぐにhtml編集で修正すべき事

・アクセス解析研究所解析タグ
（「”」「＜」「＞」の書き換えを忘れない事。）

　　旧QLOOKアクセス解析のサービスは2016年9月30日をもちまして終了いたしました。

・Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法 | クリボウの Blogger Tips

・Google Search Consoleの確認用タグ

HTMLをいじり過ぎるとテンプレートを取り替える度に治すのが大変なので、あまりいじらない方が良いと私は思っています。

---

[設定 - 基本 - HTTPS]の[HTTPS リダイレクト]が「はい」になっていると下記のブログパーツやアクセスランキング等は作動しない。
・ACR WEB ページランキング
・BlogPeopleのリンクリスト
・ブログランキングドットネット
・PVランキング

---

2017 .02.15

[カスタマイズ]
テンプレート: シンプル
背景：背景画像無し
幅を調整：960ピクセル 240ピクセル
レイアウト：本文のレイアウト（2番目）　フッターのレイアウト（1番目）
上級者向け：（むしろ初級者向けだと私は思います。）
　以下、フォントはArial、Ｂ（太字）
　ページのテキスト：
　　16px
　　テキストの色：#000000
　背景：
　　外側の背景：#ffffff
　　メインの背景：#ffffff
　　ヘッダーの背景：transparent
　リンク：
　　リンクの色：#0000cc　#1A0DAB
　 　　表示済みの色：#551a8b　#660099
　　カーソルを合わせた時の色：#CC3434
　ブログのタイトル：
　　Ｂ 24px
　　タイトルの色：#000000
　ブログの説明：説明の色　#000000
　タブのテキスト：
　　Ｂ 16px
　　テキストの色：#000000
　　選択済みの色：#551a8b
　タブの背景：
　　背景色：transparent 　　選択済みの色：#551a8b
　投稿タイトル：
　　Ｂ 20px
　日付ヘッダー：
　　テキストの色：#ffffff
　　背景色：#bbbbbb
　　Ｂ 11px
　以下、面倒臭くて規定値のままの設定にしたと思います。

---

（太字）「＜b＞＜/b＞」で囲っている
（細字）「＜b＞＜/b＞」で囲っていない

	Arial 半角英数字が最初から太字なので太字細字の設定をしても区別が付きにくい。
	Courier 文字と文字の間の隙間が広いので一行に入る文字数が少ない。
	Georgir 半角英数字が最初から太字なので太字細字の設定をしても区別が付きにくい。
	Impact 半角英数字が最初から太字なので太字細字の設定をしても区別が付きにくい。
	Times New Roman
	Trebuchet
	Verdana
	ウェブフォント
	Allerta
	Allerta Stencit
	Arimo
	Arvo
	Bentham
	Calibri
	以下省略(-_-;)

↓スクリーンショット撮影用(現在のこのブログで採用しているフォントGeorgir)


社交ダンスＡＢａｂABab１２12(太字)
社交ダンスＡＢａｂABab１２12(細字)

---

読みやすいフォント サイズを使用する _ PageSpeed Insights _ Google Developers.htm

---

テンプレート › モバイル テンプレートを選択

モバイル端末では現在のテンプレートのモバイル バージョンを表示する。
◎ はい。モバイル端末でモバイル テンプレートを表示する。
◎ いいえ。モバイル端末で PC テンプレートを表示する。
モバイル テンプレートを選択
[カスタム]
プレビュー URL の QR コード
選択したモバイル テンプレートのサムネイル
テンプレートのカスタマイズををモバイル端末に独自に適用します。
必ずテンプレートをプレビューしてください。

↑[カスタム]を選択すべしらしいのですが、「はい」と「いいえ」のどちらを選択すべきなのか？

---

↓ほとんど訳の判ってない頃に書いたボヤキなので全く参考にならないと思います。

Blogger (社交ダンス sho)Blogger - テンプレート
テンプレートを選択する画面の「シンプル・シリーズ」
シンプル・シリーズには７つのテンプレートが掲げられている。
テンプレートの名前とか作者名とかは書いてない。
「左から１番目のテンプレート」とかと呼ぶしかない？
テンプレートを本当に適用してできたブログの画面の一番下に
「シンプル テンプレート. テンプレート画像提供: gaffera さん. Powered by Blogger.」が表示される。
テンプレート作者名じゃなくて「画像提供者名」が書いてある。
機能は全く同じで使ってる写真が違うだけのシンプル・テンプレートが７枚ある。
違いは幅とか文字の色とかだけなんだろうと思って
幅の一番広い「左から７番目のテンプレート」を適用して
今回の模様替えは無事終了と思ってたらどうも様子がおかしい。
従来は「左から１番目のテンプレート」を元に素人いろいろ改造していたと思いますが
長い年月の間他のテンプレートに取り替えてたかもしれませんが
シンプル・シリーズから外れたことはありません。
デザインには全く興味が無いし、細かい所をカスタマイズするにしても
シンプル・シリーズが一番素人には判りやすいと信じ込んでいましたから。
模様替えをして１週間、２週間・・・どうもおかしい。

「左から１番目のテンプレート」から「左から７番目のテンプレート」に取り替えたら
様々な不調が起きました。
じゃあ、「左から１番目のテンプレート」の戻れば良いじゃないか！
ですよねえ、でも、細かいカスタマイズなんかしてるから一概に「テンプレート」が悪いとも言い切れない。
前はガラケーでも繋がってたような気がするし、今は繋がらないし
スマホでも私のスマホでは繋がるのに知人のスマホでは繋がらないという人がいる。
取り敢えず「左から１番目のテンプレート」にこれから戻ってみます。



ページタイトル 投稿タイトル ブログのタイトル 順
ブロガー・ブログ Blogger blogspot Google ヘルプ Ｑ＆Ａ
テンプレート Google blogspot Blogger シンプル 写真



テンプレート Google blogspot Blogger シンプル - Google 検索1位
このページは 2019年5月7日 01:35:11 GMT に取得されたものです。



2017.03.11更新 2016.12.03初稿

社交ダンス

(社交ダンス sho)Bloggerトップページへ

ブロガー・ブログ（テンプレート・シンプル）にYouTube動画を幅（width）320px,560px,640pxで貼ってパソコン・iPad・スマホで比較した。

↓320x180



↓560ｘ315




↓640x360




0:49
　ブロガーブログではiPadではYouTube動画の途中再生へのリンクは「0:00」に繋がります。



社交ダンス ワルツ Ｈ 初心者向け基本ステップ レッスン動画 1:53


【ワルツＨ】(社交ダンス　上級者向け基本ステップ動画)
・フォーラウェイリバース＆スリップピボット(1&23)
・オープンテレマーク＆テレスピン(123&123)
・スローアウェイオーバースェー(123)
・セイムフットランジ(123)
・デベロッペ(123 123)
・ウィーブ(123 123)
・シャッセフロムPP(12&3)
・ナチュラルターン(123)

日暮里の若者向けヤング社交ダンスサークルＣＤＣ

The Telespin (ザ テレスピン)： ワルツ ルーティン：YouTube動画

---

YouTube動画を見る時はYouTubeに飛んでもらってから見て貰った方が適正な大きさ（サイズ）で見てもらえる。
が、自分のブログにも動画を貼りたい。。。...
どうせ貼るならできるだけ大きなサイズで見て欲しいのですが
スマホで見ると画面からはみ出して表示されてていささか都合が悪い。。。...
という訳でいろんなサイズの動画をブログに貼ってスマホでどんな風に見えるのかを比較してみました。

320x180の動画　（ピクセル px）

パソコンとiPadで見る場合はちょっと小さ過ぎに見えます。。スマホだと縦にして見る時の限界最大幅です。

560ｘ315の動画　（ピクセル px）
パソコンとiPadで見る場合は少し物足りないです。スマホだと横にして見る時は限界最大幅です。

640x360の動画　（ピクセル px）
パソコンとiPadで見る場合の限界最大幅ですが若干大き過ぎです。スマホだと目茶目茶大き過ぎです。

総じて言うならば私のこのブロガー・ブログにYouTube動画を貼るなら560ｘ315が全員なんとか満足と言うことでしょうか。

---

アクセス解析研究所　2016.11.14 ~ 32days の統計によれば、私のブログで上記動画を見た人のプラウザは次の通りです。

Internet Explorer 16人
Edge　　　　　　　　8人
Chrome　　　　　　2人
Safan 　　　　　　　2人
iPad　　　　　　　　2人
スマホ　　　　　　　0人

マイクロソフトの圧勝！
iPadは普及率から見てこんなものかもしれない。
スマホ0人は意外でしたが社交ダンス動画を通信料を払って小さい画面で見る人は居ないという事でしょうか？
バラエティ動画（金スマとか）ならスマホでも見る人はいるかもしれないけど
社交ダンス動画がメインの私のブログなら、560ｘ315を貼っておくのが一番無難！？



社交ダンス ワルツ The Telespin ザ テレスピン
figure フィガー 足型 足形
routine ルーティン ルーティーン ルーチン ルーテン アマルガメーション
ブロガー・ブログ（テンプレート・シンプル）にYouTube動画を幅（width）640,px,560px,320pxで貼ってパソコン・iPad・スマホで比較した。



(社交ダンス sho)Blogger

ブロガー・ブログのテンプレート・カスタマイズのヘルプサイト Google,Blogger,blogspot

クリボウの Blogger 入門の超初心者用抜粋 Blogger にも「最近のコメント」 Feed2JS の使い方 レイアウトテンプレートのエラーメッセージ一覧

クリボウの Blogger Tipsの超初心者用抜粋 Blogger で使えるレスポンシブデザインテンプレート 25 選 _ クリボウの Blogger Tips Blogger で投稿のラベルを一括削除・一括変更する方法 Blogger のテンプレート HTML エディタが大幅にリニューアル Google SEO クイックチェックシートに従った Blogger ブログの更新方法 ブログが削除されてしまったときに Blogger チームとコンタクトを取る 4 つの方法 Blogger のモバイルテンプレートで動的ビューが使えるようになりました Blogger のコメント欄で、デフォルトのアバター画像を変更する方法 Blogger の Navbar がブログ管理画面からオフにできるようになりました Blogger のスレッド式コメント欄で、各コメントに番号をつける方法 テンプレート変更しました　MxS Blogger template - BTemplates 他のブログサービスから Blogger への引っ越し方法 Blogger 「HTML の編集」で JavaScript や CSS のコードを貼り付けるときの注意点 Blogger の blogspot.jp リダイレクトに関していろいろ Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法 Japanese Bloggers Info 　日本語で書かれている Blogger ブログを紹介している情報サイトです。現在、3193 個のブログが参加しています。

クリボウのプログラミングひとりごと Blogger でサイトマップを表示するツールを、投稿が 500 件以上あるブログにも対応させてみた 　「Blogger ブログにサイトマップ - ラベル分類された投稿一覧を「ページ」に表示する方法」の続編

---

Dégustation Sepiaの超初心者用抜粋 Blogger Tips INDEX 　【HTTPS Everywhere】「Blogspot」ドメインの「HTTPS リダイレクト」に関する考察と設定オン後に検証して修正した事 　【HTTPS Everywhere】「Blogspot」ドメインの全てのブログで暗号化接続がデフォルトで有効となり警告·修正するツールが提供された件 　Bloggerでメタデータ(descriptions)を重複無しに記述する 　Top Page やカテゴリー別に違う「descriptions」「keywords」に 　GoogleウェブマスターツールでBloggerのAtomをサイトマップとして登録 Customize Universal INDEX 　Google Bloggerのテンプレート・カスタマイズを行う前に 「」の２カラム右サイドバーです Customize Header INDEX Customize Sidebar INDEX Customize Main INDEX Customize Footer INDEX Blogger Optimization INDEX 　Bloggerの読み込み遅延の元凶「widget css bundle」を削除して高速化する 　Bloggerの読み込み遅延の元凶「widgets.js」「plusone.js」を削除して高速化する…非推奨

---

トーマスイッチのBlogger カスタマイズの超初心者用抜粋 BloggerがHTTPSに対応したので今後の対応を考えてみた [完全版]bloggerのsection、widget、includableについてのまとめ ボクがbloggerのSEO対策で必ずやっている５つのこと え、それだけ？bloggerをレスポンシブデザインにする超簡単なカスタマイズ法 ３度の飯より大事！５分で終わるBloggerのバックアップ方法 Bloggerのサイトマップとrobots.txtの設定方法

---

SunaboxのBlogger Customの超初心者用抜粋 外部ツールのスクリプトがうまく動かないときは、まずはココを確認してみましょう！ タイトルの横が余ってると感じるblogger使いの人に！タイトルの横にガジェットを配置する方法をご紹介。

---

ふりむけばコウホウのBloggerの超初心者用抜粋 　今はやり？の見出し直下の広告（adsence）をBloggerに導入して見た 　BloggerテンプレートのHTMLにコードを書き込むとき、特定の表記がエラーになります。 　adsenceのコードをそのまま張り付けるとエラーが出てしまい保存できません。 　主にこの3つ「”」「＜」「＞」を書きなおすことでエラーが出なくなります。 　「”」→「"」 　「＜」 →「<」 　「＞」 →「>」 　↑編集の都合で文字化けさせているので必ず引用元の記事を見ること。 　最初に使うべきBloggerおすすめ機能を紹介（初心者向け） 　[更新]blogger ブログの使い方、設定やカスタマイズ機能のポイント 　記事投稿はページと投稿の2種類 　Blogger HTML編集方法のコツ（初心者向け） 　改めてBloggerエディタボタンの機能を確認 　「作成/HTML」ボタン 　簡易的ですがプレビューで編集できます。 　「元に戻す＆繰り返す」ボタン 　「フォントサイズ」ボタン 　「表示形式」ボタン 　「テキストの色、テキストの背景色」ボタン 　「引用」ボタン 　「書式をクリア」ボタン 　FAQ：BloggerでLabel(ラベル)を設定する方法 緑色の文字の部分は引用または抜粋です、必ず元記事で確かめて下さい。

---

雑記

Bloggerカスタマイズ _ p--q

スマホでブログを見た時にはスマホの画面サイズに合わせてサイズを可変させる、いわゆるレスポンシブにする方法を以下に記載します。

Sucuri SiteCheck - Free Website Malware Scanner マルウェアスキャナー

---

このブロガー・ブログの目下の命題は
(社交ダンス sho)Blogger 富山県社交ダンスパーティー情報を
ガラケー携帯電話とスマホに表示させたいという事です。

「ダンスパーティー富山」の検索結果 - Yahoo!検索

ダンスパーティー富山 - Google検索

Google Search Console モバイル フレンドリー テスト ニュー・バージョン！
　テスト日時: 2016/11/17、14:28
　このページはモバイル フレンドリーです
　このページは、モバイル端末での使い勝手に優れています

---

社交ダンス blogspot - Google検索

---

Blogger
設定
公開
ブログのアドレス
注: カスタム ドメインを設定すると HTTPS が無効になります。
with2人気ブログランキングのポイントルーレットについて
ポイントルーレットは、1日1回チャレンジすることができます。
当たったポイントは、INポイントとして翌日加算されます。
※お使いのブラウザでJavascriptの設定を無効にされている場合、
正しく機能しない、もしくは正しく表示されない場合があります。

---

ACR WEB ページランキング カウント取得用タグ ランキング対象となるページ全てに以下のタグを貼り付けてください



他のサイトのコンテンツを共有する - Blogger ヘルプ
すべてのコンテンツを共有する

完全なサイトフィードはリアルタイムで更新されます。デベロッパーは PubSubHubbub プロトコルを使用すると、更新情報を低遅延で登録できます。
Atom 1.0: http://blogname.blogspot.com/feeds/posts/default
RSS 2.0: http://blogname.blogspot.com/feeds/posts/default?alt=rss
コメントを共有する
Atom 1.0: http://blogname.blogspot.com/feeds/comments/default
RSS 2.0: http://blogname.blogspot.com/feeds/comments/default?alt=rss
ラベル別に投稿を共有する
特定のラベルのフィードを取得するには、[label] を変更してください。
Atom 1.0: http://www.googleblog.blogspot.com/feeds/posts/default/-/[label]
RSS 2.0: http://www.googleblog.blogspot.com/feeds/posts/default/-/[label]?alt=rss
投稿別にコメントを共有する
投稿のコメントのフィードを取得するには、＜postID＞ を投稿の適切な ID に置き換えてください。
Atom 1.0: http://[blogname].blogspot.com/feeds/＜postId＞/comments/default
RSS 2.0: http://[blogname].blogspot.com/feeds/＜postId＞/comments/default?alt=rss
個々の投稿の postID を確認するには:
Blogger にログインします。
更新するブログを選択します。
[投稿] を選択します。
共有する投稿を選択します。
ブラウザのアドレスバーで postID をコピーします。



Javascript blogger blogspot - Google 検索
　その際はCDATAセクション（＜![CDATA[〜]]＞）を使って以下のような書き方をすれば大丈夫だと思います。



au携帯アップデートSH001.pdf

---

Blogger.com



テンプレートのカスタマイズの度にあちこちのサイトを参考にするのですが
問題が解決するとホッとしてあまりその記録を残して来なかった。
しかし、同じ問題に遭遇することがたびたびある。
その度に新たにあちこちのサイトをうろつくことになる。
これはあまりに非能率的、今後は記録を残しておこう、という訳でこのページを立ち上げました。
事例を積んで行けばきっとまとめ的人気ページになるんじゃないかと言う期待を込めて。。。...

できれば 「ブロガー,blogger,blogspot,Google blog」専用のヘルプであって欲しい。
できれば日本語サイトであって欲しい。

---

blogspot ヘルプ - Google 検索4位

ブロガー テンプレート - Google検索

Google blog テンプレート - Google検索15位

テンプレート シンプル blogspot or Blogger - Google 検索2位

blogspot レイアウトテンプレート - Google 検索

blogspot クラシックテンプレート - Google 検索

blogspot コメント - Google 検索

このサイトは安全でない可能性があるため接続できません 証明書不一致 携帯電話 blogger OR blogspot - Google 検索



ページタイトル 投稿タイトル ブログのタイトル 順
ブロガー・ブログ Blogger blogspot Google ヘルプ Ｑ＆Ａ
ブロガー・ブログのテンプレート・カスタマイズのヘルプサイト Google,Blogger,blogspot



(社交ダンス sho)Blogger テンプレート Google blogspot Blogger シンプル 写真

(社交ダンス sho)Bloggerトップページへ