kissy さん プロフィール

  •  
kissyさん: ほぼ毎日延長戦
ハンドル名kissy さん
ブログタイトルほぼ毎日延長戦
ブログURLhttp://bgt-48.blogspot.jp/
サイト紹介文ウェブデザイン、ブログカスタマイズ、ガジェットの記事書いてます。書籍レビュー、仮想通貨なども。
参加カテゴリー
更新頻度(1年)情報提供24回 / 22日(平均7.6回/週) - 参加 2017/12/30 20:37

kissy さんのブログ記事

  • 過去の記事 …
  • StackEdit5に乗り換える!
  • StackEdit4がついにデュプリケイトされて、StackEdit5がリリースされました。現時点ではどちらも使えますが、いつ使えなくなるかわからないので、早めに移行をしてしまいたいところです。 現時点で分かっている変更点や不具合などを書いています。わたしはまだ不具合もありそうで、移行に躊躇しています。。 移行時のポイントはわかり次第、追記していきますね。 変更点ツールバーワークスペースメニューワークスペースファイル履 [続きを読む]
  • 【第1回】Bloggerにページナビゲーションをつけるよ!
  • ページナビゲーションは、上図のように記事の一覧など1ページに収まらない場合に、複数のページに分けて表示する機能です。 残念ながらBloggerには、このページナビゲーションの機能がありません。前後の記事へのナビゲーションの機能はあるのですが、ページをナビゲーションする機能はないのですよ。 ということで、今回はこのページナビゲーションの機能をJavaScriptで作成してみたいと思います。 まずは、ページナビゲーショ [続きを読む]
  • Bloggerで投稿数と表示されてる投稿の数が合わない時の対応方法
  • Bloggerのトップページには記事の一覧が表示されます。1ページに記事をいくつ表示させるかはBloggerの設定でできるのですが、この「1ページに表示する投稿数」と「実際に表示されている投稿の数」が合わない現象が発生していました。 ずっと、この原因がわからなく悩んでいましたが、ようやく原因と対策がわかりました! 同じ現象があるかたは、ぜひ読んでください。 投稿がすべて表示されない原因投稿をすべて表示させるには? [続きを読む]
  • 【第2回】これでわかった!Bloggerのページ要素タグまとめ
  • 第2回ではBloggerのテーマの仕組みと基本的な構成要素についてみていきます。 テーマの仕組みテーマの中身はXMLテーマの構成要素b:sectionb:sectionの属性b:widgetb:widgetの属性b:includable, b:includeb:includableの属性b:includeの属性b:skinGroup, Variableb:widget-settingsまとめ テーマの仕組み テーマの中身をもう少し具体的に見ていきます。 テーマの中身はXML 下の図は、テーマの編集画面ですが、1行目を見てわかる [続きを読む]
  • 【第1回】これでわかった!Bloggerの仕組みまとめ
  • Bloggerの仕組みと制御構文が独特で、WordPressほどの情報がないので、難しいと思ってしまってWordPressに流れてしまっているよように思います。 これから数回の連載に分けて、Bloggerでブログを書くための仕組みや知識を公開していきます。 分かってくると面白い仕組みなので、ぜひ使ってみてください。 Bloggerの仕組みBloggerの構成要素投稿ページテーマテーマデザイナーレイアウトの編集テーマの仕組みテーマの中身はXMLまと [続きを読む]
  • ??2018??あけましておめでとうございます
  • title: あけましておめでとうございます tags: [お知らせ] permalink: /letter/2018.html date: 2018-01-01 07:00:00 published: true comments: false ??2018??あけましておめでとうございます 本年もよろしくお願いいたします。 今年は記事数を増やして、楽しんでやっていきたいと思います。 2018、やりたいこと 100記事達成bloggerカスタマイズ記事で一位テーマの自作・公開 [続きを読む]
  • 簡単!Googleアナリティクスでクリックをカウントする方法
  • Googleアナリティクスのイベントを使用すると、簡単にリンクを した回数をカウントすることができます。 例えば、このページにあるシェアボタンの「Twitterボタンが何回 された」、「Facebookボタンが何回 された」ということが集計することができます。 そのまえに、「わかった!Googleアナリティクスの登録から設定まで!」でGoogleアナリティクスの設置をしておいてください。 aタグのonclickにイベント [続きを読む]
  • わかった!Googleアナリティクスの登録から設定まで!
  • 「自分のブログはどのくらいアクセスがあるんだろう」 気になるところです。Bloggerにももともと「統計」という機能があってページビュー(PV)などが見れますが、より詳しくアクセス解析したい場合には、「Google アナリティクス」を使用します。 無料で使用できるのですが、設置までに少し手順が必要です。ここでは、登録から設置までの方法を解説します。 Bloggerでの設置方法ですが、ほかのウェブサイトでもほとんど一緒の手 [続きを読む]
  • BloggerにSNSシェアボタンを追加するよ!
  • ブログと一緒にtwitterなどのSNSも運営されている方も多いかと思います。SNSで「いいね」や「シェア」してもらうことで、多くの人に記事を見てもらえることが期待できます。 あなたもSNSシェアボタンを設置してみませんか? メタタグの設定シェアボタンFacebookTwitterはてなPocketFeedlyGoogle+ メタタグの設定 シェアする場合に、メタタグというのを設定する必要があります。これは、記事のタイトルや著者、アイキャッチ画像をS [続きを読む]
  • Bloggerにレスポンシブテーマ「Simplify2」を適用するよ!
  • 「Simplify2」を適用してみます。適用の方法はしたのドキュメントにも記載されていますので、合わせて参照ください。 ドキュメント Simplify2をダウンロードするSimplify2を適用する現在のテーマのバックアップをとる空のテーマを適用するSimplify2のテーマを適用するSimplify2の初期設定日本語化ヘッダーメニューフッターメニューサイドバーのSNSリンクサイドバーのSNSリンクSEOメタタグお問い合わせページサイトマップページナ [続きを読む]
  • レスポンシブ対応!bloggerにおすすめテーマ「Simplify2」!
  • bloggerにおすすめのテーマ「Simplify2」を紹介したいと思います。 このブログでも「Simplify2」を使用しています。 「Simplify2」はデザインがシンプルですが、ブログに必要な機能がそれっており、そのまま使用できるほど完成度が高いテーマです。 カスタマイズのためのドキュメントも用意されており、見ながら自分のサイトに合わせてカスタマイズをしましょう。 プレビュー ダウンロード ドキュメント 「Simplify2」の特徴レス [続きを読む]
  • bloggerで表示を条件分岐させるよ!
  • bloggerをカスタマイズするときによく使うb:ifをつかった条件分岐についてまとめます。 b:if ~ b:elseif ~ b:else ~ 例えば、「トップページには表示したいが、記事ページには表示したくない」というように、条件によって表示を切り替えたい場合に使用します。条件はcond属性に記載します。 if cond='data:blog.pageType == "index"'> トップ/カテゴリ/アーカイブの表示else/> 上記以外の表示if> ちなみに、否定の条件 [続きを読む]
  • Markdown記法まとめ
  • ここ最近、Markdown記法を知ったので、記載方法をまとめます。[toc]もくじ(Table of contents) {.mdc-typography?display1}これはMarkdown記法ではなく、StackEditのショートコードだと思いますが、見出し(h1〜h6)から自動的に目次を生成してくれます。ただ、見出しの階層構造は表現できないので、フラットなもくじになります。見出しの階層構造を表現したい場合は、JavaScriptなどを使う必要がありそうです。わたしは、そこ [続きを読む]
  • ブログ執筆にはStackEditがおすすめ!
  • あとbloggerはエディタが無いんですよね。良いbloggerエディタは無いものか… ― きっしー (@KissyWalk) 2017年12月6日 前々からblogger用に良いエディタはないものかと探していました。atomとか使っていましたが、ようやく良いエディタが見つかりました。 StackEditです。 bloggerで記事を書くのに欲しかった機能がそろっていました。 bloggerに直接投稿できるGoogle Driveに保存できる画像をGoogle+から挿入できるプレビ [続きを読む]
  • 【CSS】ボックスまとめ
  • ここでは、CSSをつかったボックスのデザインをまとめていきます。お気に入りのボックスを見つけたら、コピペしてどうぞ。 ボックスをつかうことで記事の一部を「かたまり」としてみせます。 読者は文章を読むのではなく、みています。 ボックスを使って強調したい部分を「かたまり」にすることで、 文章が見やすくなります。リストと併用すると [続きを読む]
  • blogger用にマテリアルデザインのテーマ作ってみた
  • bloggerはあんまり人気がないみたいですね。やはりWordPressが多いみたい。どこのブログ論をよんでもWordPress一択!他はありえない!という状況。たしかに、WordPressはカッコいいテーマがたくさんあって、SEOにも強くて、ブログやアフィリエイトするには適しているんだろうけど。でも、bloggerになんで良いテーマが無いんだろう?公開テーマがイマイチ公開されているテーマがパッとしないんですよね。数も少ないし、WordPressに [続きを読む]
  • bloggerのページのURLをカスタマイズする方法
  • bloggerの投稿にはパーマリンクの設定がありますが、ページにはパーマリンクの設定がありません。ここではbloggerのページのURLをカスタマイズする方法を紹介します。 ページのURLをカスタマイズする方法新規にページを作成するタイトルにリンクにしたい英数字の文字列を入れるいったんページを「公開」するページのURLを確認するタイトルを再度編集する ページのURLをカスタマイズする方法 新規にページを作成する ページのU [続きを読む]
  • 【CSS】見出しまとめ
  • ここでは、CSSをつかった見出しをまとめていきます。お気に入りの見出しを見つけたら、コピペしてどうぞ。 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し 美しい見出し [続きを読む]
  • 【CSS/JavaScript】もくじ
  • 見出しともくじのテストページです。 見出し(h2) ここは段落です。 見出し(h3) ここは段落です。 見出し(h2) ここは段落です。 見出し(h3) ここは段落です。 見出し(h2) ここは段落です。 見出し(h3) ここは段落です。 見出し(h4) ここは段落です。 見出し(h5) ここは段落です。 見出し(h6) ここは段落です。 見出し(h2) [続きを読む]
  • 過去の記事 …