- Bloggerの使い方 【4】
- Blogger スタートガイド
- もっと評価されていい最強ブログサービス Blogger
- Bloggerの使い方
- クリボウの Blogger 入門
- Google Blogger 利用編
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
投稿にラベルを付ける
- テーブル（スライダー付き）の作成 海外旅行持参品のページ
- グーグルマイマップ 数字アイコン → グーグルマイマップ
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Bloggerヘルプ
タイトルの下のブログの説明：
[設定]―[基本]―[説明]
タブバー（リンクテキスト）
[レイアウト]―[ページ：編集]―[…]
* * *
★ テンプレート
★ 背景
背景画像の変更 注意：変更すると他の要素の色なども変わってしまいます。
[背景画像の下向き三角]★ 幅を調整
[ブログ全体：960]―[右側のサイドバー：260]★ レイアウト
レイアウトの変更
[本文のレイアウト：選択]★ [テンプレート]―[アドバンス]
ページのテキスト 本文のフォント
[20]―[テキストの色：#333333]リンク
[リンクの色：#000099]―[表示済みの色：#990000]―[カーソルを合わせたときの色：#ff0000]ブログのタイトル
[30]―[#255d76]タブのテキスト
[14]―[#255d76]。テキスト文の編集：[デザイン]―[ページ]タブの背景
[背景色：#97c5d9]―[選択済みの色：#ffffff]投稿タイトル
[24] ＜* 色は、「リンク」の表示済みの色に依存。要改善！！＞日付ヘッダー
[テキストの色：#255d76]―[背景色：transparent]ガジェット ＝日付ヘッダーなど
[16]―[タイトルの色：#255d76]画像
[背景色：#ffffff]―[枠線の色：transparent]―[キャプションのテキストの色：#333333]アクセント
[区切り線の色：#d97d55]―[タブの枠線の色：#97c5d9]★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
「ブログの説明」のフォント・サイズの変更 グーグルの手抜き
↓
value="140%"/ → value="100%"/
★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
◎ ページ内ジャンプ（アンカー）
サイト内のファイルやテキストへのリンクを設定する グーグル
http://upa-pc.blogspot.jp/2015/03/blogger-anchor.html#anchor
HTMLで編集 →”aaa”
hard！！！
元：
◎ 健美百科（↓） ←変更
先：
>健美百科
元：＜a href="http://kuwabara03.blogspot.jp/2011/09/blog-post_416.html#2011"＞2011年へ＜/a＞
先：＜a href="http://www.blogger.com/blogger.g?blogID=si hok749032274779011sam cet" name="2011">★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
＜/a＞2011年
リンクテキストのアンダーラインを表示色の変更
/* Links 2箇所をunderlineに変更
-----------------------------------------------
*/a:link {
color:#009;
text-decoration:underline;
}
a:visited {
color:#900;
text-decoration:underline;
}
a:hover {
color:#f00;
text-decoration:underline;
}
言語表示の切り替え
[右上：dashboard]―[右上：language]
英語メニューに
[上右のダッシュボード]―[言語]―[英語English]
検索窓の設置
[Layoutタブ]―[Add a Gadget]―[Search Box]
ブログタイトルのフォント変更
poat title
表
表をGdocよりコピペ
非公開
[Settingsタブ]―[Permissions]―[Only blog authors]
非公開にすると検索機能は不可に
複数のBloggerの立ち上げ
[Dashboard]―[Create a Blog]―[…]
フォントの変更
[Layoutタブ]―[Fonts and Colors]―[Text Font：20]
レイアウトの変更＝別のテンプレート
[Layoutタブ]―[Pick New Template]―[…]
preview templateを活用してください。
----------
はじめてのBlogger
Blogger ヘルプ
クリボウの Blogger 入門
テンプレートいろいろ
カスタマイズの仕方
----------高度
タイトルに背景画像
1 画像検索
横長の背景を検索 「花 壁紙」 その他：森林 壁紙、空 壁紙、海 壁紙
右 クリック/ 「画像のurlをコピー」
2 Nドライブのパワーポイント
挿入メニュー/ 図/ ファイルから/
「図」 バーで加工 横幅：キャンバスいっぱい タテ：2～3センチ
Ctrl＋S、Ctrl＋A、 Ctrl＋C、
3 ペイント
GIF保存
4 Blogger
デザインタブ/ ページ要素タブ/ header
o コンピューターから：
タイトル文字を白にする
* 右上のカスタマイズボタン/ レイアウトタブ/ HTMLの編集タブ
* 下のｆｆｆ、 ｆｆｆｆｆｆを変更
* ＜Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff"＞
* そ の他の色：：カ ラーチャー（桑原政則オンライントップページ）
# リストマークを入れ子にする ＝unordered list
* 「HTML の編集」タブをクリックする。
* ＜ul＞...＜/ul＞で、 ＜/li＞ ...＜/li＞を囲む。
* 【例】 ＜ul＞＜/li＞あいうえお.＜/ul＞.＜/li＞
行間と字間
.post p {
margin:0 0 .75em;
line-height:1.8em;
letter-spacing: 0.2em;
}
.post p {
margin:0 0 .75em;
line-height:1.8em;
}
.post ul li {
line-height: 1.8em;
letter-spacing: 0.2em;
}
.post ol li {
line-height: 1.8em;
letter-spacing: 0.2em;
}
----------
タイトル部分に背景画像を設定
画像検索
横長の背景を検索 「花 壁紙」 その他：森林 壁紙、空 壁紙、海 壁紙
右クリック/ 「画像のurlをコピー」
Nドライブのパワーポイント
挿入メニュー/ 図/ ファイルから/
「図」バーで加工
横幅：キャンバスいっぱい タテ：2～3センチ
Ctrl＋S、Ctrl＋A、 Ctrl＋C、
ペイント（ウインドウズキー、P、下矢印、右矢印、上矢印）、Alt＋スペースキー、X
Alt＋F、AでGIF保存
Blogger
レイアウトタブ/ ページ要素タブ/ タイトルバーの部分の「編集」
コンピューターから：