Cross-Column2

社交ダンス
ラベル テンプレート・カスタマイズ の投稿を表示しています。 すべての投稿を表示
ラベル テンプレート・カスタマイズ の投稿を表示しています。 すべての投稿を表示

2018年1月26日金曜日

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

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

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

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

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

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



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



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




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






社交ダンス

StudioHimawariLtd ダンスTVスタジオひまわり

(社交ダンス sho)Blogger

2017年2月17日金曜日

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




1
シンプル テンプレート.

2
シンプル テンプレート.

3
シンプル テンプレート.

4
シンプル テンプレート.

5
シンプル テンプレート.

6
シンプル テンプレート.

7
シンプル テンプレート.
テンプレート画像提供: gaffera さん.

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





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

・アクセス解析研究所解析タグ
「”」「<」「>」の書き換えを忘れない事。)

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

Google Search Consoleの確認用タグ

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







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







2017 .02.15

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







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

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


社交ダンスABabABab1212(太字)
社交ダンスABabABab1212(細字)









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









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

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

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









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

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

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



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



ページタイトル 投稿タイトル ブログのタイトル 順
ブロガー・ブログ Blogger blogspot Google ヘルプ Q&A

テンプレート Google blogspot Blogger シンプル 写真



2017.03.11更新 2016.12.03初稿






社交ダンス

とやま観光ナビバナー StudioHimawariLtd ダンスTVスタジオひまわり

(社交ダンス sho)Blogger

2016年12月15日木曜日

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

↓320x180



↓560x315




↓640x360




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



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


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

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

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







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

320x180の動画 (ピクセル px)

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

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

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

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






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

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

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



社交ダンス ワルツ The Telespin ザ テレスピン ガラケー 携帯電話
ブロガー・ブログ(テンプレート・シンプル)にYouTube動画を幅(width)640,px,560px,320pxで貼ってパソコン・iPad・スマホで比較した。



知っ得!YouTubeの動画埋め込みコードのパラメーターまとめ1 - 見た目のデザインをカスタマイズ編 横浜ピアノ教室 福田音楽教室 Webサイト管理人のブログ






(社交ダンス sho)Blogger



300x250


300x250

2016年12月10日土曜日

ブロガー・ブログのテンプレート・カスタマイズのヘルプサイト 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のテンプレート・カスタマイズを行う前に 「」の2カラム右サイドバーです

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対策で必ずやっている5つのこと

え、それだけ?bloggerをレスポンシブデザインにする超簡単なカスタマイズ法

3度の飯より大事!5分で終わるBloggerのバックアップ方法

Bloggerのサイトマップとrobots.txtの設定方法










Bloggerをカスタマイズするときに見るブログの超初心者用抜粋

Header

Posts

 ブログ初心者必見!画像につく白い影と枠線を消す方法

Gadget

 サイト内検索を10倍見やすく&使いやすくする方法

Footer

SNS

Template

Setting

Other

 フォントを変更して見栄えを良くする方法 _ Bloggerをカスタマイズするときに見るブログ










SunaboxBlogger 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
 このページはモバイル フレンドリーです
 このページは、モバイル端末での使い勝手に優れています







ガラケー携帯電話で繋がるグーグル・ブロガー・サイト
2016.11.17に実際にガラケー携帯電話で検索して繋がることを確認したページです。
ガラケー携帯電話のGoogle検索でキーワード「クリボウ ブロガー」にして調べました。

クリボウの Blogger 入門 無料ブログで人気!blogger使い方やカスタマイズを覚える! - NAVER まとめ

Blogger:カレンダー(1)基本ガジェットにカレンダーがない

Japanese Bloggers Infoに参加してみた_プロブロガーへの道

もっともっとGoogle Blogger文字化け発生。そしてクリボウさんに出会う

BloggerとWriterで楽々ブログ作成 Bloggerにカレンダー式アーカイブを追加







「このサイトは安全でない可能性があるため接続できません(証明書不一致)」でガラケー携帯電話では繋がらないグーグル・ブロガー・ブログ

(社交ダンス sho)Blogger 実は私のこのブロガー・ブログ(-_-;)

Googleによってモバイル表示に変換されてガラケー携帯電で読めるブロガー・ブログがある一方で、私のこのブロガー・ブログは何故Googleによってモバイル表示に変換して貰えないのだろう?



あなたのブロガー・ブログは何故Googleによってモバイル表示に変換して貰えないのか? - Google 検索

Googleによってモバイル表示に変換して貰う方法 - Google 検索







2016.11.22
auのお店に行って質問して来ました。
古いガラケー携帯電話SH001のGoogleの「クリボウ テンプレート」の検索結果画面
上位はほとんどGoogleブロガーのブログばかり・・・と思う
検索結果画面を順番にクリックして行くとみんなすんなりブログに入って行ける。
検索結果十何位かの私のブログだけ入って行けない。
男性店員さん二人が私の携帯のセキュリティーとかの設定を調べてくれた。
何の制限も付けられてないと言う。
私のブログだけに入って行けなのは他の人のブロガー・ブログと私のブロガー・ブログとでは何かが違うとしか言いようがない。
携帯が古いとかも有るけど古くても入って行けるところがあるのだからその辺を研究してみてはいかがでしょうか?
テンプレートと言えばパソコン用のいくつかしか見ていない。
テンプレートを取り替えたらすぐ右のモバイルテンプレートの設定で「カスタム」にして必ずプレビュウとかしか知らない。
セキュリティーの設定を替えて貰えば一発で繋がるの甘い夢が消えちゃって、道遠しである。
携帯が繋がらない、ブログパーツはいう事を聞かない、私のブロガーブログだけ何で???







「シンプル テンプレート. テンプレート画像提供: Nikada さん. Powered by Blogger.」を適用しているブログでwith2人気ブログランキングへの投票が有効なところがあった。

「シンプル テンプレート. テンプレート画像提供: Storman さん. Powered by Blogger.」を適用しているブログでwith2人気ブログランキングへの投票が有効なところがあった。



社交ダンス 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 ヘルプ Q&A
ブロガー・ブログのテンプレート・カスタマイズのヘルプサイト Google,Blogger,blogspot



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









(社交ダンス sho)Blogger