Rocket Dive

はてなブログテーマ『Rocket Dive』のデモサイトです。

デモブログのようなブログタイトルのフォントにする方法【英語タイトル限定】

はてなブログ管理画面→設定→検索エンジン最適化→headに要素を追加の部分に以下タグを追加ください。 <link href="https://fonts.googleapis.com/css?family=Wendy+One" rel="stylesheet"> そして同じく管理画面→デザイン設定→カスタマイズ→デザインCSSに以下のスタイルを追加。 h1#title a { font-family: 'Wendy One', sans-serif;}</link>

フォントの設定について

このデモブログは、Webフォント[Rounded M+]というフォントをスタイルにて設定しています。 同じような感じにしたい!という方は、設定の検索エンジン最適化→headに要素を追加の部分に以下タグを追加ください。 <link href="https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c" rel="stylesheet"> そして同じく管理画面→デザイン設定→カスタマ</link>…

ヘッダーとフッターに星を降らせる方法

ヘッダーとフッターに星を降らせる方法 まず、デザイン設定のカスタマイズ、ヘッダ→タイトル下に以下のコードを追加してください。 <div id='stars'></div><div id='stars2'></div><div id='stars3'></div> 次に以下スタイルをデザインCSSに追加してください。 code penよりコードをお借りしているので、コピーライトは消さずにそ…

見出しや引用タグ、目次のデザインサンプル

見出し2 見出し3 見出し4 テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1。 テスト1テスト1テスト1 テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1。 テスト1テスト1テスト1テスト1テス…

はてなブログテーマRocket Dive利用の際の注意点

はてなブログテーマRocket Dive利用の際の注意点 1.トップページの表示形式(PC版) は「全文形式」設定にすること。 2.記事のタイトルは必ず設定すること。 3.TOPに見出し画像をいれる場合は真ん中寄せにしたほうがPCでの見栄えが良いです。 思いつき次第追…

テスト

TOPに画像を表示しない場合

画像を本文にたくさん並べた場合

テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1。

テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1。 テスト1テスト1テスト1

テスト2です。2つ目の記事。どうでしょう?

テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1。 テスト1テスト1テスト1

テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1。

テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1テスト1。 テスト1テスト1テスト1