※キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 はてなブログとして初の解説書『はてなブログPerfect GuideBook』がソーテック社から刊行されました。 執筆されたのは、人気のデザインテーマ「CONTENTS」の作者であり、ブログのカスタマイズやデザインについての情報を自身のブログでも発信しているJOE AOTO (id:dreamark) さん。 私の執筆した本の発表と予約開始。はてなブログPerfectGuideBook - DREAMARK JOEさんはサブアカウントで、文房具など自身が好きなものを紹介するブログ スキナモノート も運営されています。 「スタンダードな解説書」とソーテック社の編集者さんに聞いてはいましたが、設定やデザインの手順がスクリーンショットとともに300ページ近くたっぷりと解説された内容を、送ってもらった見本ではじめて拝見し、こ

はてな村の皆さんこんにちは、「ブルーアイズ高卒ドラゴンちゃん」です。 以前からはてぶやら何やらのサービスは使っていたのですが、 思ったよりも今回の一連の事件に対して言及があり、はてな界隈で議論して頂いて、思った事が多くあったので「ブルーアイズ高卒ドラゴン」ではなく僕「蒼眼龍介（クソださい名前）」個人として考えたことを書きたいと思います。 プロブロガー「私の1日を50円で売ります！ 依頼内容は何でもOK！」「今なんでもするって言ったよね？」 - Togetterまとめ インターネットの変容にイマイチついていけないオッサンである僕たち 僕は「インターネット生まれインターネット育ち、オタクのやつらは大体友達」を信条にダイヤルアップ音を子守唄に聞きながらネィティブインターネットモンスターとして、ゼロ年代にフラッシュ倉庫の光に導かれてインターネットに誕生しました。 中学時代に誰も読まないテキストサイ

はてなブログPROに変えたのでスマホのデザインをカスタマイズしてスッキリさせることで回遊率をあげてPVをアップさせましょうというお話です。 はてなブログのスマホ版の余分なものを削除する いろいろはてなブログスマホ版でいらないものはたくさんありますのでそれぞれ削除してカスタマイズする方法をかきましょう。 はてなブログへの3つのリンクを削除する はてなブログのスマホページで一番いらないものそれは読者になるボタンの下の はてなブログ開発ブログ 週刊はてなブログ はてなブログ これね！がぞうでみるとこれでございます。 下画像なのでここから先に記事があるよ 他にもいろいろといらないものがいっぱい有りましてこれCSSで消しちまいたいなって思ってたらよい紹介ページがあったのでやってみました。 <style> .hatena-module-title{display:none;} .profile-wra

こんばんは。 突然ですが、はてなブログのスマートフォン用ページの下の方に「プロフィール」とか「はてなブログを始めよう」とか「はてなブログ開発ブログ等のリンク」とかがありますよね？？ ↑これです。 プロフィールはまだいいとしても、はてなブログへのリンクは必要ないんじゃないの？？って思うんです。 ですので、これらを非表示にしようと考えました。 でね、ネットで検索して探してみたんですけど、これらを非表示にする方法が書いてある記事が見つからなかったんです。 仕方がないので、ページのソースを見て試行錯誤しながら頑張りました。 結果が↓です。 <style> .hatena-module-title{display:none;} .profile-wrapper{display:none;} /*↑プロフィールの非表示*/ .footer-action-wrapper{display:none;} /

先日、興味深い記事を見かけました。その中から一部、引用させていただきます。 Googleは、表示速度が遅いページが検索結果に出てきたときに、「Slow」と書かれたラベルを付けるテストを行っているようです。 ―中略― 日本のGoogleでラベル表示するとしたら「遅い」になるでしょうか。クリックを躊躇させそうです。遅いページはユーザー体験を損ねるとして、検索順位を下げられることがあります。順位下げに加えて、警告にも似たラベル表示が今回は発見されました。速い表示は、ユーザーにとって非常に重要な要素だとGoogleは考えているのでしょう。 出典:Google、遅いサイトに付ける「Slow」ラベルをモバイル検索でテスト中か？ さて、この結果はmobile検索の結果によるものらしいですが、PC向けのページの表示速度が遅いことを指しているのか、mobile向けのページの表示速度が遅いことを指しているのか

はてなブログカスタマイズ 今朝、読者登録しているブロガーさん達の記事を読んでいたら、鈴木こあら (id:suzukidesu23)さんが「はてなブログ」のヘッダーとフッターを非表示にされていました。 はてなスターも通知が多過ぎて困り、非表示にされるとか。 この辺の調整はブロガーさんに任されている部分なので全然良いと思います。 ただ気になったのは、スマホで見たら ヘッダーは出ているし フッターも見えていたので パソコン表示のヘッダーとフッターも消すなら、どうせなら「スマホのヘッダーとフッターも消したら良いのでは？」とブクマで書きました。 はてなブログの標準ヘッダ＆フッタを消して、はてなスターを非表示にしました。 - 鈴木です。 スマホ表示のヘッダーとフッターが残ってますよ(^_^)vどうせ消す時はこちらも消した方が良いのでは(^_−)−☆2015/06/11 05:04 そしたらば「 id:

2015-05-25 はてなブログにヌルっと開くスマホメニューを付けよう ブログデザイン 少し前からスマホ画面にヌルッと開くスマホメニューをつけてます。 僕の場合、ニコニコ動画やYouTubeにも動画投稿しているのでリンクを付けたかったんです。 それ以外にも、タグ別一覧表示のリンクをつけてます。  下のコードの"リンク先アドレス"とタイトルの部分を変えて  デザイン＞スマートフォン＞ヘッダ＞タイトル下にコピペで完了です。 ただこれ、はてなブログproの方のみ出来る操作なのでご注意下さい。 <div id="menu-box"> <div id="toggle"><a href="#">MENU</a></div> <ul id="menu" class=""> <li><a href="リンク先アドレス">タイトル</a></li> <li><a href="リンク先アドレス">タイトル<

遂に解禁！ これまではブロガーとしてのたしなみとしての「Googleアドセンス ＋ Amazonアソシエイト」だけで運用してきていた当ブログですが、2015年6月からはそれにプラスして「アフィリエイト広告」も導入して運用していく事にしました。 そのお知らせと言いますか、皆さんにはきちんとお伝えしてから導入させて頂こうと思いまして、記事に起こしました。 アフィリエイト広告が嫌いな方も一定数はいらっしゃると思いますので、きちんとお断りしてから導入したいなと思っていました。 現在の私のメインブログとなっている『マネー報道 MoneyReport』にアフィリエイト広告を導入するのには、躊躇もあったのですがフリーランスとしての毎月の収益が赤字といういかんともしがたい現実を打破すべく、導入へと踏み切ったものです。 お恥ずかしや(^-^; さて、そんなアフィリエイト導入についての記事に多数のブロガー三達

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試

春です。心機一転、何かにチャレンジしたくなる季節。4月からブログを書き続けるぞ！ と決意した方も多いのではないでしょうか？ はてなブログでは、そんなみなさんを応援する お題に挑戦！ 春のブログキャンペーン を、今週のお題特別編として実施します。お題に投稿された記事の中から、Amazonギフト券1万円分を毎週プレゼント。さらに抽選でWチャンスも！ 最初のキャンペーンお題は 春を感じるとき です。 各地で桜が次々と見頃を迎え、卒入学、転就職、花まつりなど春らしいイベントだけでなく、光や風のちょっとした変化にも春が訪れています。あなたが感じた春を、できれば写真も添えて投稿してください。たくさんの春をお待ちしています！ お題に挑戦！ 春のブログキャンペーン 期間中、お題に投稿した方から毎週1名様に、優秀賞としてAmazonギフト券1万円分をプレゼント。合計で4名様に当たります。 Wチャンスとして、

※キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 本日、はてなブログのAndroidアプリをリリースしました。お持ちのAndroid端末から、はてなブログの記事作成や、購読中のブログを手軽にチェックできます。 今回のリリースに合わせて、Google Play™ ギフトカードが当たるWキャンペーンを実施します。応募方法はこのエントリーの最後をご覧ください。なお、当エントリーをAndroidのブラウザから開くと、簡単に応募できます。 「はてなブログ」Androidアプリでは、お手持ちのAndroid端末で手軽に記事が書けるだけでなく、撮った写真を簡単に記事に使える仕組みや、「購読中のブログ」が読みやすい新デザインの導入などの配慮をしています。 下記のリンクからダウンロードできます。どうぞご利用ください。 ※対応OS：Android 4.0.3以降 Androidアプリ「

毎年制作して好評をいただいている、「はてなTシャツ」の2014年バージョンができました！「ブログ」「ブックマーク」「Presso」「はてなロゴ」「Mackerel」の5デザインで展開しています。 また2014年バージョンでは、初の試みとしてキッズサイズ（90-150）も提供しています。ぜひ親子でのペアルックや、友だちのお子さまへのプレゼントなどに活用いただければと思います。 今年もプレゼントキャンペーンを実施します！ はてなTシャツ2014の完成を記念して、今年もプレゼントキャンペーンを実施します。応募方法は、この記事をはてなブックマークに追加するだけ。好きなデザインや今後ほしいグッズなどについてのコメントもお待ちしています。（当選確率には影響しません。） はてなブックマークに追加して応募する キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 キャンペーン概要 応募期

最近、サイドバーの「最新記事」欄にサムネイルを表示できるようになった。そのまま表示させると記事タイトルが読みにくい。 なぜ横幅を調整するのか？ 記事タイトルが狭くなるので。下図左側がデフォルトで、右側がカスタム後。スカイブルーの破線は筆者による補助線。 サイドバーの「最新記事」欄にサムネイルを表示する方法 次の公式ページが参考になる。 これまでの記事も読まれやすく！ サイドバーの「最新記事」モジュールで、記事のサムネイル画像を表示できるようにしました - はてなブログ開発ブログ CSS編集へのアクセス方法 次の記事で管理画面からCSS編集できる場所へのアクセス方法を図解している。 はてなブログのテーマはCSS編集でカスタム。HTML編集は部分的にしかできない 追加するCSSコードのサンプル この記事公開時に当ブログで利用させていただいているデザインテーマ名は「Epic」。 このデザインテー

はてなブログ記事上スペースがいじれる様になった！ 2014/02/05に「はてなブログ開発ブログ」の記事で記事上スペースがブロガーに遂に解禁されました！ ブログをカスタマイズしよう！ 記事ページのタイトルと本文の間（記事上）にもソーシャルパーツなどを配置できるようにしました - はてなブログ開発ブログ これは今までに多くのはてなブロガーが望んでいた改変で、大変歓迎されるべきものです！ 色々な方が、この記事上スペースを何に使おうか試行錯誤されています。 SNSボタンを貼り付けたり、自分の人気記事へのリンクを貼り付けたり色々されているみたいですねー。 そんな中、Google Adsenseの広告を貼り付けている方をまだあまりお見掛けしないので、 先頭切ってやってみるか！ と思った次第で、やってみました！ GoogleAdsenseを記事上に表示する時の問題点 Googleアドセンスは色々なサイ

いまニュースアプリが注目されている。 その中でも、「どこがニュースアプリ業界の覇権を獲るのか？」という観点から筆者が注目しているのは、「Yahoo!ニュース」「SmartNews」「グノシー」「LINE NEWS」の4アプリだ。それぞれ特徴があるアプリで、王者Yahoo!をSmartNewsとグノシー、LINE NEWSが追い上げる情勢となっている。この点については、先日掲載した比較記事を参考にしてほしい。 誰がヤフトピを倒す？ 過熱するニュースアプリ戦争を読み解く 配信記事の選び方 はてブがリリースした「Presso」は、はてブをもとに記事配信 この加熱するニュースアプリ業界に殴りこみをかけたのが、ソーシャルブックマークの雄「はてなブックマーク」からリリースされた新たなソーシャルニュースアプリ「Presso」。はてなブックマークをもとにしたソーシャルエンジンによって配信記事を選定するのが

コウモリが本格的にブログを始めて３ヶ月。 ありがたいことに、記事に対してたくさんのご意見を頂けるようになってきました。 そうして幾つものコメントを眺めているうちに、面白い現象に気付きました。 ツィッターとはてブでは、全くコメントの毛色が違うのです。 ここでは、面白いサンプルを２つ挙げてみます。 そこから生まれた疑問を解決するために詳細に書いていますが、 長文が苦手な方は、７のまとめに飛ぶのがオススメです。 目次 １、サンプル１ ２、サンプル２ ３、なぜ、両極端なコメントが生まれるのか？ ４、なぜ、「はてブのコメント」はネガティブ？ ５、TwitterコメントのWhom ６、hatebuコメントのWhom ７、まとめの図解 ８、提案：影響タブとかどうすか？ ９、余談：紹介系コメントの文法 ※約7000字あります。長文注意。 ※サラっと読みたい方は、太字にした１・２・７の項目だけ読むのがオスス

ブログとかでよく見るアレです。記事個別ページを開いたとき、エントリの下部にそのエントリと同じカテゴリの他のエントリが表示されるようになります。JavaScript で実装されていて、どなたでもご利用いただけます。 使い方 ブログのデザイン設定 の「フッタ」部に、以下のコードを貼り付けて読み込むだけ。このブログでも現在有効になっているので、どんな風に動くかをご覧ください。スマホには対応してません。サーセン <script src="http://motemen.github.io/hatenablog-scripts/show-same-category-entries/show-same-category-entries.js"></script> カスタマイズ（JavaScript が分かる人むけ） 表示される内容をカスタマイズするには、以下の例のようにしてスクリプトを読み込む前に __

はてなブログProが高いという人へ。 はてなブログProは高いか？ はてなブログProは高い、大した機能もついてないのに月額980円は高い、高すぎだろという声をよく聞きます。 ・・・まあほんとはそんなに聞かないんですけど980円といえば僕の20日分の食費にも相当しますから、僕は高いと思いますし「そうだそうだ！馬鹿野郎！高すぎるんだよ！」って思っている人も日本全国に軽く1億2千万人くらいはいるはずです。 そこで今回ははてなブログProが高いという人へ、はてなブログProは本当に高いのか？という話を書いてみることにしました。・・・まあすでに自分で高いって言っちゃってるんですけど。 はてなブログProの機能 そもそもはてなブログProとは？無料のはてなブログとどう違うのか？無料のはてなブログに対していったいどのようなメリットがあるっていうのか？説明してもらおうじゃないの、え？・・・というわけでは