monoのメモ帳

HTMLとCSSを勉強しながらはてなブログをカスタマイズ中です。

トップへ戻るのボタンをHTMLとCSSのシンプルなものに変更|はてなブログカスタマイズ

前回は、JavaScriptを使ってブログのトップへ戻るのボタンを作ったのですが、buttonタグを使ってトップへ戻るのボタンを作ると、buttonタグには文字が必要というエラーが出てきてしまうことに気づきました。 過去記事:トップへ戻るのボタンを作る|はてなブ…

記事下のSNSシェアボタンを作ってみた|はてなブログカスタマイズ

はてなブログでは、記事下にSNSボタンが管理画面から簡単に設定できますが、オリジナルのものに変えてみました。 出来上がりのイメージ やりたいこと はてなのwebアイコンを使って軽くしたい カウント数の読み込みは不要 関連記事とSNSボタンの位置を変更 デ…

adobeで購入しようとしたらクレジットカードと郵便番号を入力してもエラーになる件

adobeでXDの体験版を試してみようとインストールしたときのことです。 XDの体験版は7日間無料で利用できるのですが、7日間を過ぎると自動的に本契約に移行するようになっていて、体験版のインストール時にクレジットカードの登録が必要です。 そのクレジット…

ブログのCTAのサンプルを作ってみた|はてなブログカスタマイズ

最近、ブログ記事の下の方にCTAを設置している方をお見かけしました。 CTAというのは行動喚起を意味して、ブログに来てもらった方に、何かを宣伝したいときに使います。 わかりやすいボタンを設置して、リンクをクリックしてもらえるように工夫している方が…

ブログのプロフィールアイコンを書いてもらいました

皆さんこんにちわ、モノトーンとシンプルなものが好きなmonoです。 いつもご訪問いただきありがとうございます。 さて、皆さんは、ブログやSNSのアイコンの画像はどうされていらっしゃいますか? 私は、今まで適当な画像を用意して利用していたのですが、今…

サイドバーのプロフィール欄にSNSのアイコンを作る

前回の続きです。 過去記事:はてなブログのプロフィール欄をシンプルなデザインに変えてみる - monoのメモ帳 この前、ブログのサイドバーのプロフィール欄を自分で作ったものに変更したのですが、SNSのボタンもつけたいと思って、簡単にSNSのボタンが作れる…

はてなブログのプロフィール欄をシンプルなデザインに変えてみる

はてなブログのサイドバーにあるプロフィール欄ですが、少し画像を大きくしたいと思って簡単にHTMLが吐き出せるツールを作ってみました。 出来上がりのイメージ 手順1 スタイルシートをコピペする スタイルシートのサンプルはこちら 「管理画面」→「 デザイ…

トップへ戻るのボタンを作る|はてなブログカスタマイズ

トップへ戻るのボタン はてなブログをカスタマイズしたくてHTMLとCSSの勉強をはじめたのですが、JavaScriptを覚えるともっといろんなことができるみたいで、JavaScriptの本も買いました。 はじめてのJavaScriptなので、まだ右も左もわかりませんが、ちょっと…