ブログ散歩

主婦の雑記

「はてな」デザイン編集

画像の上に画像を重ねる(中央寄せ)レスポンシブ

2枚の画像を重ねます こんな感じ relative に absolute を入れる <div style="position:relative;"> <img src="下の画像"> <div style="position:absolute; left:50%; top:50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);"> <img src="上の画像"> </div> </div>

フリー画像編集ソフトJTrimで写真をかわいく加工をしたい

おすすめ、フリーの高機能画像編集(レタッチ)ソフトJtrim ちょっとした画像編集にはかかせんません。 主にブログの画像、画面キャプチャ、編集に使っています。 センス次第で、普通の写真をおしゃれに加工できると思います。 主な機能 ギャラリー ブログな…

はてなブログPRO 更新方法

はてなブログPRO 更新方法 更新日時が近づくと、ダッシュボードにお知らせが表示されます お知らせをクリックするとコース選択ページへ移動します。 なにもしなくても、 はてなポイントを買っておけば自動更新されます。 使用期限を変えたい場合 1年コースか…

タイトルロゴ、フリーでWEBで作る方法

Windows 搭載のアクセサリの「ペイント」では、フォントがなめらか(アンチエイリアス)にならないので、無料でWEBサイトで、日本語対応のブログロゴが作成できるサイトを紹介します。 「ロゴ作成」無料・インストール不要、webで作れるサイト Generated …

「はてなブログ」シンプルな「続きを読む」にカスタマイズ

「続きを読む」ボタンをオリジナル、シンプルにカスタマイズしましょう★ 「続きを読む」のつけ方 記事を書いてるときに「続きを読む」を挿入します。 1、「続きを読む」を入れたいところで①を押す 2、②「====」が記事内に表示されます。 表示されまし…

「はてなブログ」シンプルな見出しにカスタマイズ

Googleが公開している「pdf」検索エンジン最適化(SEO)スターターガイド - Google によりますと、「見出しタグを適切に使おう」と書かれております。 ですので見出しは使った方がいいのです。 見出しのデザインをすべてキャンセルし、普通の文字に溶け込…

【はてなサイドバー】のデザインをオリジナルにカスタマイズ(背景画像編)

サイドバーの背景を変更する方法 だいたいのテーマで変更可能だと思います できないテーマの人はごめんなさい。 サイドバーのカテゴリーの背景に画像を表示させますす *背景に色だけ付ける方法はこちら→【はてなサイドバー】のデザインをオリジナルにカスタ…

【はてなサイドバー】のデザインをオリジナルにカスタマイズ

サイドバーの背景を変更する方法 だいたいのテーマで変更可能だと思います できないテーマの人はごめんなさい。 (例1) (例2) サイドバーのカテゴリーの背景に色をつける *背景に画像を設定する方法はこちら→【はてなサイドバー】のデザインをオリジナ…

【フリー素材】ふきだし数字アイコン商用可

ふきだし数字アイコン商用可 フリーでみつからなかったので、作りました。 よろしければどうぞ、このページ下部の「使用方法」をお読みください。 画像を右クリックして保存してお使いください。 吹き出し数字赤 吹き出し数字黒 使用方法 著作権は私「ブログ…

2017年12月アドセンス申請合格しました。やったー!

うれしいです。ありがとうございます。 合格をいただいたのはこのブログです。 弱小ブログでアドセンス申請合格! 記事数:32件 1日のアクセス数:更新した日は約「50」、しない日は「3」くらい、、、 申請からの返事:2週間後 合格までの流れ 201…

「はてなブログ編集」自分のテーマカラーに染めてみる

タイトル部分に好きな画像を設定し、それに合わせたカラーに変えて変えてみよう!というわけです。 ブログカラー編集 例として、このシンプルなデザインを使います。 タイトル部分の画像を設定します。 「デザイン」→「スパナマーク」→「ヘッダ」→「タイトル…

配色センスが無くて困ったとき見るサイト

ブログの簡単なカスタマイズは色の変更 色センスが無くてこまっている、私とあなたにおすすめのサイトです。 世の中便利になったもんだねぇ。 Palettable Palettable 好き「L」か嫌い「D」か選ぶだけでどんどん色をチョイスできます。 おもしろいし、おすす…

画像をマウスで選択(マウスオーバー)したときに動かす方法

リンク画像をマウスで選択(マウスオーバー)したときに動かす方法 只今、楽天のTOPページで丸い画像がマウスを合わせると四角く動くようになっておりますよね。 さすが超一流有名企業様のHPはすごいでざます!と思っておられますでしょうか? いやいや、べ…

ブログのコンテンツを一時的に隠す

<div style=display:none> 隠したいコード </div> <div style=display:none> と </div> で隠したい部分を挟んでください。 以上。

はてなブログhtml構造図

はてなブログhtml構造図作ってみました 現役プログラマの私が中身を分析。 おしゃれインテリアブログを目指している私、、、結局はこっちの方が得意。 ざっくり全体 body #header-container #sp-suggest a link スマートフォンサイズで見る #globalheader-co…

ブログタイトル画像全体をリンクにする

ブログのヘッダ(タイトル部分)全体をクリックできるようにする 現状では、ブログのタイトル文字だけがリンクになっています。タイトルのヘッダ全体をリンクに変えたいと思います。 このブログのデザインは以下を使っています。 多数のCSSカスタム適用済の…

【はてなブログ】最新記事一覧の画像を丸くしよう!

1.「デザイン設定」→「カスタマイズ(スパナのマーク)」→「デザインCSS」 2.デザインCSSにコピーペーストしてください。 .urllist-with-thumbnails li .urllist-image{border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px…

簡単!ブログのロゴマークを作ってみよう★(Windows)

*windows7でやっております Windows付属のペイントソフトを使う windows7以外でもあると思います。探してみてくださいね。 ところでペイントソフトがどこにあるかは知ってますか? 「スタート」→「アクセサリー」の中にあります。 お好きなロゴ画像を用意…

楽天の自分が最近見た物が表示されるアレつける

どうやら楽天モーションウィジェットと言うらしい 「約7倍」マジですか?!と思ったけど、7倍って!すごいのすごくないの・・・? 楽天アフィリエイト・楽天モーションウィジェット 1.楽天アフィリエイトサイトへ行きます↓ 【楽天アフィリエイト】日本最…

クリック報酬が欲しい

googleアドセンス取得は、また今度・・・。 googleアドセンス取得、審査を申し込んでみたが、通らなかったのだ アドセンス申し込んだ記事はこちら↓ 2017年2月 googleアドセンス取得 アカウントをキャンセルしてやりなおし - ブログ散歩 そもそもアドセ…

はてなブログ デザイン編集してみる 記事タイトル

このブログのデザインは以下を使っています。 多数のCSSカスタム適用済のコンテンツ制作に最適なテーマCONTENTSを発表 - DREAMARK 1.「デザイン設定」→「カスタマイズ(スパナのマーク)」→「デザインCSS」 2.デザインCSSにコピーペーストしてくだ…

2017年2月 googleアドセンス取得 アカウントをキャンセルしてやりなおし

googleアドセンス申請 ちまたのみなさんおすすめの「日記ブログを作って申請」をしてみました。 ライブドアブログ+独自ドメインを作りまして。 ・・・3か月間返事無し。 申請したのは、2016年11月。 問い合わせメールもだしてみましたが、これまた返…

はてなブログプロ 記事下のIDを変える 複数IDを持つ

はてなブログプロでブログを複数もてることになりました。 でも記事の下にIDが表示されたり、コメントや埋め込みリンクにもIDが表示されます。 これではブログの匿名性が保たれません。嫌です。 そこでCSSをいじったりして消す方法を考えたのですが、…

記事へサムネイル付きリンクを張る方法

埋め込みリンクの仕方 記事編集で「リンク」をクリック URLを入力 「プレビュー」を押す 埋め込みを選択 「選択した形式でリンクを挿入」を押す

はてなブログ 記事下のIDを隠す

はてなプロにしました。ブログが10個までもてるようになりました^^ ブログIDを消してひとつひとつのブログの匿名性確保したいと思います。 私、そういう関係の仕事が専門なので、HPをいじるのがとくいなのです。 はてなブログ 記事下のIDを隠す方法 …

はてなブログ モバイル 記事下のIDを隠す 超簡単!

レスポンシブ対応のデザインを選ぶ。 *私の使っているデザインでしかテストしておりません。全部共通ですといいのですが。 こちらを使かわせていただいております。 www.dreamark.tokyo デザインの変え方 「デザインテーマ」(パレットみたいな絵)→「下に…

2017年 おもいきって「はてなPRO」を買ってみた

こんにちは、ブログ散歩 です。 悩んでいたのですが「はてなpro」にしました。 まぁ、大人なので。少しくらいのコストは大丈夫です。 1年契約です。1年間使いこなしたいと思ってます>< はてなプロにして最初にした設定 広告を外す。 キーワードリンクを消…

【はてなブログ】CSSをコピーペーストして設定する方法

デザイン編集するには「デザインCSS」にコードを追加することになります。 今回はそれを解説いたします。 CSSをコピーペーストして設定する方法 1.「デザイン設定」→「カスタマイズ(スパナのマーク)」→「デザインCSS」 2.デザインCSSにコード…