私が執筆させていただきました、はてなブログPerfect GuideBookが本日無事に発売日を迎えました。予約してくれたという声を色々な所から聞いて、とても嬉しく思ってます。みなさまありがとうございました。自分の手元にも届いているのですが、実物を手にするとやはり感動します。 今回は、はてなブログPerfect GuideBookとは、どんな本なのかをご紹介させていただきます。 はてなブログPerfect GuideBookとは はてなブログPerfect GuideBookは、はてなブログの解説書です。はてなブログの魅力から始まり、はてなIDの取得やはてなブログの機能の説明使い方。はてなブログPROや独自ドメインへの変更方法。などはてなブログの解説から、お問い合わせフォームやSNSのフォローボタンの設置。AdSenseやアフィリエイトの登録から設置など、はてなブログを運営していく上で欠か

昨日はこのブログにも記事下に関連記事を表示しようと考えていました。はてなブログで記事下に関連記事を表示させる方法としては、はてなブログユーザーの有志が作って下さったプラグインから、Milliard等の外部の関連記事プラグインまで結構あります。 一番簡単なのは、はてなブログのサイドバーモジュールの一つで、同じカテゴリーの関連記事を表示させる方法です。これは記事ページのみに表示される機能なのですが、残念ながらサイドバーにしか表示できません。 外部読み込みの必要がないので、これを記事下にも表示出来れば良いのですが、なかなかもどかしい所です。 注目記事モジュールだと読み込み形式のようになっているので、HTMLを抜き出して記事下に貼り付ければ良いのですが、これだとカテゴリが選べません。 やはり記事下には関連する記事の方が回遊率が良いので（SEO集客の場合は特に）、どうしても同じカテゴリの記事をはりた

先日レクタングルを表示させる記事を書いて、その後追記をしていたのですが、あの方法だとスマホで見た時に縦に2つ並んでしまいAdSenseのポリシーに触れてしまう。と言うことで、レスポンシブデザインで、スマホ表示の時に広告を移動させるコードを追記しました。 今回の記事に関しては、その方法の応用と備忘録です。活用出来る方法として紹介するわけではないので、参考にする方や今回載せているコードをコピペする方は前回同様慎重かつ自己責任にてお願いします。 ※口調がいつもと違うのは備忘録なのでご了承ください（笑） ちなみにですが、AdSense以外でも使える方法なので、特定の要素を移動させたい人には参考になるかもです。他のコードでも出来ると思うのですが、この方法でもできるという程度のものですが。 前回の記事のおさらいと解消法 更に慎重な解消方法 今回のコードに合わせたHTMLとCSS 今回のコードを応用して

先日発表した、はてなブログのテーマ「CONTENTS」 おかげさまで多くの方に使ってもらえてとても嬉しく思っています。それはまた別に感謝を綴ろうかと考えているので、今感謝を述べるのはこの辺しておきます。 今回新たに記事にしたのには理由があります。「CONTENTS」発表当時はレスポンシブデザインに対応していなかったのですが、この度、レスポンシブデザインにも対応する事になりました。この記事を書く少し前から対応していたのですが、今回が正式な発表になります。 さらに、これは初発表になるのですが、タブレットやスマホでブログが表示された時に、グローバルメニューの開閉式トグルメニューにも対応しました。 PC版のグローバルメニューを利用していいる方は、トグル化をするのに今回のコードをコピペしていただくか、少しだけ作業をしていただく事になりますが、その方法等も含めて「CONTENTS」のレスポンシブデザイ

今回はAdSenseの話になるのですが、私個人としてはレクタングル広告が好きです。更にいうとサイドバーと記事下に2つのレクタングル広告が並んでいるスタイルが好きなんですね。しかしブログにレスポンシブデザインを適用していたり、AdSenseでレスポンシブの広告ユニットを使用していると、思いもよらずに違う形の広告が表示されたりもします。もちろんそれがレスポンシブの良さなのですが。でもやはりレクタングルにこだわりたい！と言う方へ。今回の記事を書いていきます。 レスポンシブデザインを適用している、はてなブログユーザーはもちろん、ブログやサイトにレスポンシブデザインを使用している全てのユーザー向けの記事になります。 【追記】６月１３日 スマホ表示の時にレクタングル広告が縦に2つ並んでしまう事への対処法を書きました。 広告ユニットの種類など レクタングルのみレスポンシブに対応させる方法 コードを書き換

昨日はこのはてなブログのカスタマイズを進めると共に、ロゴマークを作ってみた。本当はもっとごく簡単なロゴにしようと思っていたのだが、結局はイラストレーターとフォトショップを使って作った。 簡単にと書いたが、最初はパソコンで使えるオンラインアプリでロゴを作ろうと考えていた。今日はそのアプリを紹介していきます。以前何度か使っていたアプリで、特に目新しいアプリではないのですが、便利なので。 直感的なUIが魅力のYouiDraw Logo Creator http://site.youidraw.com/ ロゴをオンラインアプリで作れるアプリやサイトは結構沢山あります。無料から有料まで色々とあるのですが、今回のアプリは有料になります。無料でも使用する事が出来ますが、保存をする時にウォーターマーク（透かし）が入ってしまいます。 無料でも、透かし以外が機能としてほとんど変わりがないので試しに使ってみるの

昨日、このブログでは初めて日記以外の記事を投稿してみた。少し時間も出来たので、本を執筆してからの自分の腕馴らしというか、今の自分にはどういう記事が書けるのか試してみたくなり、急遽昨日の記事を書きました。あまり時間をかける事は出来なかったので中途半端な所もありますが、かけた時間からすれば中々良い出来だと感じています。それに、反応もあったので嬉しく思っています。見てくれた皆様ありがとうございました。 更に質を上げていくために しかし昨日の記事が自分の中での最低ラインだと思っています。そういう意味合いで投稿をしたのもあります。もし時間をかけてもあの記事程度なら、自分にダメ出しする所でしょう。なぜそのように思うのか、どうしたら記事のレベルを上げることが出来るのか。今日は私が記事の質を上げる為に実践している事や考えている事を書いていきます。まだとりとめないので、参考になるかはわかりませんので立ち読み