Yukihy Life

ゆきひーによる日常生活をアウトプットするブログ 映画・TOEIC・教育ネタとだいぶ物理とWeb制作

Web制作

あるURLのみ任意のHTMLを差し込むというスクリプトを組んでみました

最近jQueryをぽちぽちと始めてみたゆきひーです。CSSとかと違って難易度の違いを感じていて思うように進みません。 今回はあるURLになったときに、HTMLを追加するスクリプトをくんでみました。いつものようにコピペで簡単カスタム!ではありませんのでご了承…

はてなブログスマホ画面の下に固定ボタンをつけるカスタマイズ

追記:「シェアボタンを並べる」の、TwitterボタンをURLを修正しました。まきお(id:makio1186)さん、ありがとうございます。 はてなブログでカスタマイズ要員となりかけているゆきひーです。もちろん作る過程で学べますし、いろんな方から反応をいただいてる…

Font AwesomeでPocketアイコンが追加されたのでシェアボタンのアイコン変更の仕方

「Font Awesome」で使えるアイコンないかなあと思ってみたら、Pocketのアイコンが追加されているではないですか! ということで、今まで配布していたシェアボタンでPocketボタンをキチンとしたPocketのアイコンに変更してみました。お知らせです。

当ブログで行ってきたはてなブログデザインカスタマイズまとめ!

PR:はてなブログのテーマ「Naked」を作成しました!デフォルトでもカスタマイズもしやすいテーマです。よろしければご利用ください!↓ www.yukihy.com 今までいろいろとはてなブログをカスタマイズしてきて、特にシェアボタンなどはいろんなところで使われ…

はてなブログデザインカスタマイズ | タイトル・画像のセンタリング・サイドバーや見出しなど

ブログ書いているよりも、ブログカスタマイズをしている方が楽しいゆきひーです。 今までいろいろと小出しに記事にしていましたが、デザインCSSに書かれていることの中で、どのテーマでも共通で使える(かもしれない)ものをまとめて書きました。

Milliard関連記事プラグインのCSSをいじり2列にしてブログになじむようにしてみました

関連記事の表記に再びMilliardの関連記事プラグインを使い始めました。 その関連記事のデザインを変更したので書いておきます。(許可はとってあります)

画像でなくcssで背景をつけてブログ記事を一気に読みやすくする方法

最近ブログを書くときに、背景色や枠で囲ったりすると一気に見やすくなるなあと思って使い始めています。 それどうやんねん?とのコメントをいただいたので、記事にしてみたいと思います(ネタ提供あざっす!)。

【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします

注:この記事は、元記事の補完的役割をしています。 元記事:コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズ - Yukihy Life 不具合の発生と、それによりコードを編集していたのでお知らせです。

はてなブログシェア数付きSNSボタンでさらにオシャレな吹き出しコードを追加です

7/7追記:重大な不具合を修正しました。詳しくはこちらをどうぞ。 【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします - Yukihy Life 注:この記事は元記事の補完的役割をしています。 元記事:コピペのみでは…

コピペ+αではてなブログにSNSフォローボタンを設置するカスタマイズ

9/7追記:全体的にボタンのサイズが大きかったり、他のテーマでやると、円形のフォローボタンのデザインが悪かったりしたので、調整をしました。 また、サイドバーにも馴染むようなフォローボタンサンプルも追加しました。 9/9追記:feedlyのURLが間違ってい…

1ヶ月である程度のWebデザインができるようになった独学勉強法を書いてみる

最近はてなブログのカスタマイズ記事ばかり投稿しているゆきひーです。 4月ぐらいまでは「HTMLって何?」ってレベルだったのですが、この数ヶ月でいろいろと学んできて、素人ではあるもののレスポンシブデザインぐらいまでなら作れるようになりました。 実…

はてなブログでグローバルメニューとトグルメニューを両立させレスポンシブスタイルにするカスタマイズ

注:コピペコードを写す前に、元々のhtmlやcssをメモ張にコピペするなど、必ずバックアップを取っておいてください!! はてなブログで最近テーマストアを覗いたりしていると、本当に面白くオシャレなテーマが増えてきましたよね。 また多くのテーマがレスポ…

はてなブログシェア数付きSNSボタンカスタマイズで3D風ボタンコピペコードを追加です

7/5追記1:コピペコード2(3)とコピペコード4(3)を修正しました。修正点は 今までブラウザによって見え方が変わる可能性のあるコードだったので、より好ましいものに修正(コード2) リンクの下線が出ている方がいたので「text-decoration: none;」…

はてなブログのシェア数付きコピペコードで、記事上にもぴったりのスマート版を追加です

現在編集中です。お待ち下さいm(_ _)m 6/7追記1:Pocketの高さが合わないのを修正しました。コピペコード2(2)を修正しています。 7/7追記2:重大な不具合を修正しました。詳しくはこちらをご覧ください 【お知らせ】当ブログで配布していたSNSボタンに…

コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズ

この記事は9/30より不具合が発生しますので、 www.yukihy.com こちらから設定をお願いします。

コピペ1発+αではてなブログスマホ画面にトグルメニューをつけるカスタマイズ

6/22追記:コピペコードを1つにしました。前回のようにheaderにjQueryを読ませるより、若干スピードが速くなります。またデザイン面でもバランスが悪かったので少しコードを変更しました。その他のカスタマイズも充実させました。 8/7追記:ボタンの反応す…

関連記事表記にMilliard関連ページプラグインを導入しサイドバーに固定してみました

関連記事に関して、以前ははてなブログのブログカードをカテゴリごとに自動生成してくれるという神コードを使っていたのですが、ちょっと新たな気分にするために、Milliardの関連ページプラグインというものにしてみました。 どんなものかを紹介してみたいと…

はてなブログで文字のカスタマイズが捗る構成図をつくってみました

最近ブログカスタマイズにはまっているゆきひーです。「またかよ!?」うっす。またっす。 はてなブログの文字をカスタマイズする際に、こんなのがあったら便利だなあと思っていたので作ってみました。

コピペ一発ではてなブログ見出しをカスタマイズ!ちょっとの工夫で印象が格段に変わる!

最近、カスタマイズばかりしているゆきひーです。見よう見まねで一通りやっています。デザインとかかなり難しそうだなと思っていたのですが、最初の数個を理解すると意外と応用範囲が広いことに驚いています。 僕がブログを始めたときに困ったのが、見出しを…

はてなブログでカスタマイズが捗る構成図をつくってみました

最近、はてなブログのカスタマイズにいそしんでいるゆきひーです。いろいろとcssをいじったりしていて非常に楽しいのですが、カスタマイズするときにこんなのがあったら楽だろうなあと思ったのをつくってみました。HTMLやCSSをそこまで理解している訳ではな…

Googleアドセンス記事中央にセンタリングする方法|はてなブログカスタマイズ

スマホ版のGoogleアドセンスの貼り方って本当に悩みますよね。 スマホもいろいろとサイズがあるものだから、どのサイズの広告を貼ろうか本当に悩みますし、正直言えば、できるだけ大きいやつを貼りたいわけです。

コピペ一発ではてなブログスマホ画面のヘッダーをおしゃれにする方法

はてなブログのカスタマイズにいそしんでいるゆきひーです。こんばんは。前回記事にしたのですが、最近HTMLとCSSのほんのさわりだけ勉強して、現在いろいろと試しているところです。これから少しずつ記事にしていけたらなと思っています。

無料でコーディングやプログラミングが学べるProgateが超オススメ【独学勉強法】

最近、別ブログとしてWordPressをやってみたのですが、あやつは結局ある程度カスタマイズができる人向けに作られているんですよね。 有名なStingerやSimplicityなどはデフォルトのまま使っている人も多いので、見たことあるかもしれませんが、やっぱりどうせ…

はてなブログ「カテゴリ」の3つのカスタマイズで「ページ/セッション」と「PV」アップを狙うっちゃ!

ブログの記事数が50をこして、だんだんと積みあがってきているのですが、扱っているテーマも更新する頻度も、書いている対象もバラバラなせいで、ページ/セッションの数値が本当に低いんです。今月の値は1.3くらい。 この意欲の見えないドッシリとした安定感…