アメブロカスタマイズ一覧
photo by Looking Glass
※1.最近、追加または訂正したものには、テキスト(目次項目) の右横に日付を入れるようにしてます。
※2.カスタマイズをするのに、どうしてもパソコンの機能のコピペ(コピー&ペースト)だけは、出来ないと作業を進ませていく事ができません。 その方法は、こちらを参考にして下さい。 ⇒コピー&ペースト:コピペの方法
アメブロ、カスタマイズ【customize】まとめ
(※自分なりに整理してみました)
★アメブロの既存のデザインからCSS編集用デザインに変更する手順2015/03/07
・
・
【ヘッダーのカスタマイズ】
★アメブロのヘッダーをピクスラーエディター(pixlr editor)で作るには★Excelで画像に文字を入力するには
★アメブロにヘッダー画像を設置する方法 2015/03/07
★ヘッダー上の余分な隙間を詰める 2015/03/09
★ブログ説明文の大きさ、色を変更するには・・
★ヘッダーの角を丸くするには・・・
★ブログタイトルと説明文を消してリンクにする方法 2015/03/08
★メニューバーを設置するには アメブロcss編集用デザイン2014/08/28
★メニューバー(グローバルナビ)を設置するには 2014/06/09
★メニューバー(グローバルナビ)の設置方法
・ ・
☆ヘッダー下の読者登録ボタン №02 2014/09/19
・ ・
【サイドバーのカスタマイズ】
★フリースペースの余分な隙間を詰めるには 2014/12/04
★サイドバー 「読者になる」ボタンのカスタマイズ
★読者ボタン(プロフィール欄)、オンマウスで「ありがとう!」
★フリースペース内のテキストにリンクを貼る方法
★サイドバーにカーソル(マウス)が乗った時に背景色を変えるには・・
★サイドバーのテーマをスクロール表示
★サイドバーのテーマ欄の目立たせたいテーマを太字にする方法
★サイドバーの不要なテーマを非表示にする方法
★サイドバーの「このブログの読者一覧」、「お気に入りブログ一覧」をシンプルに!
★自分のブログ専用のGoogle検索を設置する方法
★アメブロのサイドバーにバナー(画像リンク)を設置するには2014/04/16
★サイドバーのタイトル横にちょっとオシャレなGIF画像をつけるには2014/09/05
★ユーチューブの動画を埋め込むには 2015/01/08
★自分のブログ専用のGoogle検索をサイドバーに設置する方法2015/01/31
・ ・
【記事欄のカスタマイズ】
1.ブログ記事欄に表を書くには :テーブルタグ 2014/11/28
2.ブログ記事を読み易い書体にするには・・:メイリオフォント2014/11/01
3.リンクにカーソルを乗せた時に簡単な説明文を表示させるには 2014/10/09
4.記事欄の角を丸くするには 2014/10/07
5.枠で囲ったテキストリンクのつくり方 2014/05/03
6.囲み枠のついたテキストリンクVol.22014/05/04
7.枠で囲ったテキストリンク(3)
8.テキストを行書体にするには 2014/06/06
9.各種アンダーライン
10.文章の強調したい箇所に背景色 2014/06/18
11.文章(テキスト)を枠で囲むには?(角丸)
12.オシャレな「記事のタイトル付、枠囲い」・・①
13.ちょっとおしゃれなタイトル付枠囲い ・・②
14.タイトルに背景色のついた囲み枠・・③
15.続:タイトルに背景色のついた囲み枠・・④
16.見出しタイトルに背景色の付いた立体的囲み枠
17.短い「文字」、「言葉」を囲むには・・
18.文章(テキスト)を反転させて目立たせる方法
19.画像クリックで他のページへ移動(画像リンク)させる方法
20.簡単な説明文付きの画像リンクの設置方法
21.囲み枠つきテキストリンクに画像を添付する方法 2014/05/09
22.リンククリックでページ内の指定位置に移動、ジャンプするには・・
23.ブログ記事欄に表(テーブル)を書く方法(基礎編)
24.ブログ記事欄に表(テーブル)を書く方法(応用編、タイトル付10行の表)
25.ブログに表を書くには? テーブルタグ 応用編ー2
26.タイトル付の9舛の表(テーブルタグ)
27.リンク文字(テキスト)にカーソル(マウス)を乗せると説明文を表示
28.文字の色を濃くするには・・(アメブロ)
29.画像にカーソルを乗せると違う画像を表示させるには2014/08/20
30.リンク(テキストや画像)にカーソル(マウス、矢印..)が乗った時に説明文を表示させる方法
31. オンマウスで説明文
32.画像を動かす、マーキータグ
33.文字と画像を一緒に動かす(マーキータグ-2)
34.マーキータグで文字、画像を上、下へ動かす方法
35.背景に画像を使って、テキスト(文章)を流す方法
36.テキストと画像を流すには・・記事の最後に、お別れの挨拶を♪2014/07/09
37.画像の表示サイズを変更するには2014/04/05
38.画像サイズを変更する方法(幅と高さを指定)
39.画像を反転させる方法(画像リンク)、マウスポインター(矢印、カーソル)が乗った時に・・
40.オンマウスで(カーソル、矢印を乗せると)画像を反転させる方法、2013-12-16
41.オンマウスで画像を反転させる方法③
42.オンマウスで違った大きい画像を表示させる方法
43.画像の横に文字を書くには?
44.個別に画像に枠を付ける方法
45.エクセルで画像に枠をつけるには2014/07/24
46.記事、メッセージボードのリンクを目立たせるには・・
47.打消し線を赤くする方法(赤色打ち消し線) 2014/04/08
48.小見出し各種
49.小見出し、パート2
50.「打ち消し線」を赤くして、目だたせる方法
51.ブログ記事に各種マーカーを引く方法
52.ブログの記事の文字を行書にするタグ
53.記事タイトル下の「テーマ」を非表示にする方法
54.タグコードを閲覧者が見えるようにするには 2014/06/06
55.タグを表示させる特殊文字
56.記事を書く時、使ってはいけない記号
57.画像のURLにタグコードを付けて画像を表示させる方法
58.元のサイズが大きい画像を表示させるには 2014/05/06
59.大きいサイズの画像を端が切れずに表示させる方法
60.ブログ記事内に複数の画像を横一列に並べる方法①
62.ブログ記事内に設置する横並びの画像リンクを作る方法②
62.カーソルが乗った時、リンクがずれるようにするには2014/08/17
63.マウスが乗った時、リンクが少し、ずれるようにする方法
64.アメブロに表示させたい画像を一旦、他のサイトにアップしてから表示させる方法
65.CSSを使って、大きい画像を記事幅に合わせて縮小表示する方法
66.アメブロで画像を横に並べるには
67.二枚の画像を横に並べるには(テキストつきで) 2014/05/14
68.テキスト(文章)や画像等の位置を調整するには2014/03/29
69.GIF画像が動かないと思ったときは 2014/04/15
70.○ブログ記事を書いてる途中で間違って閉じちゃったら!?2014/06/03
71.コメント欄に自分の画像を表示するには・・ 2014/06/13
72.記事の最後に最新記事へのリンクを設置するには 2014/07/14
73.小見出しにマークを付けるには 2014/08/10
74.記事タイトルエリアに背景色&下線 2014/09/06
75.二重赤色取り消し線を引くには 2014/09/13
76.Facebookに投稿された動画を自身のPCに保存するには2014/11/25
77.フェースブックの投稿をアメブロに埋め込むには 2014/11/25
78.Facebookの投稿をアメブロに埋め込むには 2014/12/14
79.アメブロの記事欄とコメント欄の文字の大きさを調整する方法 2015/01/27
80.ブログ記事欄の特定の箇所に背景色を付けるには
・ ・
【その他、豆知識、便利なサイト・・】
△メッセージボードに枠線を付ける方法 2015/02/25
△アメブロにGoogle+の投稿を埋め込むには 2014/11/30
△HTMLタグコードをサイトに表示させるには 2014/11/15
△ブログ記事欄の特定の箇所だけ違う書体:フォントにするには2014/11/15
△記事欄に枠線と背景色を付けるには:アメブロ既存デザイン2014/11/13
△アメブロにFlickrに投稿した画像を表示させるには2014/11/08
△右クリックでコピペ出来なくするには 2014/11/01
△コメント欄に自分のプロフ写真を 2014/06/22
△コメント欄に枠線と背景色をつけるには・・2014/10/06
△画像URLを取得するには グーグルクローム他
△縦に長い画像をスクリーンショットするには2014/06/23
△デイリーモーションの動画を貼り付けるには 2014/06/11
△GIMP(画像加工ソフト)ダウンロード、最初の一歩。2014/06/09
△画像加工サイト(ピクスラーエディター)を使って2014/04/22
△とても使いやすいアクセス解析、クルックを設置するには2014/04/18
△記事修正に、とっても便利なブックマークレット
△予約投稿の方法(アメブロ)
△便利な画像加工ソフトSkitch(スキッチ)
△自身のブログの各サイズを調べる方法
△ブログを紹介してくれた方を探すには
△スクリーンショットの方法(Windows7)
△自身のアメブロの全記事数を調べる方法
△検索を絞り込むには・・
△フリープラグインの外部化(Dropbox)2014/04/18
△記事内の目立たせたい部分の囲み枠を作成する便利なツール
△画像の本来のサイズを簡単に調べるには 2014/05/16
△"画像の本来のサイズを取得するツール"
△売上アップを目指す「無料ホームページ教室」
△直リンクとは・・
△『無料写真検索 fotoq』
△無料画像サイト・・
△フリー素材の来夢来人
△無料でしかも、インストールやダウンロード無しの画像サイト
△アイコン画像の無料サイトは 2014/05/03
△商用無料の写真検索さん - フリーの画像素材が6700万点以上
△GIFアニメを作るには!?
△ウェブで無料作成できるGIFアニメ作成サイト。
△無料テンプレート⇒WordPressテーマ一覧 | ワードプレステーマTCD
△無料画像他、HTMLクイックリファレンス
△ボタン素材 自動生成サイト
△画像加工無料サイト①
△ブックマークレットって?-1
△とても便利な過去記事修正ブックマークレット(アメブロ) 2014/05/11
△リンクテキストを自動生成してくれる便利なブックマークレット2014/05/11
△リンクを貼る時に、とても便利なURLコピー用ブックマークレット
△jQueryコード
△入力した文字数を簡単に調べられるサイト
△HTML,CSS カラーコード一覧表 | 背景色や文字色の設定
ぐるぐるとカーソルを動かすだけで色を選べる便利なサイト2014/05/12
△アメブロのバックアップにFc2ブログは 2014/05/08
△上位サイトの使用キーワード(共起語)抽出ツール「LSI調査」
△画像加工編集サイト・フリーソフト:無料写真加工ならバナー工房
△テキストリンク サンプル各種 2014/04/09
△ブックマーク(Chrome)をブックマークバーに効率的に 表わすには
△画像を、その本来のサイズで見るには 2014/04/16
△「ペイント」を使って画像サイズを縮小するには 2014/07/22
△ペイントソフト(Windows7)でトリミングするには2014/07/23
△リンクを貼る時に便利です。URLコピー用ブックマークレット2014/08/12
△ブログ記事をサムネイル画像つきで紹介出来るには2014/08/13
△画像URL(パス)から、その画像をパソコンに保存するには2014/10/05
△Firefoxを最新バージョンにするには 2014/11/01
△最新ページへのリンクボタンを設置する方法 2015/01/25
写真の大きさを縮小するには・・(Windows7のペイントソフトを使って)2015/02/03
△アイキャッチ画像を探すのに「三つ星」のサイト!!2015/02/09
△Pixabayって何?アイキャッチ画像を探すには 2015/033/10
△アメブロのCSSソースを見るには 2015/02/23
△アメブロ既存デザインにヘッダー画像を設置する方法
・ ・ ・
…アメブロのヘッダー下にグローバルメニューバーを設置する方法
・ ・ .etc
△Flickrの画像URLを取得するには2014/06/23
・ ・
【番外編:ブログネタ.etc】
◇365日 - Wikipedia
◇年中行事 - Wikipedia
◇国際ニュース:AFPBB News
◇ライフハッカー[日本版]
◇あなたの人生を変える名言が・・^^;
◇キャッチコピー 集めました。
◇旅*東北 - 東北観光・旅行ポータル
◇キャッチコピー | 男と女の恋愛名言
◇文章を書くときに、気をつけたいこと・・ 2014/04/07
◇△GIGAZINE(ギガジン)-面白い画像サイト
・ ・
◎ホームページの作り方、入門基本|さきちんWeb
・ ・ ◇フェースブックのコメント欄にスタンプを表示させるには2014/10/01
◇キャプチャー画像集
・ ・
まだまだ、不十分ですが、順次、整備していくつもりです。
ブログデザインをチョコチョコいじくるのも、楽しいものかな~と^^;
少しでも、お役にたてば、うれしいのですが・・( °◡°)
※2015/03/10 一部修正しました。