TEST

サイドバーのカスタマイズ

Thu, 12 Jun 2014 10:07:44 +0900

どもども、こんにちはです。
今日は、「サイドバーのカスタマイズを教えて！」というリクエストを頂いたので
サイドバーの実験をしてみたいと思います(＊ﾟ∀ﾟ＊)！

サイドバーに表示できる項目には下記の種類があります。

・プロフィール
・フリースペース
・読者一覧
・最近のコメント
・テーマ一覧

・ブックマーク
・最近の記事一覧
・月別（アーカイブ）
・お気に入りブログ
・カレンダー

この中の「フリースペース」が、自分の好きな内容を自由に設定できる項目です。
フリースペース以外のデザインや内容の変更をする場合は、ＣＳＳの変更が必要となります！

さてさて、やってみましょ～
【画像の文字が読みづらい場合は画像をクリックしてください】

まずは「フリースペース」をブログのどこに配置するかを設定

配置が完了したら、「フリースペース」に表示したい内容を設定

プレビューで確認して出来上がり♪

【設定例】
ブログ記事と同じように、画像やリンクを使用できます。

以上です(≧ω≦)ﾉ

記事の予約投稿

Tue, 10 Jun 2014 17:21:13 +0900

お久しぶりです！
今日は【Ｑ００７　アメブロでは記事の予約投稿は可能ですか？】いっきま～す。

通常は「記入を始めた日時」がセットされます。
そのため、普段は何も意識しなくても「今日」のブログ投稿になります。

投稿日時は、「日時」の横のカレンダーボタンから自由に変更ができます。

日時を過去にすると「過去」のブログになり、即ブログに反映されます。
日時を未来にすると「未来」のブログになり、設定した日時にブログに反映されます。

私は、毎日コツコツが苦手なタイプなので
気が向いた日にまとめて予約投稿をしています。

ブログを書き溜めしたい方や、
あらかじめ決まった日時に投稿したい記事がある場合（イベント告知等）など
ありがた～い機能ですね_φ(ﾟ▽ﾟ*)♪

ＣＳＳ編集デザインについて

Wed, 28 May 2014 22:21:30 +0900

お久しぶりになりましたが、実験実験♪

ＣＳＳ編集に着手です。Ｑ２８～Ｑ３４一気に行きます～。

アメブロでは、気に入ったデザインを選択するとブログの”内容はそのまま”で
文字の色や背景や記事のデザイン等の”見た目が変わる”と思います。

ブログの内容を担当している子が【ＨＴＭＬ】見た目の部分を担当している子が”【ＣＳＳ】です。

本当は、気に入ったデザインからヘッダーや背景の画像を変更したり、
文字の色を変更したり、など微調整を加えていきたいところですが
残念ながら「カスタム可能デザイン」と「ＣＳＳ編集用デザイン」以外は変更がききませんﾟﾟ(つД≦｡)°ﾟ｡

「カスタム可能デザイン」では、ヘッダー・背景・ブログタイトルが変更できます。
変更箇所がこの３つに限定されている代わりに、画面から簡単に設定ができるように配慮されています。

参考
5/15　カスタマイズ（ヘッダーと背景のみ）
5/16　カスタマイズ（ヘッダーと背景のみ）２

これ以外の変更は、すべて「ＣＳＳ編集用デザイン」で行います。

↑のようなシンプルデザインです。
ここから１つずつ自分好みに設定していくわけですね！

１つずつ設定していくなんて大変そうだし、ＣＳＳなんて分からない！

大丈夫.+ﾟヽ(｀･ω･´)ﾉ.+ﾟ

ネットで探せば、無料テンプレートを提供して下さっている+神様+がいらっしゃいますので
ＣＳＳの記述方法を勉強しなくてもカスタマイズは可能です。

参考
カフィネット様　アメーバブログのデザインカスタマイズ

私は、勉強のために１つずつ地道に設定を実験していきたいと思います～。

カスタマイズ（ヘッダーと背景のみ）２

Fri, 16 May 2014 22:56:25 +0900

ヘッダー画像と背景を変更するとどれくらいイメージが変わるのか実験！

やっている作業は昨日と同じですが、
画像を変えるだけでがらりと変わって面白いですねo(>ω<*)o

カスタマイズ（ヘッダーと背景のみ）

Thu, 15 May 2014 22:59:06 +0900

今日は【Ｑ029　カスタマイズするにはデザインは何を選べばいいの？】を実験！

アメブロでカスタマイズを行えるのは「カスタム可能」のデザインのみです。
「ブログデザイン―デザインの変更」をクリックし、
「カスタム可能」のデザインの中から
自分の作りたいブログのイメージに近いデザインを選びます。

今回はcirclefabricを選択しました。
カスタム可能デザインを選択し、「カスタマイズ」をクリックすると
ヘッダー・ブログタイトルと説明文・背景が変更できる画面に移動します。

今回は、ヘッダー画像・配置・タイトル文字の配置・
上からの距離・背景画像の５箇所を変更。

おぉ～できた～。今日の実験はこれで終了(*^-^*)

動画の貼り付け

Mon, 12 May 2014 23:20:16 +0900

今日は【Ｑ008　YouTubeの動画を貼り付けるにはどうしたらいいの？】を実験！

ふむふむ。

（１）新エディターの場合は、
「YouTubeなどのコンテンツを貼り付けるには、こちらををご利用ください」のリンクをクリック。
すると上がタグを貼り付けするスペース、下がプレビュー画面の構成に変わる。

（２）YouTubeで貼り付けしたい動画を表示して、ページ下部にある
「共有-埋め込みコード」をクリック、動画のサイズを選択。
カスタムサイズを選択すると自分で好きなサイズを指定できる。
すぐ下に表示されている＜iframe～のタグをコピー。

（３）エディターに貼り付けして「プレビュー」をクリックして表示を確認。

大好きなアナと雪の女王のLet It Goを横幅300ピクセルでペタリ。
英語版も日本語版もどちらも素敵です！
夏に公開予定のマレフィセントもすごく楽しみです！

一緒に歌おう♪『アナと雪の女王』「Let It Go＜歌詞付Ver.＞」イディナ・メンゼル - YouTube

一緒に歌おう♪『アナと雪の女王』「Let It Go＜歌詞付Ver.＞」松たか子 - YouTube

『マレフィセント』予告編 - YouTube

お気に入りの動画を、貼り付けてみんなに紹介できる♪
これは楽しいですねヽ(。ゝω･)ﾉ☆;:*

画像の横に文字を書き込む

Sun, 11 May 2014 14:10:18 +0900

さてさて、今日も順番を無視して
【Ｑ013　画像の横に文字を書き込む方法は？】を実験！

ふむふむ、これはHTML表示からタグを追加するタイプですね！
img style="の続きに「 clear: both; float:left; 」を追加！
すると、画像の横に文字が表示される。ということです。

名前：Monaka

イラストは描けないけど、写真のトレースならできることに気付いた今日この頃。自分の写真を少女マンガ風の補正盛り盛りで作ってみました。

クソ写真よ、ゆるふわイラストになぁ～れ.+ﾟヽ(｀･ω･´)ﾉ.+ﾟ

愛犬：もなか

自分のＨＮと犬の名前が一緒なのは、単に面倒だから。犬はイラストより実物の方がかわいいですよ（デレデレ　((＊ ´艸｀))

私はあんまり画像の横に文字を書く機会ないな～。
tableの方が使い慣れているので、この機能は使わない予感がする(((ﾟДﾟ)))

アフィリエイト専用リンク

Sat, 10 May 2014 23:22:38 +0900

アメブロ修行のために本を１冊買いました！

１ページ目から色々実験してしていきたいと思います。

さてさて、いきなり順番をすっ飛ばして
【Ｑ097　アメブロのアフィリエイトってどうやるの？】を実験！
アメブロのエディターには

「楽天」「amazon」というボタンがあるのですが
このボタンから、オススメの商品を検索して記事に貼り付けするとアフィリエイト専用リンクとなります。

基本設定からカスタマイズまで! アメブロ逆引き Q&A101/内藤　勲

￥1,598　　　Amazon.co.jp

↑のような感じで、商品のイメージも伝わりやすいし、

クリックすると親切なことに商品の購入ページに移動してくれます。

さらに、商品ページに移動した人がその商品を購入してくれると

報酬ポイントが貯まり、貯まったポイントはAmeblo内の買い物やWebmonyに換金できます。

が、ぶっちゃけ使うほどのポイントはなかなか貯まらないと思いますので

オススメの商品を簡単にみんなに紹介できる機能だと思います((＊ ´艸｀))