【図解あり！】はてなブログのブログカードの高さと幅を変更する方法｜魂を揺さぶるヨ！

こんにちはユレオです。 はてなブログを運営していると記事にリンクを張ることがあるかと思います。 その時普通にブログカードを張り付けると、以下のようになるかと思います。 ブログカードは便利なのですが、いくつか気になるところがありました。 画面右側に無駄な領域が生まれる。タイトルが折り返しで2行になってしまう。ブログカードを複数枚設置するとかなり画面を占めるので高さを詰めたい。これを何とかできないかと考えてカスタムした結果、以下のようになりました。 幅を増やして画面センターに合わせて、高さも抑えています。 これはブログカードを複数枚並べた時に特に効果がわかります。 カスタム前の「①」では画面に2枚のブログカードを表示していた領域で、カスタム後の「②」では3枚弱のブログカードを表示できました。 今日はブログカードの不要な右側の領域を無くして高さを詰めるカスタムについてご紹介したいと思います。

[life-buffet]

ブログカードの高さ調整できるのは良いですね。私は下のURLだけ手動で消したりしてましたが、あんまり良くないのかしら？

[kiwigold]

わかりやすくて参考にさせていただきます！

[dende061160]

知りませんでした(;^_^A参考にさせてもらいます！

[kuro6kuro6]

下のURLは消しても問題ないやつだったんですね。あれが有るだけでだいぶバランスが悪くなる気がしてたので助かります！

[okeiko-life]

余裕がなくてあまり気にした事がなかったです(^^;;参考になります〜！

[papiko8-l]

...φ(・ω・ )ﾒﾓﾒﾓ

[kooonyaaa]

私は最近ブログカードが大きいことが気になってタイトル名だけを挿入してました。これは助かります

[maxa55]

こんなことができるのですか！

[Tatsuyang]

おぉなるほど(*'▽')色んなやり方があるんですね(*´ω`*)

[akihiro5]

なるへそ。

[santambo]

感謝ですm(_ _)m コレは助かります(๑>◡<๑)❗️

[soul-vibration]

コメントいただきありがとうございます。追加CSSを削除するだけですぐに元に戻せますよ。

[wakajibi2]

元に戻せなくなりそうで、手を出すのが怖い＾＾；