<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>アメブロのカスタマイズをイチから調べるブログ</title>
<link>https://ameblo.jp/amblogtest/</link>
<atom:link href="https://rssblog.ameba.jp/amblogtest/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>アメブロ初心者が使い方を調べていくブログです。</description>
<language>ja</language>
<item>
<title>アメブロ : 3カラムに最適な画像幅</title>
<description>
<![CDATA[ 2カラムから3カラムにデザインを変更したら以前書いた記事の画像がはみ出して悲しいことになってました(ﾉω･､)<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20141113/23/amblogtest/bb/3a/p/o0405026113128355511.png"><img src="https://stat.ameba.jp/user_images/20141113/23/amblogtest/bb/3a/p/o0405026113128355511.png" alt="画面切れ" border="0"></a></div><br><br>どのくらいの幅であれば問題ないか<a href="https://addons.mozilla.org/ja/firefox/addon/firebug/" target="_blank">Firebug</a>を使って調べてみました。記事部分の幅は410pxでした。<br><br>このサイズであれば切れること無く幅いっぱいに表示することができるはず。<br><br>ということで試しに幅410pxの画像を作ってみました。左右の端5pxは赤で塗りつぶしています。<br><br><a href="http://stat.ameba.jp/user_images/20141113/23/amblogtest/4b/5f/p/o0410001013128353815.png"><img src="https://stat.ameba.jp/user_images/20141113/23/amblogtest/4b/5f/p/o0410001013128353815.png" alt="410黄色線" style="clear:both;float:left;" border="0"></a><br><br>↑あれ・・・切れてますね(・・；)　計算間違えたみたいです。ちょっと減らして405pxで作ってみました。<br><br><a href="http://stat.ameba.jp/user_images/20141113/22/amblogtest/dd/cb/p/o0405001013128294310.png"><img src="https://stat.ameba.jp/user_images/20141113/22/amblogtest/dd/cb/p/o0405001013128294310.png" alt="405黄色線" width="405" height="10" style="clear:both;float:left;" border="0"></a><br><br><br>↑これは無事表示できました。ということで今後は405pxの幅で画像を作っていきます。まだまだCSSはよくわかりません(^^;<br><br>スマホの最適なサイズはまた今度調べたいと思います・<br>
]]>
</description>
<link>https://ameblo.jp/amblogtest/entry-11951975070.html</link>
<pubDate>Thu, 13 Nov 2014 20:59:05 +0900</pubDate>
</item>
<item>
<title>アメブロ : CSSを編集する</title>
<description>
<![CDATA[ 『<a href="http://ameblo.jp/amblogtest/entry-11951289975.html" target="_blank">「デザインの変更」画面を表示</a>』を参考に以下の画面を表示させます。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20141112/09/amblogtest/4a/61/p/o0600028013126712942.png"><img src="https://stat.ameba.jp/user_images/20141112/09/amblogtest/4a/61/p/o0600028013126712942.png" alt="CSSの編集選択" border="0"></a></div><br><br>「CSSの編集」クリックして「ブログデザインのCSSの編集」画面を表示させます。
]]>
</description>
<link>https://ameblo.jp/amblogtest/entry-11951314166.html</link>
<pubDate>Wed, 12 Nov 2014 09:12:09 +0900</pubDate>
</item>
<item>
<title>アメブロ : 「CSS編集用デザイン」の設定</title>
<description>
<![CDATA[ アメブロをカスタマイズをするにはカスタマイズ可能なデザインを使います。<br><br>ということで設定します。<font color="#FF0000">設定済みのテーマは消えてしまうので気をつけてください</font>(^^;<br><br>まず<a href="http://secret.ameba.jp/amblogtest/amemberentry-11951289975.html" target="_blank">「「デザインの変更」画面を表示」</a>を参考に以下の画面を表示させます。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20141112/08/amblogtest/ab/30/p/o0600076213126675697.png"><img src="https://stat.ameba.jp/user_images/20141112/08/amblogtest/ab/30/p/o0600076213126675697.png" alt="カスタム可能" width="600" height="762" border="0"></a></div><br><br>次に「CSS編集用デザイン」を選択します。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20141112/08/amblogtest/24/98/p/o0600039313126675696.png"><img src="https://stat.ameba.jp/user_images/20141112/08/amblogtest/24/98/p/o0600039313126675696.png" alt="CSS編集デザイン選択" width="600" height="393" border="0"></a></div><br><br>ここでは「3カラム・右ワイドメニュー」を選択し適用をクリックして保存します。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20141112/22/amblogtest/09/b0/p/o0600044213127326171.png"><img src="https://stat.ameba.jp/user_images/20141112/22/amblogtest/09/b0/p/o0600044213127326171.png" alt="CSSの編集選択" border="0"></a></div><br><br>完了すると以下の画面が表示されます。ブログを確認して適用されていることを確認します。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20141112/08/amblogtest/df/99/p/o0600039313126681435.png"><img src="https://stat.ameba.jp/user_images/20141112/08/amblogtest/df/99/p/o0600039313126681435.png" alt="デザイン適用後" border="0"></a></div><br>
]]>
</description>
<link>https://ameblo.jp/amblogtest/entry-11951295682.html</link>
<pubDate>Wed, 12 Nov 2014 07:53:13 +0900</pubDate>
</item>
<item>
<title>アメブロ : 「デザインの変更」画面を表示</title>
<description>
<![CDATA[ <a href="http://ameblo.jp/amblogtest/entry-11951199655.html" target="_blank">「歯車」ボタンでの設定<br></a>で以下の画面を表示させます。<br><br><a href="http://stat.ameba.jp/user_images/20141112/07/amblogtest/97/a9/p/o0600034813126666220.png"><img src="https://stat.ameba.jp/user_images/20141112/07/amblogtest/97/a9/p/o0600034813126666220.png" alt="歯車-デザイン変更" border="0"></a><br><br>デザインの変更をクリックして下の「デザインの変更」画面を表示させます。<br><br><div align="center"><a href="http://stat.ameba.jp/user_images/20141112/07/amblogtest/dc/d2/p/o0600076213126666221.png"><img src="https://stat.ameba.jp/user_images/20141112/07/amblogtest/dc/d2/p/o0600076213126666221.png" alt="デザイン変更画面" border="0"></a></div><div align="center"><br></div>
]]>
</description>
<link>https://ameblo.jp/amblogtest/entry-11951289975.html</link>
<pubDate>Wed, 12 Nov 2014 07:41:15 +0900</pubDate>
</item>
<item>
<title>アメブロ :「歯車」ボタンでの設定</title>
<description>
<![CDATA[ まず↓管理画面の歯車ボタンをクリックします。<br><br><a href="http://stat.ameba.jp/user_images/20141111/23/amblogtest/bb/57/p/o0600033313126491491.png"><img src="https://stat.ameba.jp/user_images/20141111/23/amblogtest/bb/57/p/o0600033313126491491.png" alt="歯車ボタン" border="0"></a><br><br>↓歯車ボタンをクリックすると以下の設定画面が表示されます。<br><div align="center"><a href="http://stat.ameba.jp/user_images/20141111/23/amblogtest/32/15/p/o0600034813126491492.png"><img src="https://stat.ameba.jp/user_images/20141111/23/amblogtest/32/15/p/o0600034813126491492.png" alt="歯車ボタンクリック" border="0"></a></div><div align="center"><br></div>
]]>
</description>
<link>https://ameblo.jp/amblogtest/entry-11951199655.html</link>
<pubDate>Tue, 11 Nov 2014 23:02:47 +0900</pubDate>
</item>
<item>
<title>はじめに</title>
<description>
<![CDATA[ 突然妻から「アメブロで店の情報書きたいから使い方調べて！！」という指令を受けました。<br><br>といことでいろいろやってみることになりました(;´Д`)ノ<br><br>せっかくなのでブログとしてまとめていきたいと思います。
]]>
</description>
<link>https://ameblo.jp/amblogtest/entry-11949445619.html</link>
<pubDate>Fri, 07 Nov 2014 21:11:01 +0900</pubDate>
</item>
</channel>
</rss>
