読者です 読者をやめる 読者になる 読者になる

チップの日常

管理人チップの日常の出来事や気になる事を綴るブログ

【GIMP2】中抜き文字や文字に影を付ける方法

最近YouTubeのサムネイル作りやブログの画像作成でちょこちょこGIMP2を使う機会がありました。私のPCにはフォトショップもイラストレーターも入っていないので、無料で使えるGIMP2はありがたい。 今後、GIMP2を使う時の備忘録として「文字の影付け」「中抜き…

ブログで使える無料画像の探し方|商業利用可の画像を簡単に探す

ブログに載せる画像、探すの面倒ですよね?? 色んな素材サイト見てみたり、いざ気に入った画像が見つかっても会員登録しなきゃ使えなかったり商用利用不可だったり。 フリーで探してたのに結局無料で使えなかったり。 お目当ての画像一つ探すのでも下手する…

【2016年の締め】当ブログの今年のアクセス推移とか来年の抱負とか

もうすぐ今年も終わってしまいますね。 2016年はいかがでしたでしょうか?? 私は中々に忙しかったですが、趣味や旅行などに使える時間もある程度取れて充実した1年だったかなと思います。 今回は1年間で当ブログの「アクセス数がどう変化したか」「去年との…

【Google Adsense】テストをすることでアドセンスの収益が結構上がったりする

半年ほど前にグーグルアドセンス管理画面の「最適化」という項目に改善の提案が来ました。 ↑「デリケートなカテゴリの広告を許可することで収益が向上するかもしれないよ」という提案です。 ホントに収益が上がるかどうかわからなかったので、とりあえずテス…

CSSのみで背景透過のハンバーガーアイコンを作ってみました

以前、CSSのみでハンバーガーアイコンを作成したという記事を書きました。 これは枠ありで背景色を自分で変えることが出来るというものでした。 今回は上の画像のように枠を無くして背景を透明にし、どんな背景色や背景画像の上に表示しても馴染むようなもの…

【はてなブログ】スマホ用ページのヘッダーにアイコンや画像を重ねて表示させる方法

今回ははてなブログスマートフォン用ページのヘッダーにアイコンや画像等を重ねて表示させる方法をご紹介します。 これを応用すればナビゲーション・読者登録・SNS等のアイコンをヘッダーの好きな位置に表示させることが出来るようになるのでかなり便利^^

CSSのみでヘッダ用のドロップダウンメニューを作成してみた

前の記事ではハンバーガーアイコンの作成方法を紹介しました。 今回は作ったハンバーガーアイコンを利用して、クリックするとメニュー一覧が上から下りてくる「ドロップダウンメニュー(プルダウンメニュー)」をCSSのみで作成してみたので紹介します。

CSSでハンバーガーアイコンを作ってみた|ハンバーガーボタンの作り方解説

ハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます。 スマホ用のサイトとかで良く見かけるようになりましたね。 今回はハンバーガーアイコンをCSSを使って作ってみたので紹介します。※今回紹介するのはハ…

【はてなブログ】本文とサイドバーの間に仕切り線を入れる

今回は本文とサイドバーの間に仕切り線(上画像の赤枠部分)を表示させる方法をご紹介します。 方法としては「記事本文の右側に線を表示」「サイドバーの左側に線を表示」の2パターンがあるので、この2つの表示方法と違いを書いていきます。

【Google Adsense】モバイルサイトでの「追尾型広告」「全画面広告」の設置方法

グーグルアドセンスのウェブページを開いたら「ページ単位の広告の紹介」というお知らせが届いていました。 どんなものか想像できなかったので色々調べてみたところ、モバイルページに追尾型広告の広告と全画面広告を表示できるようになったらしい。 今まで…

ブログが一番読まれる時間帯は何時なのかっていう話

ブログへのアクセスは時間ごとに一定ではなく、アクセスが集中する時間帯が存在するようです。テレビでいう「ゴールデンタイム」ですね。 このゴールデンタイムに新しい記事を投稿することで、その記事をより多くの人に見てもらえる可能性も上がります。 さ…

【はてなブログ】スマホ版Chromeで閲覧するとスクロールバーが2個表示されてしまう時の対処法

スマホアプリのChromeでスクロールバーが2重に表示されてしまった場合の対処法をご紹介します。

【CSS】見出し(Hタグ)のデザイン方法が少しずつ分かってきた|解説・実験等

CSSだけで作る見出しデザイン方法の解説。 「:before」「:after」と「position:relative;」「position:absolute;」の使い方・解説。

【はてなブログ】スマホ用ページで横スクロール出来るカテゴリ一覧を作ってみました

スマホページ用に横スクロール出来る画像付きカテゴリ一覧を作成しました。 設置方法のご紹介。

【CSS】画像と文字を重ねて全体にリンクを付ける方法

画像と文字を重ねて全体にリンクを付ける方法をご紹介。 画像と文字を重ねる方法は別の記事(記事内にリンクあり)に書いたのでそちらを参考にしてください。

【CSS】画像の上に文字や画像を重ねて表示させる方法

「position」の「relative」と「absolute」を使って画像の上にテキストや画像を重ねて表示させる方法とその解説をしています。 これを応用すればサイトデザインのバリエーションが増えそう。

ブログのネタは思いついたらすぐに書く癖をつけたい

書きたいと思ったブログのネタを後々になって忘れてしまわないような対策を考える。

ブログは100記事書けば月間1万PVは超えられる??

当ブログはこの記事で100記事達成。 PV数も月間1万PVに乗ることが出来ました。

【はてなブログ】PC版ヘッダー画像が切れてしまう場合の対処法

はてなブログのPC版ヘッダー画像を設定した時に、画像が切れてしまってうまくいかない時の対処法を載せてます。

記事中にHTMLやCSSコードを表示させる方法|GitHub Gistの使い方

記事中にHTML等のコードを表示させたい場合、「<」を「&lt;」、「>」を「&gt;」とかに置き換えなければならないのでかなり面倒ですよね。 少し前まで私も上のように記号を置き換えて表示させていたのですが、便利なツールを見つけたのでご紹介します。Create…

【はてなブログ】スマホページで横スクロールするグローバルナビを設置

はてなブログのスマホ用ページで横スクロールできるグローバルナビの設置方法を紹介します。

【はてなブログ】はてな記法で自動改行を無効にする方法

はてなブログのはてな記法で自動改行を無効にする方法と注意点を紹介しています。

自分のブログ(記事)に対してのツイートを調べる方法

ブログ(記事)に対してのツイートを調べる方法をご紹介。 それによってわかることとか出来ることとか。

【はてなブログ】ソーシャルボタンのデザインを変更しました

ツイートボタンの公式カウンタが廃止されたので、ソーシャルボタンのデザインを変えることにしました。

アドセンスの効果的な配置についていろいろ|自分なりに試してみた結果です

約半年という短い期間ですが、アドセンスの配置を変えながら実験してました。 現状、私のブログで一番効果が高い配置が見つかったので報告。

【はてなブログ】直帰率を改善させるためにおこなったカスタマイズ

はてなブログで直帰率の改善に貢献してくれた3つのカスタマイズを紹介します。

【はてなブログ】ブログ(PC版)のヘッダーにグローバルナビを設置する方法

はてなブログのヘッダにグローバルナビを設置してみたので、設置方法をご紹介します

ブログの内のCSSやHTMLにはコメント書いておいた方が良いと思った

ブログ内の整理をするときに面倒にならないようにソースごとにコメントを付けていくと楽。

画像編集フリーソフト「GIMP」を使って「続きを読む」ボタンを作成しました|ボタンの作成方法

画像編集のフリーソフト「GIMP」を使って「続きを読む」ボタンを簡単に作る方法をご紹介。

ブログは更新しないとアクセス数がガンガン下がるって話

ブログの更新を怠っていたらPV数が半分以下になってしまった話です。 アクセス数の下がる要因とか対策とかを書いてます。

【はてなブログ】アドセンスの2個のレクタングルを横に並べる方法|ダブルレクタングルの設置

はてなブログでのダブルレクタングル(レクタングル横並び)の設置方法をご紹介。

【はてなブログ】記事本文とサイドバーの幅の変更(調節)方法

はてなブログで「ブログ幅」「記事本文の幅」「サイドバーの幅」を自由に変更する方法をご紹介。

【はてなブログ】パンくずリストを表示させてカテゴリを階層化してみました

はてなブログでパンくずリストを表示してみたのでご報告です。

【はてなブログ】関連記事を表示させたことで直帰率が改善されたよ

はてなブログの記事下に「あわせて読みたい」プラグインを設置することで、直帰率が改善されたので報告します。

【はてなブログ】「外部サービス連携」を無効にしたままTwitterカードに対応させる方法

はてなブログで「外部サービス連携」を無効にしたままTwitterカードに対応させる方法をご紹介。 一つ一つのブログに対して個別のTwitterアカウントに連携させる場合におすすめです。

【はてなブログ】記事下に「関連記事」を表示させました|「あわせて読みたい」の設置

直帰率を改善させる為、はてなブログの記事下に「関連記事」を表示させました。

【Google Adsense】アドセンスの黄色い背景を透明にする方法

グーグルアドセンスの表示前とか余白とかに出てくる黄色い背景を無くす方法をご紹介。

はてなブログ(スマホ用ページ)が重いから軽くならないか運営にメールしてみた

はてなブログ(スマホ用ページ)が重いから軽くならないか運営にメールしてみました。 結果が返ってきたので報告です。

複数の画像を一括で簡単にリサイズできる無料ソフトが便利!!

複数の画像を一括で簡単にリサイズできる無料ソフト「リサイズ超簡単!Pro(無料)」が便利だったのでご紹介。

【はてなブログ】「読者になる」リンク(ボタン)を設置する方法

はてなブログで読者になるボタンを設置する方法をご紹介しています。

【はてなブログ】スマホ用のページにカテゴリ一覧を設置してみた

はてなブログのスマホ用のページにカテゴリ一覧を設置して直帰率の改善を図る。

【はてなブログ】「続きを読む」を画像にしてカスタマイズしてみました

はてなブログの「続きを読む」リンクを画像に変更する方法をご紹介します。

【はてなブログ】タイトル下に表示されるカテゴリのデザインを変更してみた

はてなブログでのタイトル下に表示されるカテゴリのデザインを変更の変更方法をご紹介。

【はてなブログ】スマホ用ヘッダーをオリジナルのサイズで設置する方法

↑以前までのスマホページのヘッダーはこんな感じ。 これははてなブログのスマホページのヘッダーから変更したものです。

ブログランキングからのアクセス流入の変化|バナーを目立つようにしてから1か月が経過したので報告

ブログランキングに参加することによってアクセスアップ出来るかどうかの実験と結果報告。

Zenbackのブログパーツを外すことにしました|その理由は??

私がZenbackのブログパーツを外した3つの理由

【はてなブログ】記事本文の直下にアドセンスを設置する方法

はてなブログで記事本文の直下(ソーシャルボタン等の上)に一括でアドセンスを設置する方法をご紹介。

記事を公開してからグーグルに早くインデックスしてもらう方法|Fetch as Googleの使い方

ウェブマスターツールのFetch as Googleを利用して、記事を公開してからグーグルに早くインデックスしてもらう方法をご紹介します。

ブログに簡単にスマホアプリのリンクを設置する方法|ブックマークレットを使用

chromeのブックマークレットを利用してマーケット(プレイストア)からスマホアプリのリンクを簡単に設置する方法をご紹介します。

【はてなブログ】見出しのデザインを変えてみる|スマホ用ページにも対応

はてなブログの見出しデザインを変えてみました。 スマホ用ページも変更可能です。

PAGE TOP