読者です 読者をやめる 読者になる 読者になる

つばさのーと

つばさの日常を綴るのーと

ブログ-カスタマイズ

「カスタマイズ」カテゴリのおすすめ記事

コピペでどうぞ。はてなブログのカテゴリー別記事一覧におすすめ記事のリストを表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 本日、はてなブログの新機能としてカテゴリー別記事一覧に説明文を設定できる機能が実装されたみたいです。HTMLが入力できるらしいのでここは1つカスタマイズ記事でも書いてみようかと思い筆をとりました。記事の…

【bxSlider】サムネイル表示だけで物足りない方、キャプションも表示してみてはいかがでしょうか

こんにちは、つばさ(@tsubasa123)です。 今日も今日とてちょっとおせっかいなカスタマイズネタをお届けします。といっても私が何かしたわけではないんですけどね、ちょっとした設定変更のお話です。今日は短めですのでお時間がありましたらお付き合いくだ…

ZENO-TEALでシェアボタンがずれちゃっている方、よければお試しください

こんにちは、つばさ(@tsubasa123)です。 タイトル通りですが、今日はちょっとおせっかいなカスタマイズネタ、対象となる方は「ZENO-TEAL」というテーマを使われていて、さらに特定のシェアボタンカスタマイズをご利用中の方になります。お心当たりのある…

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ(メンバー編)

こんにちは、つばさ(@tsubasa123)です。 今日も今日とてネタ系CSS、はりきっていきましょう。 以前、下記のような記事を書きました。 www.tsubasa-note.blog 本日はこれの続き、各メンバーのデザインをCSSで再現しました。基本的にはコピペでいけるように…

ブログデザインリニューアル、感想とか今後の課題とか

こんにちは、つばさ(@tsubasa123)です。 タイトルのとおりですが、ブログのデザインをリニューアルしました。はてなが提供しているテーマがベースにはなっていますが、ほぼオリジナルテーマと言っていいくらいごちゃごちゃと手を入れました。今回はPCのデ…

はてなブログってAmazonのリンクも作れるんだって。知らんかった

こんにちは、つばさ(@tsubasa123)です。 タイトル通りなんですが、はてなブログって色んな機能があるんですね。そろそろはてなブログを始めて5か月くらいたつんですが、全然使いこなせてなかったな、って話です。ちょっとしたカスタマイズコードもありま…

はてなブログのトップページに表示されるアイキャッチ画像にリンクを設定したい

こんにちは、つばさ(@tsubasa123)です。 今日はささいなカスタマイズですが、結構気になっていた部分を修正しました。同じ条件に当てはまる方、もしよろしければ参考にしてみてください。

はてなブログで掲載する画像に自動でウォーターマークを表示する(仮)

こんにちは、つばさ(@tsubasa123)です。 今日も元気にネタ系カスタマイズ、使いどころがあるかどうか微妙なラインのものをお届けします。もう少し真面目に作り込むことができれば実用性が上がるのかもしれませんが、ちょっとはてなブログでは難しそうだっ…

更新日自動表示のカスタマイズをアップデートしました、レスポンシブデザインの方はご確認ください

こんにちは、つばさ(@tsubasa123)です。 私が公開したカスタマイズ入れると表示が崩れる、といった報告をいただきましたのでコードを修正しました。お手数をお掛け致しますが、気になる方は本記事で掲載する修正コードで上書きしていただけますようお願い…

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 最近、ブログに限らずあちこちのサイトで「ラブライブ!サンシャイン!!」の広告が表示されるようになりました。これって閲覧者の行動やサイトのコンテンツに基づいて適切なものが表示されるんですよね?Google…

コピペでどうぞ。けものフレンズ風な囲みデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 またまた「けものフレンズ」便乗記事です。昨日は見出しのカスタマイズを作りましたが、今日は囲みバージョンです。記事を投稿した後すぐに「囲みもあったほうがいんじゃね?」って思いついたんですよね。 昨日の…

コピペでどうぞ。けものフレンズ風な見出しデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 前回に引き続き、またしても「けものフレンズ」ネタです。見出しのデザインを作ってみましたのでお気に召した方がいらっしゃいましたら一度お試しください。

はてなブログ用のChrome拡張機能を作ってみようと思う

こんにちは、つばさ(@tsubasa123)です。 タイトル通り、現在、Chromeの拡張機能を作成中です。本当は完成してから記事にしようと思っていたのですが、諸事情がございまして今後のモチベーションを維持するために途中ではありますが、記事にしてみることに…

コピペでどうぞ、スマホサイトのパンくずリストを横スクロールさせるカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 なかなか便利そうなCSSコードを発見したのではてなブログでも使えるようにちょっと調整してみました。実用性はあまり高くないかもしれませんが、スマホサイトのカスタマイズに興味がある方、もしよろしければお付…

カエレバ・ヨメレバのデザインCSSジェネレーターを作りました

こんにちは、つばさ(@tsubasa123)です。 www.tsubasa-note.blog 年明けから暇な時間を利用してちょっと遊び心のあるページを作成しました。とりあえず完成としましたが、もうちょっとだけ機能にこだわりたいなと思っています。カエレバ・ヨメレバを利用し…

カエレバ・ヨメレバCSSジェネレーター

カエレバ・ヨメレバのCSSデザインをカスタマイズするジェネレーターを作成しました。よければ試してみてください。

CDNの速度比較サービス発見 「CDNPerf」 がキレイで見やすくていい感じ

こんにちは、つばさ(@tsubasa123)です。 ちょっと便利なサービスを見つけたのでご紹介。どちらかというとカスタマイズを作る人向けのサービスです。プログラムとかちょっと…という人にはつまらない内容になりますがご容赦ください。

コピペでどうぞ。サイドバーのカテゴリーモジュールに親子関係を持たせて表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 久しぶりにカスタマイズの記事を書いている気がします。今日はやろうやろうと思っていたものの、ついつい後回しにしてしまっていたカスタマイズをご紹介します。コピペでいけますので気になった方はお試しください…

コピペでどうぞ。はてなブログ用見出しカスタマイズをとりあえず25個ほど

こんにちは、つばさ(@_tsubasa123_)です。 今日はみんな大好きコピペシリーズで王道の見出しデザインを試してみました。とりあえず25パターンほど用意しましたが、今後も気が向いたときに追加していければいいかなと思っています。ありきたりなデザインば…

コピペでどうぞ。CSSでテキストの下線をちょっとオシャレにみせるカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 今日はカスタマイズにちょっとした遊び心を付け加えてみました。お時間がある方は遊んでみてください。

ページのトップへ戻るボタン、少し見直してみませんか?

こんにちは、つばさ(@_tsubasa123_)です。 先日、いわゆる「ページのトップへ戻る」ボタンをオリジナルで作成したのですが、その時に個人的に気になったところをメモしておきます。 basanote.hatenablog.com ちょっとプログラムよりの意識高い系な内容です…

細かすぎて伝わらないはてなブログのスマホカスタマイズにおける些細な事

こんにちは、つばさ(@tsubasa123)です。 最近、本格的にスマホサイトのカスタマイズに乗り出しました。まぁ、考えることが多くてめんどくさい難しいです。とりあえず、枠組みはできたのであとはメインイメージとかアイコンとかを調達します。 今日は個人…

はてなブログでちょっとおしゃれに枠線と背景色を表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 先日、下記の記事が目に止まりました。私もちょっとだけ便乗してみようと思います。 www.carameltrip.com

特定のタグ(カテゴリ)のときだけ何かを表示したり隠したりするカスタマイズの追加修正

こんにちは、つばさ(@tsubasa123)です。 basanote.hatenablog.com ちょっと前に上記のような記事を書きましたが、気になった部分があったので追加修正です。自己満修正ですがお付き合いください。

コピペでどうぞ。はてなブログで「ページのトップへ戻る」ボタンをつけるカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 すべてのカスタマイズをオリジナルにするという目標に向けて一歩ずつ頑張っております。今日は簡単な奴、ページのトップへ戻るボタンを自作しました。 とりあえず全部コピペでいけるようにしております。まだ導入…

Facebookのシェアボタンがグルグルしちゃっている人に伝えたい修正方法

こんにちは、つばさ(@tsubasa123)です。 最近、参考にさせていただいているブログでFacebookのシェアボタンのシェア数のカウント表示がずっとグルグルしている(エラーでカウントできていない)のを何件か見かけましたので対応方法を調査しました。お心当…

読了までの所要時間を予測して表示するカスタマイズをアップデートしました

こんにちは、つばさ(@tsubasa123)です。 basanote.hatenablog.com 以前に作成したカスタマイズのアプデです。と言っても、いただいた言及に対応してみただけです。既に導入いただけている方で、特に機能に不満の無い方は何もしなくても今まで通りご利用い…

はてなブログのスマホサイトのHTMLとCSSの構成メモ

こんにちは、つばさ(@tsubasa123)です。 これは完全に私向けの記事。スマホサイトのHTML・CSSコードをメモっておきます。ヘッダー部分限定です。もしスマホサイトのデザインをカスタマイズしたい方がいましたら少しはお役に立てるかもわかりませんが、本当…

特定のタグ(カテゴリ)のときだけ何かを表示したり隠したりするカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 どうやってご本人にお伝えしたらいいかわからなかったので記事化しました。ヒトデさん、お時間がありましたら試してみてください。

コピペでどうぞ。CSSでカエレバ・ヨメレバのデザインカスタマイズ4案目

こんにちは、つばさ(@tsubasa123)です。 昨日に引き続きカエレバデザインカスタマイズシリーズをお届けします。今日が最終案です、もうこれ以上はアイデアが浮かびません。あと、メリークリスマス! 今回もPC、スマホ、レスポンシブと3つコードを用意して…

コピペでどうぞ。CSSでカエレバ・ヨメレバのデザインカスタマイズ3案目

こんにちは、つばさ(@tsubasa123)です。 昨日に引き続きカエレバデザインカスタマイズシリーズをお届けします。 今回もPC、スマホ、レスポンシブと3つコードを用意しております。お気に召した方がいらっしゃいましたら是非一度使ってみてください。

コピペでどうぞ。CSSでカエレバ・ヨメレバのデザインカスタマイズ2案目

こんにちは、つばさ(@tsubasa123)です。 そろそろ本格的にカエレバの導入を検討している私ですが、カエレバの導入よりもカエレバ用のCSSカスタマイズに夢中です。 先日、暇だったのでCSSの勉強も兼ねていくつか案を作ってみました。というわけで、今日は2…

リライト好きな方へおススメしたい最終更新日を自動で表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 結構温めていたカスタマイズネタです。二週間ほど寝かせて様子を見ましたが問題なさそうなのでご紹介。これはぜひ皆さまに使っていただきたい。

滞在時間は本当に上がるの?読了までの所要時間を予測して表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 www.ideaxidea.com ちょっと古いですがこちらの記事にインスパイアされたカスタマイズです。

コピペでOK。シンプルなスマホ用メニューを作成。カスタマイズのベースにもどうぞ

こんにちは、つばさ(@tsubasa123)です。 そろそろはてなブログProを契約予定です。スマホデザインのカスタマイズがしたいのです。 それに先立って、メニューというか一覧のリスト表示のカスタマイズを考えました。まだまだ改良の余地はありますが、テンプ…

購読済みの人には「読者です」と出すためにカスタマイズしたボタンへもう一工夫してみた

こんにちは、つばさ(@tsubasa123)です。 カスタマイズというと少し大げさな気もしますが、今日も小ネタをお届けします。CSSを利用したカスタマイズで作成された読者登録ボタンの文言のお話です。

サイドバーで複数のモジュールを追従させるためのカスタマイズ方法

こんにちは、つばさ(@tsubasa123)です。 現在、サイドバーに何かを追従させるカスタマイズコードを作成中です。 モジュールの追従についてセオリーやベストプラクティスを色々模索していたところ、複数のモジュールに対応したいというニーズを見かけたの…

スマホサイト対応完了!はてなブログ公式目次のデザインカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 先日公開したこちらの記事。 basanote.hatenablog.com はてなブックマークの「webデザイン」カテゴリに(短い間でしたが)掲載されまして、そこそこいろんな方に読んでいただけたようです。ブックマークしてくださ…

コピペでどうぞ。CSSでカエレバ・ヨメレバのデザインをカスタマイズしました

こんにちは、つばさ(@tsubasa123)です。 今さら感のあるカスタマイズですが、選択肢が多いことはユーザーにとってデメリットではないだろうと思って私も1つ作成してみました。 私自身がまだアフィリエイト登録してないのにね。そのうち登録するけどね。今…

レスポンシブデザイン向け、はてなブログ公式目次のデザインカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 今日もちょっとしたカスタマイズネタです。 レスポンシブデザイン向けにカスタマイズしましたが、スマホサイトでももしかしたら応用できるのかもしれません。プロ契約したら改めて調べる予定です。 【2016.12.07追…

はてなブログの記事管理を自動化したっていう自己満な自慢話

こんにちは、つばさ(@tsubasa123)です。 今日はブログの記事の管理方法についてちょっとだけ。この仕組みを使っている人はあまりいないんじゃないかなと思ったのでご紹介です。 ブログとはあまり関係なく、プログラム寄りの話になりますのでご了承くださ…

はてなブログのMarkdown記法で改行を入れるためのブックマークレット作った

こんにちは、つばさ(@tsubasa123)です。 これもブログカスタマイズに入るのかな?ちょっとした小ネタです。 先日、Markdown記法でブログを書く方法をまとめました。 basanote.hatenablog.com

はてなブログ開設10日、参考にしたカスタマイズとかこれからやりたいカスタマイズまとめ(初~中級者向け)

こんにちは、つばさ(@tsubasa123)です。 最近、はてなブログのカスタマイズにどっぷりつかっております。楽しすぎです。正直、記事書くより楽しいです。 この10日間、いろんなブログを参考にさせていただき、できることや今後やりたいこと、やりたいけど…

公式目次機能のカスタマイズを勝手にアレンジしたらエラーになった話

こんにちは、つばさ(@_tsubasa123_)です。 あまり技術的なことはこのブログには書かないようにしようと思っていたのですが、もしかしたら同じ境遇に合う方がいるかもしれませんのでメモ的に残しておきます。

はてなブログ初心者が最初に導入したカスタマイズ4つはこちら

こんにちは、つばさ(@_tsubasa123_)です。 はてなブログって見た目キレイだし、シェアボタンとか必要なものも一通りついてるから別にカスタマイズしなくてもいいかな、と最初は思っていたのですがやはり他のブログがカスタマイズしているのを知ると気にな…