はてなブログには、カエレバやヨメレバといった外部サービスを使わず、管理画面から直接記事に Amazon の商品を紹介できる機能「Amazon 商品紹介」があります。
非常に便利ですが、Amazon の商品ページへのリンクかどうか一目で分からないという弱点があり、このためにカエレバやヨメレバを使っている方もいるようです。この弱点を改善する CSS を紹介します。
続きを読む
※Dropbox の Public フォルダが廃止になる 2017/03/15 以降、この方法は使えなくなります。
はてなブログのテーマ制作やデザインカスタマイズで CSS を編集する際、Dropbox の共有フォルダを使うとぐっと楽になります。
公開リンクの例
https://dl.dropboxusercontent.com/u/********/hatenablog/themes/Innocent/innocent.css
読み込み(ヘッダーに記述)
ダッシュボードの[設定]→[詳細設定]→[head に要素を追加]から、link
要素でスタイルシートを追加します(2016/01/07 @import だと問題があることが判明したので、この形に修正)。
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/********/hatenablog/themes/Innocent/innocent.css">
ファイルを編集・保存するとすぐに同期・反映されるのがポイントで、一々コピーしてデザインCSS欄に貼り付けて…という作業から開放されます。
はてなブログのデザインCSS機能の文字の小ささ、レスポンス速度、その他もろもろの不便さに不満を感じている方がいればお試し下さい。