The ultra-summer internet radio station, playing an infinity pool of summer sounds 24/7. Swimwear optional. Formerly Poolside FM.

Googleから警告が来た場合、ページ単位でGoogleAdSenseを非表示にする必要が出てくるケースがあります。はてなブログでそれを行う方法を解説します。 当ブログもPCでは記事下に、スマホ表示では記事の上下にGoogleAdSenseの広告を貼り付けています。画面の上下からニュッとでる広告とか自動広告は使用していません。 全然儲かってません。 が、下記のエントリで解説したとおり・・・ www.secret-base.org イージーランサー#004がGoogleAdSenseから「AdSense サイト運営者向けポリシー違反レポート」が到着、「アダルトコンテンツ（性的な内容…」との警告がありました。 モンハンで言うところのインナー装備ってだけでそれほど性的な内容でもないのですが、警告は警告です。 せっかくページ単位でのポリシー違反が出たのでこれを機に違反とされたページから広告コードを

たった一行ではてなブログにフォローボタンを設置する方法を思いついたので解説します。 はてなブロガーなら最低限はてなidはあるので、feedlyと合わせて2つは表示できると思います。Twitterもあると記事拡散が違いますね！ さらにInstagramとFacebook、合計5個まで表示対応。ボタンの個数に合わせてボタン幅が自動的に制御されます。 たった一行ではてなブログにフォローボタンを設置する方法 設置したい場所にこのhtmlを記入するだけ。 記事上でも記事下でも記事の中でもOK。複数箇所でも大丈夫。 <span class="follow-btn-box"></span> 5個フルに貼ってサイドバーモジュールやスマホで表示壊れるようならこっちをどうぞ。 <!--小さいフォローボタン--> <div class="follow-btn-box-s"></div> こんなボタンが表示されま

はてなブログのテーマストアにはたくさんのテーマが公開されています。多くのユーザーが目にし利用するものなので、ある程度内容は精査しないといけません。 自作テーマを「非公開」で投稿するのはそれほど内容に気を使う必要はありません。（但し著作権には気をつけましょう） 非公開でテーマストアに投稿すると自分だけがインストールして使えます。 【追記】2018/09/12 記事タイトル変更しました。 2018/09/18 はてなへ「テーマストアに非公開で自分のはてなブログで使用する目的で投稿してもよいか」問い合わせました。回答は以下の通りではてなブログで個人で使用する分には問題ないそうです。 自分のブログだけで自作テーマを使う目的で非公開でご利用いただいても結構です。はてなブログ以外のブログのテーマ置き場としてご利用いただくのはご遠慮ください。 はてなブログのテーマストアを使う理由 テーマストアへの投稿方

2022年7月現在、はてなブログではサイドバーモジュールやhtml記事内にscriptタグを埋め込んでも動作しない仕様になったりならなかったりしているようです。下記記事内のコードははてなブログの仕様変更により突然使えなくなることもありますのでご了承ください。 「はてなブログのサイドバーにカウントダウンのモジュールを入れたい！」という需要があったのでサクッと作ってみました。 こんな感じになります。 （スクリーンショットです） 試験日や発表日、オフ会などのイベント開催日まで等、ブログに関連した内容のカウントダウンにご利用頂ければと。 はてなブログのサイドバーにカウントダウンのモジュールを追加する方法 デザイン→「カスタマイズ」タブ→サイドバー→「+モジュールを追加」→「HTML」を開いて 「タイトル」のところにお好みのタイトルを入力したらhtml入力欄に下記のコードをコピペ。 <style t

こんにちは。 あなたのブログでは、ちゃんとはてなブックマークのブックマーク数を取得できていますか。 はてなブログでは、はてなが提供しているドメインを使用したブログでは2018年4月から、独自ドメインで運用しているブログでは2018年6月11日からブログをHTTPSで配信することができるようになりました。 しかしその頃から、はてなブックマークのアイコンがこんな風に“ぐるぐる”しているのをよく見かけるような気がします。 かくいう私のブログでもHTTPSに切り替えたらブックマーク数が“ぐるぐる”に変わってしまいました。＿|￣|○ 別にこのままでもブックマークができない訳ではありません。また、最近ではブックマーク数が新着エントリーへの掲載におよぼす影響も少なくなっています。ですから以前ほどブックマークにこだわらなくても良くなっているような気もします。 「あんなの飾りです。偉い人にはそれが分からんの

こんにちはnasustです。 ブログ開設して2年、やっと自分のブログをレスポンシブに対応させました。 2年もレスポンシブ対応していなかったのは、PC表示のデザインを集中していたことです。スマートフォンの表示は後でいいや、という感じで、ずるずると対応を伸ばしてきました。 それと、はてなデフォルトの表示のままで良いかなという気持ちもありましたね。 あと、レスポンシブに対応していないブログを現状から対応するのに苦労しそうという理由で、手を出しにくいというもあります。 しかし、アクセスログ見るとアクセス数の半分はスマートフォンです。 せっかく訪問してくれるのに、ブログのデザインがデフォルトのままでは、しょぼい印象を持たれるかもしれない。PCとスマートフォンでは落差が激しすぎる。これは良くない。 なので、PC表示のカスタマイズは一段落ついたので、一気奮闘してレスポンシブに対応しました。 どうやって対

こんにちは、ウタです。 突然ですが、画像のサイズって気にしたことありますか？ サイズと言っても画像の容量の話では無く、縦横比の話です。 特に気にせずなんとなくで画像を貼り付けたり、加工している人も多いと思います。 しかし、画像のサイズにも"人が何となく美しく感じる"という比率があります。有名なのでは黄金比とか。 今回はそんな様々な比を紹介して、ブログに最適な画像のサイズを考えていきたいと思います！ 様々な比 黄金比 白銀比 青銅比、白金比 じゃあ、有名なサイトの画像の比ってどうなってるの？ You Tube はてな 写真 まとめ 様々な比 有名な比、美しいと言われる比にはそれぞれ名前がついています。有名なのは黄金比ですね。黄金比のように美しい比率には、それぞれの比が貴金属になぞられて名前がつけられています。 そんな貴金属比を紹介してい行きます！ 各比率に応じて画像がついているので、なんとな

Introduction 当ブログ「らいちのヒミツ基地」をHTTPS化しました HTTPS化までのあらすじ はてな公式の対応 HTTPS化の手順 追記：Googleアナリティクスの設定は二箇所 HTTPS化で発生した不具合（デメリット） 追記：はてブ数取得の裏技がありました ブコメやスターは維持される？ HTTPS化のメリット 検索しようとしても「保護されてない通信」が出なくなった 逆に「保護された通信」が表示されるようになった HTTPS化してから独自ドメイン設定したらどうなる？ HTTPS化で準備しておくことは？ リンク先がhttpにしか対応してなくても混在コンテンツにはならない HTTPで参照されているコンテンツを一括でHTTPSに置換する方法（2018/05/13追記） HTTPで参照されている画像を一括でHTTPSに置換する方法（2018/05/13追記） その他詳しくは丸投げ（

はてなブログテーマストアに新しいブログテーマを投稿しました。 Hruni - テーマ ストア ピンクグラデーション背景のシンプルなレスポンシブテーマです。PC版は2カラム、スマートフォンは1カラムです。 License: GNU General Public License v3 or later License URI:GNU一般公衆ライセンス v3.0 - GNUプロジェクト - フリーソフトウェアファウンデーション GPLで公開していますので、このテーマを元に改変・改変したテーマを公開することが出来ます。 但し改変したテーマをテーマストアで公開する際はGPLに従い、著作権表示を行なって下さい（CSS内で）。 ※個人的にカスタマイズして使用する分には著作権表示は要りません。（元々テーマCSS冒頭に入っています。） デモブログはこちら↓ yumekawa.hatenadiary.com

今回ははてなブログ以外でもTwitterのエゴサボタン…「この記事に関するツイート」を検索するボタンを設置する方法を解説します。 とうじょうじんぶつ 阿豆らいち： フリーランスのデザイナー。ときどきコーダー。 ATA-b（アタビイ）： 都合よく会話してくれるヒミツロボ。 たった8行でWordPressにTwitterのエゴサボタン設置 以前書いた記事がこちら azulitchi.hatenablog.jp ありがたくご意見を頂戴しました。 (c) nych ( id:nych87 ) どこでも動くように 前回の記事でははてなブログ用のコードを書きましたが、「この記事に関するツイート」ボタン（エゴサボタン）を設置するだけなら以下の7行をページの好きな箇所に追加するだけで良いです。 <div id="twitter-search"></div> <style type=text/css> #t

『僕は魔法少女------そう思っていた』

みなさんブログのデザインってどんな感じにしてるんでしょうか。 ほとんどの方は使っているブログサービスで配布されているものだったり、有料のテーマであったり、大体は既製品をカスタマイズ使っている場合が多いと思います。 ブログのデザインって第一印象を決める上ですごく重要だと思っていて、個人的には面白そうな内容でも読みにくさのあまり閉じてしまうこともあります。 もったいないですね。 スラスラ読めるブログとそうでないブログ。 一体何が違うんでしょうか。ぼくなりに読みやすいブログデザインを考察してみたいと思います！ 全体の統一感 まずは全体のデザインルールを決めます。 通常ブログでカスタマイズするのはこのあたりになるかと思いますが、基本的には「自分の好きなように」でOKです。 その方が愛着がわきます。その上で見やすく読みやすいデザインを考えていけばいいと思います。 極端な例ですが、派手な色が好きだから

この「Under Shirt」にテーマを変更すると、パソコンでは記事一覧が2列表示、スマホでは1列表示になります。スマホでは1列表示にしたい方にオススメのテーマです。 私はスマホで1列表示に出来るはてなブログのテーマを探していました。そんな時に「Under Shirt」を知り、「よし、変更しよう！」と思い立ちました。スマホから見た自分のブログがたまらないほど気に入っています。本当に最高。 では、早速カスタマイズしたことをまとめていきます。 テーマ変更を「UnderShirt」に変更する ろくぜうどんさん(id:rokuzeudon)が作った、はてなブログのテーマ「UnderShirt」を使わせていただきました。やっぱりせっかくこのブログに来てくれた人に「このブログ見やすい」とか「このブログ読みやすい」と思ってほしいので、頑張りました。 テーマ変更後はこんな感じ ▼ パソコンから見たDIY

あけましておめでとうございます！ 味醂です。 新年に合わせてブログのカスタマイズをしようと思ってたら間に合わなかったよ( ´_ゝ`) やっと形になりました！ 参考にしたサイト デザインテーマ 見出し もくじ 表示・非表示 シェアボタン 記事上・記事下 関連ツイート フォローボタン 引用ボックス グローバルメニュー アイコンフォント 上に戻るボタン カテゴリー カエレバ おわりに 〔スポンサーリンク〕 参考にしたサイト 今回もスマホでカスタマイズしています。 PC版の表示が確認できていないので、もし不具合がありましたらお知らせください。 基本的にコピペでできるカスタマイズばかりです！ 無料版でもできるスマホからの編集方法はこちらの記事をどうぞ。 www.tiemirin.com デザインテーマ www.cherry-bon2.com こちらの「Creativity」というテーマを使わせてもら

Feedlyボタン Feedlyボタンを設置する 動作の確認 Feedlyボタンのコードバグを修正する 自動生成コードのバグ修正 最後に こんにちは。Milkです。 ブログに設置されることが多い「Feedly」の登録ボタン。 皆さんのFeedlyボタンは正しく機能していますか？ 「Feedly」とは、ブログ等の「RSS」機能を取得して、複数のブログを一括管理するWebサービスです。 「RSS」？ 簡単に説明すると、多くのブログサービスは簡単なHTMLタグで表された記事の配信を同時に行っています。 ブラウザで直接に表示させると、リッチな画面表示がされますが、更新通知や一覧を見たい時にはそこまでの画面描画は必要ありません。 よって、より簡素な状態で配信を行い、更新通知を受け取れるようにしようという仕組みです。 個々のブログのRSSを一括で管理するには、「Outlook」などにも実装されています

どうもiwakoです。 ブログやサイトのヘッダー画像にも使えるロゴジェネレーターを紹介します。僕はドラマはあまり見ないんですけどね。でも面白そうなタイトルロゴがたくさんあったので作らさしていただきました。 ではどうぞ！ ドラマ、映画風ロゴジェネレーター18選あさが来た風ロゴジェネレータ－ なんか来た！？いったなにが来たのでしょうか。でもお日様が照ってる感じがして嫌なことではないんじゃないでしょうか。 あさが来たっぽいロゴジェネレータゃ β ATARU（アタル）風ロゴジェネレータ－ 超適当に作りました。なんだよこれ北斗の拳のケンシロウかよ。ATATATATA－！がATARU（アタル）みたいな。何言ってんですかね僕は。 ATARU（アタル）風ロゴジェネレーター-つぶデコ テンプレートとAmazon通販購入 あまちゃん風ロゴジェネレーター かあちゃんがたくさんいる！なんか複雑な家庭関係が想像でき