Loading...
広告などを横並びで配置する方法 - Theme Naked Blog
この記事は、テーマNaked以外でもご利用いただけます。 広告などを文章内で横並びにする方法です。 実装図 注意点 カスタマイズ その他のカスタマイズ 全体をセンタリング スマホサイズのときに右側の広告を消す 実装図 PC このように横並びで配置することができます。 スマホ 注意点 注意点としましては、 広告の横幅のサイズは、最大で300pxまで（それ以上のものを貼ると、はみ出ます） レスポンシブ設定にしていると、スマホのときに広告が縦並びになります。 Googleアドセンスなど一部の広告は、画面が広告で覆われることを推奨していません。 アカウント停止などされる場合などの可能性もあるため、そのあたりは自己責任でお願いします。（スマホサイズのときに右側の広告を消す方法を、その他のカスタマイズのところに書いています。） カスタマイズ カスタマイズは、 <div style="text-alig
コピペ一発ではてなブログ見出しをカスタマイズ！ちょっとの工夫で印象が格段に変わる！ - Yukihy Life
最近、カスタマイズばかりしているゆきひーです。見よう見まねで一通りやっています。デザインとかかなり難しそうだなと思っていたのですが、最初の数個を理解すると意外と応用範囲が広いことに驚いています。 僕がブログを始めたときに困ったのが、見出しをカスタマイズしたいのに全くできないというものでした。「見出し おしゃれ」とかって検索すると本当に豪華なオシャレなのが出てくるんですよね…。ちょっと線入れたいだけなのに！みたいな。 なので、非常に簡単なものばかりですが、ある意味無機質な見出しコードを10個下に書いていきます。無機質なのでかぶってもOKっす。 基本的にコピペでOKなので活用してみてください！ コードを貼る場所 PC スマホ どの見出しを変える？ 下線 点線下線 上下線 よくあるや〜つ 左だけと背景 四角 角を丸める 影 ぼやかし LIGっぽいかんじ もう少しカスタマイズ 色 文字のサイズ 文
【はてなブログPro】スマホ版のカスタマイズ【コピペ用】 - WAROLOG
まいど！ はてなブログPro後に行ったスマホ用のカスタマイズを自分が忘れない為に書いていきます スマホ版のカスタマイズ 不要な要素を削除 最上部のはてなアイコンとログインのリンク <style type="text/css"> #globalheader-container { display: none; } </style> タイトル下にコピペ 最上部の余白調整 <style type="text/css"> #container{ padding-top: 0px; </style> タイトル下ににコピペ ブログの説明 <style type="text/css"> #blog-description { display: none; } </style> タイトル下にコピペ 記事下のIDと署名 <style type="text/css"> .entry-footer-sectio
当ブログで行ってきたはてなブログデザインカスタマイズまとめ！ - Yukihy Life
PR：はてなブログのテーマ「Naked」を作成しました！デフォルトでもカスタマイズもしやすいテーマです。よろしければご利用ください！↓ www.yukihy.com 今までいろいろとはてなブログをカスタマイズしてきて、特にシェアボタンなどはいろんなところで使われているようでありがたいです！ 数も多くごちゃごちゃになってきたので、一旦まとめたいと思います。 新しいカスタマイズを行い次第、この記事にどんどん付け加えていこうと思っています。 カスタマイズ記事まとめ 見出しのデザイン SNSシェアボタン関係 旧バージョン 新バージョン SNSフォローボタン メニュー関係 スマホ版のみ グローバルメニューと両立してレスポンシブ対応にする グローバルメニュー（ドロップダウン）&トグルメニューのレスポンシブ対応 グローバルメニュー（ドロップダウン）&スライドメニューのレスポンシブ対応 レスポンシブ対応な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
