レイアウトをクリックします。
現在のレイアウトが表示されます。
今回はプロフィール欄と、ナビゲーションを削除してみます。
プロフィールの編集をクリックして詳細を表示します。
削除ボタンをクリックして削除します。
次に、ナビゲーションをクリックして表示します。
ナビゲーションは削除はできないのでオフに設定します。
削除前は以下のような感じ
削除した状態をプレビューしてみます。
これで良ければ、保存します。
これでいらない要素を削除できました。
2014年4月16日水曜日
いらないブログの要素を削除する
Bloggerのシンプルテンプレートで表示されるいらない要素を削除します。
レイアウトをクリックします。
現在のレイアウトが表示されます。
今回はプロフィール欄と、ナビゲーションを削除してみます。
プロフィールの編集をクリックして詳細を表示します。
削除ボタンをクリックして削除します。
次に、ナビゲーションをクリックして表示します。
ナビゲーションは削除はできないのでオフに設定します。
削除前は以下のような感じ
削除した状態をプレビューしてみます。
これで良ければ、保存します。
これでいらない要素を削除できました。
レイアウトをクリックします。
現在のレイアウトが表示されます。
今回はプロフィール欄と、ナビゲーションを削除してみます。
プロフィールの編集をクリックして詳細を表示します。
削除ボタンをクリックして削除します。
次に、ナビゲーションをクリックして表示します。
ナビゲーションは削除はできないのでオフに設定します。
削除前は以下のような感じ
削除した状態をプレビューしてみます。
これで良ければ、保存します。
これでいらない要素を削除できました。
Bootstrapを基本のCSSとJavascriptに設定してみる
BootstrapをBloggerに設定していみます。
Bootstrapは、ボタンやリンクなど基本となる要素のCSSを予め用意してくれていてサイトをそれなりにかっこ良く見せてくれます。
まずは、サイトにアクセスして、Bootstrapをダウンロードします。
ダウンロードした、
bootstrap-theme.min.css
bootstrap.min.css
bootstrap.min.js
の３つを、Dropboxなどのサーバーへアップします。
話はそれますが、BloggerでCSSなどを外出しして使う場合、GoogleDriveまたはDropboxを使うと無料ですし便利です。
Dropboxの共有フォルダ（公開）にアップしたら、共有用URLをコピーします。
コピーしたら、BloggerへCSS、javascriptへのリンクを設定します。
テンプレートから、HTMLの編集をクリックします。
HTMLの編集ボタンをクリックしてHTMLを編集します。
head要素のすぐ上のGoogle Analytics用ののタグのすぐ上にCSSへのリンクを設定します。
CSSは後から読み込まれたものが優先して適用されますので、できるだけ下に。
jsファイルは、Bodyタグの終了間際に書いておきます。
これでBootstrapの設定が終了しました。
Bootstrapの例に従って、以下のように書いてみます。
するとこんな感じにボタン表示にしてくれたりします。
Sign up today
Bootstrapは、ボタンやリンクなど基本となる要素のCSSを予め用意してくれていてサイトをそれなりにかっこ良く見せてくれます。
まずは、サイトにアクセスして、Bootstrapをダウンロードします。
ダウンロードした、
bootstrap-theme.min.css
bootstrap.min.css
bootstrap.min.js
の３つを、Dropboxなどのサーバーへアップします。
話はそれますが、BloggerでCSSなどを外出しして使う場合、GoogleDriveまたはDropboxを使うと無料ですし便利です。
Dropboxの共有フォルダ（公開）にアップしたら、共有用URLをコピーします。
コピーしたら、BloggerへCSS、javascriptへのリンクを設定します。
テンプレートから、HTMLの編集をクリックします。
HTMLの編集ボタンをクリックしてHTMLを編集します。
head要素のすぐ上のGoogle Analytics用ののタグのすぐ上にCSSへのリンクを設定します。
CSSは後から読み込まれたものが優先して適用されますので、できるだけ下に。
jsファイルは、Bodyタグの終了間際に書いておきます。
これでBootstrapの設定が終了しました。
Bootstrapの例に従って、以下のように書いてみます。
<a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a>
するとこんな感じにボタン表示にしてくれたりします。
Sign up today
2014年4月7日月曜日
Bloggerの投稿をMarseditに設定する
Bloggerで新しいブログができたらMarseditから投稿できるように設定します。
MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.
価格:￥4,000(最新価格はStoreで確認してください)
カテゴリ:ソーシャルネットワーキング, 仕事効率化
評価:4.0（9件の評価）
追加できるとこのような感じで新しいブログが追加されます。
Fileメニューから、NewBlogを選びます。
ブログの名前と、URLを入力します。
URLはフロントのURLで大丈夫です。
Googleのアカウント情報を入力します。
ここで、Googleのアカウントに２段階認証を設定している方はご注意ください。
Googleの２段階認証設定している場合には、アプリケーション固有のパスワードが必要
Googleの２段階認証設定している場合には、アプリケーション固有のパスワードが必要です。Chromeなどを使っている場合には、ログインしているアカウントの情報を表示します。
セキュリティタブをクリックします。
２段階認証の設定をクリックします。
アプリケーション固有のパスワードをクリックします。
アプリケーション固有のパスワード管理で新しいパスワードを発行します。または、すでに発行済のMarsedit用パスワードがある場合には、（それをどこかにコピーしておかないとわからなくなってしまうのですが）を使用します。
新しいブログへの投稿設定が完了しました。
2014年4月6日日曜日
Bloggerで新しいブログを作る
For Content Creatorというブログを運営しているのですが、Bloggerの見た目を変更させるのって結構たいへん。
ということで、新しいブログを作成してこちらでBloggerの見た目変更などをいろいろとテストしながら進めます。
本ブログはあくまでもテスト版として運用しますので、予告なく見た目URLなど変更されることがあります。
タイトルとアドレスを入れて、テンプレートを選びます。
今回は、あとでいろいろといじるためのシンプルなテンプレートを選んでおきます。
ブログを作成でブログを作成します。
新しいブログができました。
これで、新しいブログが出来ましたので、次回以降いろいろといじっていきます。
ということで、新しいブログを作成してこちらでBloggerの見た目変更などをいろいろとテストしながら進めます。
本ブログはあくまでもテスト版として運用しますので、予告なく見た目URLなど変更されることがあります。
新しいブログを構築する。
Bloggerで新しいブログを構築するには、Bloggerの管理ツールから、新しいブログをクリックします。
タイトルとアドレスを入れて、テンプレートを選びます。
今回は、あとでいろいろといじるためのシンプルなテンプレートを選んでおきます。
ブログを作成でブログを作成します。
新しいブログができました。
これで、新しいブログが出来ましたので、次回以降いろいろといじっていきます。
登録:
投稿 (Atom)