2015年4月12日日曜日 タグは使わずにBloggerの記事内に表を挿入する楽チンな方法 Labels Blogger , Googleドキュメント ほんとうに久々な感じでBlogger関連の記事を書くわけなんですが、今回の記事もBloggerに特化しているわけではなく他のサービスでも使えるちょっとした効率アップの小技でございます。 記事の中に表(テーブル)を挿入する際なんですが、タグがややこしくなる時がありませんか? そしてBloggerの記事内に表(テーブル)を挿入する時って記事からはみ出したりズレたり表の配置をコントロールするのにけっこう苦労することがありませんか? 今回はタグは使わずにGoogleアカウントさえ持っていれば誰でもできる超簡単な表の挿入方法を紹介したいと思います。 今回紹介をする手順はBloggerユーザーはGoogleアカウントがないとBlogger使えな
2015年1月22日木曜日 月三千PVのブログがたった一晩で一万PVを稼いだ裏側に迫ってみた Labels アクセスアップ , ソーシャル もう二度とないことかもしれないので早速エントリーにしてみようと思います。 皆様のブログの一日あたりの平均PV数はどのくらいでしょうか? 私のブログは始めてから3ヶ月目に入りましたが、最初の二ヶ月間は平均すると一日あたり100PVくらいでした。なので、単純計算で一ヶ月3000PVくらいなので 「10000PVを越すのは3ヶ月目から4ヶ月目の間くらいか~道はどんなに険しくとも笑いながら歩こうぜ!」 なんて思っていました(笑)典型的な弱小ブログです! まあ、素人ブロガーなのでそこまでPVに追われているわけではないのですが、インターネットで何かをしたためて公開する以上は、まったく興味がないと言えばウソでやはりPV数という指標への執着が頭のどこかに存在
2015年1月21日水曜日 サイト作成に活用しているChrome拡張機能を10コまとめてみた Labels Chrome , ブログツール 私はWindowsでもMacでもAndroidでもiPhoneでもGoogle Chromeをメインブラウザとして利用しています。 Chrome ブラウザ Chromeに自分のGoogleアカウントでログインしておけば、アカウントに紐付いた設定を場所やデバイスを選ばずに使えるのでいつでもどこでも普段使いの環境でブラウジングすることができます。 そしてChromeの何がいいかといえば、やはり充実した拡張機能です。 Chromeの拡張機能だけで完結してしまう作業もたくさんあるので(特にWindowsでは)Chromeを活用するようになってからはあまりPC自体にアプリケーションをインストールすることがなくなってきました。 そんなChrome大好きっ子
2015年1月20日火曜日 Bloggerの「前の投稿」「次の投稿」リンクをカスタマイズする Labels Blogger , ブログカスタム 一般的なブログには必ず記事の下あたりに「次の投稿」とか「Next」とかページへのリンクが表示されています。 当然、Bloggerでもページ毎に下の方にこのようなページリンクが表示されていますが、デフォルトのままだとだいぶ見づらいです。(モバイルテンプレートはそうでもない) 完全に他のコンテンツに埋もれてしまって、作成者である私の目にすらリンクが入ってこなくなっていました。これだと他の記事への誘導ができないですし、他の記事も読んでくれようとしている方にも申し訳ないインターフェイスだったので、ページリンクをボタン画像に差し替えました。 今回のエントリーでは、Bloggerの「前の投稿」や「次の投稿」などのページリンク部分のカスタマイズ方法について
2015年1月18日日曜日 Bloggerページ下に画面上部に戻るボタンを常に表示させる方法 Labels Blogger , ブログカスタム このブログでも画面下に設置していますが、特にモバイルテンプレートで閲覧する場合にコンテンツが縦長に配置されているために、どうしてもページを下の方までスクロールさせてからコンテンツにアクセスする必要があるので、画面上部に戻る時がちと面倒です。(iOSは簡単ですが) 私はPCでもChromeの拡張機能を使ってページ上部をクリックすれば一気にスクロールアップするようにしています。 Scroll to Top Bar [BBmod] この拡張機能をインストール Powerd by chromeExBl4blog しかし、メインのスマホは NEXUS 5なのでiOSみたいなスクロールアップの機能がないため、そんな時はひたすら指を動かして最上部まで戻るわけ
2015年1月9日金曜日 Bloggerのトップページで記事一覧をグリッド表示にする方法 Labels Blogger , ブログカスタマイズ http://www.hanpendada.com/2015/01/grid.htmlBloggerのトップページで記事一覧をグリッド表示にする方法 このブログもいろいろと試行錯誤を重ねた結果、現在のテンプレートレイアウトに落ち着いていましたがトップページをなるべくスッキリさせたいのでグリッド表示も検討していました。結局、私のブログではグリッド表示は採用しませんでした。 しかし私のブログとは別に、とあるBloggerブログのグリッド表示化を手伝う中でまたまたいろいろ試行錯誤をしたので今回はグリッド表示化について書いていきます。 デモで作成したブログ Grid Design for Blogger 実際にどんなビューになるかわかりやすくするため
2015年1月7日水曜日 Bloggerカスタマイズに必ず役立つ記事まとめ Labels Blogger , まとめ http://www.hanpendada.com/2015/01/blogger-matome.htmlBloggerカスタマイズに必ず役立つ記事まとめ このブログを作るにあたって、だいぶいろんなBloggerさんの記事を参考にさせて頂きました。 おかげさまでだいぶ自分が作りたかったサイトイメージに近づいてきていまして(とはいえ、Rapid prototypingなのでまだまだ改築してきますよ!)これまでに目を通した記事の数々が無造作にChromeのお気に入りに格納されています。 ですので、ここいらで自分自身の備忘録も兼ねて、これまでに私がこのBloggerを作っていくにあたって参考にさせて頂いた記事を記事単位でまとめてみたいと思います。 同じくこれからBlogge
2015年1月17日土曜日 Bloggerで非同期ソーシャルボタン整列配置とシェア数統合する Labels Blogger , ブログカスタム ソーシャルボタン周りの配置や環境を一新してみました。 変えるきっかけになったのは、ページがなんとなく重くなってきたことや記事下に設置したボタンが読み込まれるまでの時間、Bloggerの仕様でPCとモバイルではURLが違うためシェアが両方に分散してしまうことなどが挙げられます。 今まではZenbackや忍者おまとめボタンやAddthisといったひとまとめに設置できるサードパーティのツールを使っていましたが、配置や読み込み速度など改善の余地がみられたのでひとまずは公式のボタンを設置しています。 今回のエントリーはアクセスアップにとっても重要な各ソーシャルボタンの設置からページ読み込み速度向上への取り組み、Bloggerでモバイル表示によってシェアが分
書いているBloggerブログの露出をアップする方法として、Google+との記事共有があります。BloggerにあるGoogle+との連携機能は、Bloggerのダッシュボード画面で共有したいブログの「その他のオプション」メニューから行なうことができます。但し、この連携機能を設定すると選択したブログだけでなくすべてのブログが対象になるようです。設定方法をBloggerのヘルプページ「投稿をGoogle+で共有する」を見ると、 ブログと Google+ ページまたはプロフィールを関連付けるには、[Google+] タブをクリックします。 と書かれています。BloggerをGoogle+と連携するとプロフィールがGoogle+アカウントで登録したものに切り替わります。書いたブログは公開設定の際に共有するかなどの設定が出来るようになっています。 Bloggerの該当ブログメニュー「Google
私の仕事仲間であるコーダー(HTMLを書く人)さんに、ページ内リンクの作り方を教わりました。 読みやすいブログを書く上で、「記事の構成を予め読み手に伝えておく」という方法があります。いわゆる "目次" というやつですね。 こうすると、読み手はいろんな面で嬉しい。「記事の内容がザックリ分かる」とか「自分の興味ある部分だけ抜粋できる」とか、「長い文章でも迷わない」などなど。 そんな時に「できたらいいなぁ」と思っていたのが、ページ内リンク。要は、このページの中だけを移動するリンクです。 これをコーダーさんに聞いてみたら、意外と簡単だったのでシェアします。 ただ、コードの書き方なんて言うのはすぐに忘れてしまう。そこでテンプレート化した物を用意しました。こちらも配布しますので、もしご入用ならお持ち帰りください。 私の場合は、作ったテンプレートをスニペットに登録しました。これもまた、ブログを素早く書く
Blogger でサイトマップを表示するツールを、投稿が 500 件以上あるブログにも対応させてみた こないだ、Blogger Tips でこんなのを書いた。 クリボウの Blogger Tips: Blogger ブログにサイトマップ - ラベル分類された投稿一覧を「ページ」に表示する方法 紹介したのは、短いコードを挿入するだけで、自動的にブログの投稿をラベル別に一覧にしてくれる便利なツール。とはいえ、何分 Blogger のフィードを JSONP で出力させているため、投稿が 500 件までしか取得できないという制約が…。 それで、blogtoc のコードを眺めまわして、コールバックに指定されている関数でデータの取得と表示を一手に行っていたのを、取得のみにして、複数のフィードのデータを読み込んだ後に表示の関数を呼び出すことにした。 元がこちら(オリジナルを整形したもの)。 blogto
bloggerは、ホーム画面でも投稿記事の全文が表示されます。 できれば、ホームでは、本文は100文字だけ表示して、 ReadMore とか もっと読む をクリックして、全文を読めるようにしたい。 そんな衝動も駆られました。 今回みたいな長文を書くと、その分だけ表示が遅くなるのは残念なので・・・。 以前は、javascriptでこのような機能を実装可能でした。 今も可能ですが、もっと簡単に行う方法があるようです。 それが、data:post.snippet です。 本文の140文字くらいを、要約として表示するもののようです。 詳細は不明。 Nasuさん、Amanda Kennedyさんの下記の記事を参考にさせていただきました。 ■Blogger 自動ReadMoreを使いつつページサイズを改善する方法 http://nasunoblog.blogspot.jp/2012/03/blogge
Google Bloggerを始めてからカスタマイズした内容を、備忘録と情報共有を兼ねて紹介します。 SEO対策やブログを運営していく上で役立つTipsなど、これからBloggerを始める方や既に利用されている方にとって参考になれば幸いです。 参考Linkクリボウの Blogger 入門 このサイトでは、初めて Blogger にふれる人向けに、Blogger の基本的な使い方や設定方法、ブログ運営などについて紹介しています。 … Google BloggerブログHacks Tips Tweaks Google Bloggerブログ、テンプレート、カスタマイズ、SEOなどグーグルブロガーユーザーのためのハック・ティップス・トゥウィークス(Blogger HTT)ブログ。 … Blogger テンプレート HTMLを編集1.テンプレートに使用言語を指定する ダッシュボードからデザイン>HT
Bloggerテンプレートタグの解析もやっていかないとかな? Ardor(@ArdorOnline)です。 表示されているイメージのように、 トップページに表示される記事のレイアウトを変更しました。 でも記事ページは、そのままですよ! 今回は、トップページ表示をCSSで変更する方法をご紹介します。 個人的に「読みやすいな」と思うブログの条件として、 まず挙げるのが次の条件です。 トップページは、記事の要約一覧が表示されていること 記事ページには、詳細な内容が表示されること 理想を言ってしまえば、トップページの要約には、 左右どちらかに画像、その隣に本文の一部があると 一覧にしても見やすいと思います。 配布されているテンプレートで、実現しているものは無いかと探したところ いくつか見つかりました! http://btemplates.com/2012/blogger-template-simp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く