Thứ Sáu, 26 tháng 3, 2010

Bloggerのページ: グーグルのブログ

投稿にラベルを付ける
  • テーブル(スライダー付き)の作成    海外旅行持参品のページ
  • グーグルマイマップ  数字アイコン  →  グーグルマイマップ
Googleウェブマスター向け公式ブログ


★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★

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 入門

テンプレートいろいろ

カスタマイズの仕方

----------高度 

 タイトルに背景画像


フォトショップ 横 700

1 画像検索
横長の背景を検索  「花 壁紙」 その他:森林 壁紙、空 壁紙、海 壁紙
右 クリック/ 「画像のurlをコピー」
2 Nドライブのパワーポイント
挿入メニュー/ 図/ ファイルから/
「図」 バーで加工 横幅:キャンバスいっぱい  タテ:2~3センチ 
Ctrl+S、Ctrl+A、 Ctrl+C、                 
3 ペイント
GIF保存
4 Blogger
デザインタブ/ ページ要素タブ/ header
o コンピューターから:

タイトル文字を白にする

* 右上のカスタマイズボタン/ レイアウトタブ/ HTMLの編集タブ
* 下のfff、 ffffffを変更
* <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
レイアウトタブ/ ページ要素タブ/ タイトルバーの部分の「編集」
コンピューターから:

Không có nhận xét nào:

Đăng nhận xét