チップの日常

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

ブログ運営

【楽天アフィリエイト】商品の検索結果をアフィリエイトリンクとして設定する方法

今回はタイトルの通り、楽天市場の検索結果をアフィリエイトリンクにする方法を紹介します。椅子の検索結果 ↑こんな感じのやつです。

【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」を使って「続きを読む」ボタンを簡単に作る方法をご紹介。

PAGE TOP