コピペでスマホ向けアイコンメニューを表示する

コピペでスマホ向けアイコンメニューを表示する ※クリックで拡大できます。 このご時世、ブログへの半数以上のアクセスがスマホからになっています。 スマホはPCよりも画面が小さいために、読み終えるまで時間がかかるもの。 途中で疲れて、読むのをやめてし…

はてなブログのアクセス数を増やす記事の書き方と方法とは?

はてなブログのアクセス数を増やす記事の書き方と方法とは? 定期的にアクセスのあるブログの作り方を考えます。 ブログのアクセス 数を増やそうとしたとき、必ずやるべきことがあります。それは「閲覧者の心を読むこと」です。 ページを見てくれている方が…

【アクセス増】効果的なはてなブックマークの使い方と秘密

// 【アクセス増】効果的なはてなブックマークの使い方と秘密 ※クリックで拡大できます。 はてなブログの機能の1つであるはてなブックマーク。 各記事にボタンがありますが、実は押す部分によって動きが違うことをご存知でしたか? 今回ははてなブックマー…

はてなブログのプロフィールアイコンカスタマイズ!

// はてなブログのプロフィールアイコンカスタマイズ! ※クリックで拡大できます。 はてなブログでは既定のデザインレイアウトがあり、何もしないままでは、他のブロガーと全く同じデザインになってしまいます。 ブログはネタで勝負!とは言え、やはり見た目…

ブログ・ツイッターでネタ切れになりそうなときに考えるべきこと

ブログ・ツイッターでネタ切れになりそうなときに考えるべきこと ※クリックで拡大できます。 ブログを始めて数十記事書いていくと、ある日はたと書くことがなくなることがあるかと思います。始めのうちはスラスラ書けていたのに、書きたいことを一通り書きき…

ブログ初心者におすすめのアクセスアップ戦略

// ブログ初心者におすすめのアクセスアップ戦略 ※クリックで拡大表示します ブログを始めて数か月。アクセスがあまり増えずない中、黙々とブログを書く時期が誰しもあったかと思います。 そんな中、どう動けば読者が増えるのか。体系的に考えてみましたので…

Give&Take!はてなスターのアクセスの増える使い方

Give&Take!はてなスターのアクセスの増える使い方 はてなブログには「はてなスター」 という機能があります。 気に入った記事があったときに「いいね」を付けられる機能で、自分の書いた記事に沢山のスターがつくと嬉しくてやる気も出るものです。 はてなス…

【画像でわかる】HTMLとCSSの役割

// 【画像でわかる】HTMLとCSSの役割 ※クリックで拡大できます 以前、WEBサイトのデザインはHTMLとCSSでできているという記事を書きました。 HTMLがサイトの骨組み、CSSは肉付けです。 今回はイメージつきでCSSがいかに大切か、ということをご紹介したいと思…

【はてなブログコピペ】スマホ対応メニューバーを表示する方法

【はてなブログコピペ】スマホ対応メニューバーを表示する方法 ※クリックで拡大できます 先日ご紹介したメニューバーを表示する方法、スマホでも対応できる方法をご紹介します! ↓PCでメニューバーを表示する方法はこちら↓ 【はてなブログ限定】メニューバー…

【AIDMA分析】ITコンサルタントの考えるブログ運営

【AIDMA分析】ITコンサルタントの考えるブログ運営 ※クリックで拡大表示します ブログを始めた理由は人それぞれあると思います。 副業として稼げると聞いた 趣味として日記をつける感覚で書いている 人の役に立つ情報を共有したい など PVや収益など数字を追…

【コピペで簡単】TOPへ戻るボタンを設置する

// 【コピペで簡単】TOPへ戻るボタンを設置する 縦長のサイトを見ているとき、ページの一番上まで戻るのに苦労したことはないでしょうか。 PC画面では画面右にスクロールバーがあるので少し楽ですが、スマホで見ている場合にはそうはいきません。 特にブログ…

CSSを編集するときの書き方入門

// CSSを編集するときの書き方入門 rawpixelによるPixabayからの画像 ブログの見た目を変えたいときにはCSSファイルを編集する、ということを前回ご紹介しました。 ↓前回記事はこちら↓ www.blog.biz-thinking-k.com 今回はCSSを編集する際のお作法について、…

初心者向けWEBデザイナー入門ーHTMLとCSSの仕組み

// 初心者向けWEBデザイナー入門ーHTMLとCSSの仕組み 前回記事で、見た目を変えるにはHTMLとCSSそれぞれを変える必要があるというお話をしました。 ↓前回記事はこちら↓ www.blog.biz-thinking-k.com この記事の中では詳しく仕組みをお話ししていなかったので…

【はてなブログ限定】メニューバーを3分で表示する方法

【はてなブログ限定】メニューバーを3分で表示する方法 メニューを表示してPVをアップ! 先日当サイトのタイトル下にメニューバーを表示してみました。 このメニューバー、動きを付けていることもあってか、画面をスタイリッシュにしてくれるだけではなく、…

【保存版】はてなブログで自由なデザインを設定する方法【CSS】

【保存版】はてなブログで自由なデザインを設定する方法【CSS】 一歩踏み出せばお洒落なサイトが作れます。 インターネットでサイトを見ている中で、「どうやってこのページをデザインしているんだろう」と思うようなおしゃれなサイトや、「どうしたら動きが…

【hoverで簡単】CSSでスタイリッシュな動きをブログに

// 【hoverで簡単】CSSでスタイリッシュな動きをブログに 他の方のブログを見ていると、あるボタンに触ったときに色が変わったり、サイズが変わったりと、動きのあるサイトを見たことがあるかと思います。 動きがついていると印象には残るもの、再訪の機会も…

【カスタムURL?アクセス数?】「アドセンス サイトの停止または利用不可」対策3点

【カスタムURL?アクセス数?】「アドセンス サイトの停止または利用不可」対策3点 昨日、ようやくアドセンスの合格通知が来ました。実は恥ずかしながら、7回のチャレンジをした末にようやく掴んだ合格です。 今回はアドセンスにトライされる方のために、合…

CSSカスタマイズ時短テクニック【GoogleChromeデベロッパーツール】

CSSカスタマイズ時短テクニック【GoogleChromeデベロッパーツール】 前回・前々回に引き続き、CSSでブログをアレンジする方法についてです。 今回はカスタマイズのやり方ではなく、時短テクニックをご紹介します! はてなブログでCSSをカスタマイズをすると…

コピペから始めるCSSカスタマイズ入門

//

【コピペOK!】ブログに吹き出しを表示する方法【はてなブログ手順あり】

【コピペOK!】ブログに吹き出しを表示する方法【はてなブログ手順あり】 今回はブログ運営で使える知識です。 主にブログの滞在時間を延ばす効果がある吹き出しを表示する方法をご紹介します。 CSSを編集するので、word pressの方も同じような手順で実装で…

すぐ使える!はてなブログ向けアイコン一覧

すぐ使える!はてなブログ向けアイコン一覧 こちらでははてなブログの標準機能で利用できるアイコンを一覧にしています。 お好みのものを見つけてみてください。 // // HTMLコードの書き方 HTML編集で下記のコードを追加してください。 <i class="クラス名"></i> 最初のアイコンを表…

【スマホからのアクセスアップ】レスポンシブ対応CSSでPCとスマホの見た目を変える

【スマホからのアクセスアップ】レスポンシブ対応CSSでPCとスマホの見た目を変える スマートフォンやタブレットの急速な普及を背景として、パソコンよりも小さな画面からWEBサイトを見る機会は多くなりました。 通勤・通学の時間や、休憩の合間などにスマホ…

【時間がポイント】1週間ぶりのはてなブックマーク砲からランキング条件を考察

【時間がポイント】1週間ぶりのはてなブックマーク砲からランキング条件を考察 前回「はてなブックマークの新着エントリー」通称はてブ砲の狙い方をご紹介しましたが、1週間後に再度着弾しましたので追加情報をご紹介します。 【この記事を読むメリット 】 …

はてなブログの「コピーで新規記事」で記事を量産する

はてなブログの「コピーで新規記事」で記事を量産する ブログを書くとき、決まったスタイルで記事を書いている方は多いかと思います。 【記事スタイルの一例】 テーマの紹介 もくじ 導入 説明 具体例 結論 しかし記事を書くたびに、同じようなフォーマットを…

【はてなブログ】アドセンス掲載ブログでのJASRAC歌詞掲載は可能?

【はてなブログ】アドセンス掲載ブログでのJASRAC歌詞掲載は可能? 副業もルールを守って。 先日、はてなブログで歌詞の掲載が可能になりました。 はてなブログにJASRAC管理楽曲の歌詞の掲載が可能になりました - はてなブログ開発ブログ 気になるのは、新曲…

はてなブログのアクセス解析方法

// はてなブログのアクセス解析方法 ※クリックで拡大できます。 ブログを運営するにあたり、どのくらいの人が見てくれているのかは気になるもの。 自分が書きたい記事を書いていたとしても、アクセスの数はつい見てしまうものではないでしょうか。 今回はは…

グラデーションカラーコード一覧

// // グラデーションカラーコード一覧 こちらではCSSアレンジ用のカラーコードを一覧にしています。 お好みの色を見つけてください。 こちらは随時更新する予定です。 お気に召したものはメモを控えていただきますよう、お願いいたします。 【汎用】 #00000…