無題で行こう

気の向くままに書きたいことを書いていきます。とりあえず無題でいきましょう。毎日いろいろありますよね♪

MENU

ブログの技

CSSで画像を回転する方法~使い道がないので、逆さ絵を回転させてみた

■はじめに スタイルシート(CSS)を使うと、Webサイトのデザインを効率的に変更することができます。見よう見まねのことが多いですが、筆者もブログのデザインをカスタマイズする際に利用しています。CSSを使うことで実現できることは数多く、Web上には無数…

はてなブログの本文の文字を装飾してみる(text-shadowで遊んでみた)

■はじめに スタイル指定の「text-shadow」を使うと、テキスト文字に影を付けることができます。はてなブログでは「デザインCSS」を使って指定すると、タイトルや見出しの文字を影付きにすることができます。また、本文中のテキストでも個別に「text-shadow」…

はてなブログを簡単カスタマイズ!⑪枠囲み編(後編)+おまけ

■はじめに ブログを始めてから、ほかの方のブログを参考にしながら様々なカスタマイズ手法を試してみました。実際にやってみたことは、これまでにも記事にしてきましたが、基本はコピペで簡単に使うことができるように紹介しています。さて、前回はブログの…

はてなブログにAmazon商品へのリンクを貼り付けることができました!

■はじめに タイトルだけをご覧になっても、今さら何の話かと思いますよね。でも、実は筆者はブログの記事中にAmazon商品へのリンクを貼り付ける方法が分からなかったのです。正確には、方法は明らかなのですが、どうしても上手くできなかったというのが正し…

はてなブログを簡単カスタマイズ!⑩枠囲み編(前編)

■はじめに 前回の「マーカー風の装飾編」からしばらく間が空きましたので、久しぶりのカスタマイズ記事になります。と言いながら、今回もカスタマイズというよりは、ブログの本文中で使うことができる、ちょっとした表現方法と思っていただければ良いかと思…

はてなブログを簡単カスタマイズ!⑨マーカー風の文字装飾編

■はじめに はてなブログで自分のブログを開設してから、いろいろカスタマイズをしてみました。実際に試してみたカスタマイズの手法は、記事として紹介してきました。 今回は、カスタマイズと呼ぶのはちょっと違うのかもしれませんが、本文中の文字にマーカー…

「はてなスター」や「はてブ」の獲得総数を知りたくないですか?

■はじめに 皆さん、はてなスター付けていますか? 慣れない問いかけ調で書き始めてみましたが、新年早々ということでご容赦ください。「はてなスター」は、はてなブログ独特の機能の一つですね。あまり馴染みのない方は、こちらのページをご覧ください。http…

はてなブログの簡単カスタマイズ技まとめ

■はじめに 筆者がはてなブログで自分のブログを立ち上げてから、あれこれとデザインのカスタマイズを行ってきました。基本はスタイルシートのコピペとわずかな修正ですが、けっこう多様なカスタマイズが可能だということが分かりました。 これまで、筆者が実…

はてなブログを簡単カスタマイズ!⑧グローバルメニュー編

■はじめに はてなブログは、スタイルシートを修正・追記することで、かなり自由にデザインのカスタマイズが可能です。筆者もいろいろなサイトの情報を参考にさせていただきながら、ちょくちょく実践してきました。実際に行ってきたカスタマイズは備忘メモを…

はてなブログを簡単カスタマイズ!⑦ページャー編

■はじめに はてなブログの簡単カスタマイズシリーズも、今回が7回目になりました。今回は、筆者としてはどうしても改善したいと思っていたページャーに関するカスタマイズです。かなりニッチな内容ですが…何かの参考になれば幸いです。 ■「ページャー」とは…

はてなブログを簡単カスタマイズ!⑥サイドバー編

■はじめに 筆者もはてなブログでブログを開設してから、いろいろとデザインを触ってみました。基本的には、あちこちのサイトで紹介されているカスタマイズ手法を参考にさせていただいています。 そうしているうちに、どのサイトから何を参考にしたのか自分で…

はてなブログを簡単カスタマイズ!⑤引用文の変更編

■はじめに ブログを始めると、レイアウトやカラーリングなど、デザインも自分なりのものに変更したくなりますよね。はてなブログでは、スタイルシートを編集することができるので、かなり自由にカスタマイズすることが可能になっています。一からスタイルシ…

はてなブログを簡単カスタマイズ!④ブログタイトル編

■始めに はてなブログはスタイルシートを使うことで、かなり自由にカスタマイズができることが分かってきた筆者です。ブログのデザインのカスタマイズをやり始めると、楽しくて時間が経つのを忘れてしまいます。 基本的に筆者は、いろいろなサイトで公開され…

はてなブログを簡単カスタマイズ!③本文テキスト文字の変更編

■はじめに はてなブログでは、いろいろなデザインテーマが公開されています。デザインテーマを適用することで、ブログ全体のデザインと雰囲気を簡単に変えることができます。 しかし、やはり自分のブログだけの個性的なデザインにしてみたいと思いますよね。…

はてなブログを簡単カスタマイズ!②見出しのデザイン変更編

■始めに ブログのデザインをあれこれと変更するのは楽しいですね。しかし、正規のメニューとして提供されているカスタマイズ機能の範囲は意外と限定されているので、自由自在というわけにはいきません。 しかしはてなブログでは、適用するスタイルシートを編…

はてなブログを簡単カスタマイズ!①レスポンシブデザイン編

■始めに はてなブログでブログを公開してから、2ヵ月以上になりました。最初のうちは、タイトル画像を付けたりしていた程度でしたが、いろいろとカスタマイズすることができることが分かってきました。上記の記事を書いてからも、ちょくちょくとデザインを…

ブログでも簡単に使えるJavaScript:②クリックで表示する

■はじめに ブログでも簡単に使えるJavaScriptということで、前回はメッセージボックスを表示するスクリプトを紹介しました。第2回の今回は、クリックすると隠していた文字列や画像を表示する仕組みを紹介します。 まずはサンプルからご覧ください。 ■サンプ…

ブログでも簡単に使えるJavaScript:①メッセージボックス

■はじめに 先日、はてなブログの記事本文にJavaScriptを書き込めることを知りました。 前回は実験がてら、メッセージボックスを表示するサンプルを掲載しただけでした。今回はもう少し実用的なサンプルとともに、ソースコードを紹介します。 ■サンプル1 先…

はてなブログでJavaScriptが使えることを知りました

■はじめに Googleであれこれ検索していると、下記の「Three.jsを使って、作ってみた」さんのブログにたどり着きました。 その中では、ブログの記事の中にJavaScriptを書き込めるということが紹介されていました。 はてな記法でスクリプトをべたっと書いてい…


スポンサーリンク