ブログ運営
今回はタイトルの通り、楽天市場の検索結果をアフィリエイトリンクにする方法を紹介します。椅子の検索結果 ↑こんな感じのやつです。
最近YouTubeのサムネイル作りやブログの画像作成でちょこちょこGIMP2を使う機会がありました。私のPCにはフォトショップもイラストレーターも入っていないので、無料で使えるGIMP2はありがたい。 今後、GIMP2を使う時の備忘録として「文字の影付け」「中抜き…
ブログに載せる画像、探すの面倒ですよね?? 色んな素材サイト見てみたり、いざ気に入った画像が見つかっても会員登録しなきゃ使えなかったり商用利用不可だったり。 フリーで探してたのに結局無料で使えなかったり。 お目当ての画像一つ探すのでも下手する…
もうすぐ今年も終わってしまいますね。 2016年はいかがでしたでしょうか?? 私は中々に忙しかったですが、趣味や旅行などに使える時間もある程度取れて充実した1年だったかなと思います。 今回は1年間で当ブログの「アクセス数がどう変化したか」「去年との…
半年ほど前にグーグルアドセンス管理画面の「最適化」という項目に改善の提案が来ました。 ↑「デリケートなカテゴリの広告を許可することで収益が向上するかもしれないよ」という提案です。 ホントに収益が上がるかどうかわからなかったので、とりあえずテス…
以前、CSSのみでハンバーガーアイコンを作成したという記事を書きました。 これは枠ありで背景色を自分で変えることが出来るというものでした。 今回は上の画像のように枠を無くして背景を透明にし、どんな背景色や背景画像の上に表示しても馴染むようなもの…
今回ははてなブログスマートフォン用ページのヘッダーにアイコンや画像等を重ねて表示させる方法をご紹介します。 これを応用すればナビゲーション・読者登録・SNS等のアイコンをヘッダーの好きな位置に表示させることが出来るようになるのでかなり便利^^
前の記事ではハンバーガーアイコンの作成方法を紹介しました。 今回は作ったハンバーガーアイコンを利用して、クリックするとメニュー一覧が上から下りてくる「ドロップダウンメニュー(プルダウンメニュー)」をCSSのみで作成してみたので紹介します。
ハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます。 スマホ用のサイトとかで良く見かけるようになりましたね。 今回はハンバーガーアイコンをCSSを使って作ってみたので紹介します。※今回紹介するのはハ…
今回は本文とサイドバーの間に仕切り線(上画像の赤枠部分)を表示させる方法をご紹介します。 方法としては「記事本文の右側に線を表示」「サイドバーの左側に線を表示」の2パターンがあるので、この2つの表示方法と違いを書いていきます。
グーグルアドセンスのウェブページを開いたら「ページ単位の広告の紹介」というお知らせが届いていました。 どんなものか想像できなかったので色々調べてみたところ、モバイルページに追尾型広告の広告と全画面広告を表示できるようになったらしい。 今まで…
ブログへのアクセスは時間ごとに一定ではなく、アクセスが集中する時間帯が存在するようです。テレビでいう「ゴールデンタイム」ですね。 このゴールデンタイムに新しい記事を投稿することで、その記事をより多くの人に見てもらえる可能性も上がります。 さ…
スマホアプリのChromeでスクロールバーが2重に表示されてしまった場合の対処法をご紹介します。
CSSだけで作る見出しデザイン方法の解説。 「:before」「:after」と「position:relative;」「position:absolute;」の使い方・解説。
スマホページ用に横スクロール出来る画像付きカテゴリ一覧を作成しました。 設置方法のご紹介。
画像と文字を重ねて全体にリンクを付ける方法をご紹介。 画像と文字を重ねる方法は別の記事(記事内にリンクあり)に書いたのでそちらを参考にしてください。
「position」の「relative」と「absolute」を使って画像の上にテキストや画像を重ねて表示させる方法とその解説をしています。 これを応用すればサイトデザインのバリエーションが増えそう。
書きたいと思ったブログのネタを後々になって忘れてしまわないような対策を考える。
当ブログはこの記事で100記事達成。 PV数も月間1万PVに乗ることが出来ました。
はてなブログのPC版ヘッダー画像を設定した時に、画像が切れてしまってうまくいかない時の対処法を載せてます。
記事中にHTML等のコードを表示させたい場合、「<」を「<」、「>」を「>」とかに置き換えなければならないのでかなり面倒ですよね。 少し前まで私も上のように記号を置き換えて表示させていたのですが、便利なツールを見つけたのでご紹介します。Create…
はてなブログのスマホ用ページで横スクロールできるグローバルナビの設置方法を紹介します。
はてなブログのはてな記法で自動改行を無効にする方法と注意点を紹介しています。
ブログ(記事)に対してのツイートを調べる方法をご紹介。 それによってわかることとか出来ることとか。
ツイートボタンの公式カウンタが廃止されたので、ソーシャルボタンのデザインを変えることにしました。
約半年という短い期間ですが、アドセンスの配置を変えながら実験してました。 現状、私のブログで一番効果が高い配置が見つかったので報告。
はてなブログで直帰率の改善に貢献してくれた3つのカスタマイズを紹介します。
はてなブログのヘッダにグローバルナビを設置してみたので、設置方法をご紹介します
ブログ内の整理をするときに面倒にならないようにソースごとにコメントを付けていくと楽。
画像編集のフリーソフト「GIMP」を使って「続きを読む」ボタンを簡単に作る方法をご紹介。