<?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/blogedit/</link>
<atom:link href="https://rssblog.ameba.jp/blogedit/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>アメブロカスタマイズをはじめてやる人用の解説ブログです。新CSSのみの解説本になります。</description>
<language>ja</language>
<item>
<title>記事タイトルの大きさを変更する</title>
<description>
<![CDATA[ CSSを追加して、記事タイトルの大きさを変更します。
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11266252666.html</link>
<pubDate>Fri, 01 Jun 2012 17:38:54 +0900</pubDate>
</item>
<item>
<title>投稿日時とテーマ表示を移動させる</title>
<description>
<![CDATA[ <span style="FONT-SIZE: 16px">デフォルトの状態では、投稿日時とテーマの表示が<br>記事タイトルと記事の出だしの間に表示され、<br>読者の目の動きがスムーズに記事へと流れるのを邪魔しています。</span><a href="http://ameblo.jp/blogedit/entry-11260654568.html#jump">★へジャンプする</a>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11263405038.html</link>
<pubDate>Tue, 29 May 2012 06:20:28 +0900</pubDate>
</item>
<item>
<title>記事内でのリンク</title>
<description>
<![CDATA[ <a name="jump">★ここにジャンプする★</a><br><br><br>記事の下から上へジャンプするリンクを張ってみましょう。<br><br><br>下のリンクをクリックすると <br><br><br>一気に上へ移動します。<br><br>今回は文字ですが、画像でもできます。<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a href="#jump">先頭へジャンプする</a><br>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11260654568.html</link>
<pubDate>Sat, 26 May 2012 00:57:49 +0900</pubDate>
</item>
<item>
<title>記事内の画像の横幅を統一する</title>
<description>
<![CDATA[ <p>記事内で投稿する画像の横幅をCSSで自動的に統一してみましょう。 </p><br><p><br><a href="http://stat.ameba.jp/user_images/20120401/07/blogedit/59/fb/j/o0800060011887499507.jpg"><img border="0" alt="「はじめてのアメブロカスタマイズ」のブログ" src="https://stat.ameba.jp/user_images/20120401/07/blogedit/59/fb/j/t02200165_0800060011887499507.jpg" width="220" height="165"></a><br></p><p><br><a href="http://stat.ameba.jp/user_images/20120401/07/blogedit/62/97/j/o0800060011887501746.jpg"><img border="0" alt="「はじめてのアメブロカスタマイズ」のブログ" src="https://stat.ameba.jp/user_images/20120401/07/blogedit/62/97/j/t02200165_0800060011887501746.jpg" width="220" height="165"></a><br></p><p><br><a href="http://stat.ameba.jp/user_images/20120401/07/blogedit/01/df/j/o0800060011887501896.jpg"><img border="0" alt="「はじめてのアメブロカスタマイズ」のブログ" src="https://stat.ameba.jp/user_images/20120401/07/blogedit/01/df/j/t02200165_0800060011887501896.jpg" width="220" height="165"></a><br></p>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11209807555.html</link>
<pubDate>Sun, 01 Apr 2012 07:45:06 +0900</pubDate>
</item>
<item>
<title>枠線のいろいろな種類</title>
<description>
<![CDATA[ <p>いろいろな枠線の囲み例を紹介します。 </p><p><br><br><br><font color="#000000"><strong>●背景が白で点線<br></strong><br></font></p><div align="center"><div style="BORDER-BOTTOM: #f1f1f1 4px dotted; TEXT-ALIGN: left; BORDER-LEFT: #f1f1f1 4px dotted; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #ffffff; BORDER-TOP: #f1f1f1 4px dotted; BORDER-RIGHT: #f1f1f1 4px dotted; PADDING-TOP: 10px">ここの文章を囲います</div></div><p><br><br><font color="#0000ff"><strong><br></strong></font></p><p><font color="#000000"><strong>●背景が白で点線が濃い</strong><br><br></font></p><div align="center"><div style="BORDER-BOTTOM: #cccccc 4px dotted; TEXT-ALIGN: left; BORDER-LEFT: #cccccc 4px dotted; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #ffffff; BORDER-TOP: #cccccc 4px dotted; BORDER-RIGHT: #cccccc 4px dotted; PADDING-TOP: 10px">ここの文章を囲います</div></div><p><br><br><font color="#0000ff"><strong><br></strong></font></p><p><font color="#000000"><strong>●背景が白で点線が濃くてちょっと細い</strong><br></font><br></p><div align="center"><div style="BORDER-BOTTOM: #cccccc 2px dotted; TEXT-ALIGN: left; BORDER-LEFT: #cccccc 2px dotted; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #ffffff; BORDER-TOP: #cccccc 2px dotted; BORDER-RIGHT: #cccccc 2px dotted; PADDING-TOP: 10px">ここの文章を囲います</div></div><p><br><br><font color="#0000ff"><strong><br></strong></font></p><p><font color="#000000"><strong>●背景が白で直線が濃くてちょっと細い</strong><br></font><br></p><div align="center"><div style="BORDER-BOTTOM: #cccccc 2px solid; TEXT-ALIGN: left; BORDER-LEFT: #cccccc 2px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #ffffff; BORDER-TOP: #cccccc 2px solid; BORDER-RIGHT: #cccccc 2px solid; PADDING-TOP: 10px">ここの文章を囲います</div></div><p><br><br><font color="#0000ff"><strong><br></strong></font></p><p><font color="#000000"><strong>●背景が白で直線が濃くて細い</strong><br></font><br></p><div align="center"><div style="BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #ffffff; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 10px">ここの文章を囲います</div></div><p><br><br><font color="#0000ff"><strong><br></strong></font></p><p><font color="#000000"><strong>●背景が白で直線が赤色で太い</strong><br><br></font></p><div align="center"><div style="BORDER-BOTTOM: #ff0000 5px solid; TEXT-ALIGN: left; BORDER-LEFT: #ff0000 5px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #ffffff; BORDER-TOP: #ff0000 5px solid; BORDER-RIGHT: #ff0000 5px solid; PADDING-TOP: 10px">ここの文章を囲います</div></div><p><br><br><font color="#0000ff"><strong><br></strong></font></p><p><font color="#000000"><strong>●背景が黒でテキストが白</strong><br></font><br></p><div align="center"><div style="TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #000000; PADDING-TOP: 10px"><font color="#ffffff">ここの文章を囲います</font></div></div><p><br><br><font color="#0000ff"><strong><br></strong></font></p><p><font color="#000000"><strong>●背景がグレーで直線が黒でテキストが黒</strong><br></font><br></p><div align="center"><div style="BORDER-BOTTOM: #000000 5px solid; TEXT-ALIGN: left; BORDER-LEFT: #000000 5px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #cccccc; BORDER-TOP: #000000 5px solid; BORDER-RIGHT: #000000 5px solid; PADDING-TOP: 10px"><font color="#000000">ここの文章を囲います</font></div></div><br><br>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11208797872.html</link>
<pubDate>Sat, 31 Mar 2012 07:52:13 +0900</pubDate>
</item>
<item>
<title>記事内の文章周りを枠線で囲む</title>
<description>
<![CDATA[ <p>記事内で一部分だけを強調する時や引用する時などに、文章を枠線で囲んでみましょう。 </p><br><br><div align="center"><div style="BORDER-BOTTOM: #f1f1f1 4px dotted; TEXT-ALIGN: left; BORDER-LEFT: #f1f1f1 4px dotted; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 90%; PADDING-RIGHT: 10px; BACKGROUND: #fcfcfc; BORDER-TOP: #f1f1f1 4px dotted; BORDER-RIGHT: #f1f1f1 4px dotted; PADDING-TOP: 10px">この文章を囲ってみます。<br>この文章を囲ってみます。<br>この文章を囲ってみます。 </div></div><br><br>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11208790488.html</link>
<pubDate>Sat, 31 Mar 2012 07:35:18 +0900</pubDate>
</item>
<item>
<title>記事内に「はてなブックマーク」のusersを表示</title>
<description>
<![CDATA[ <p>記事内に「はてなブックマーク」のusersを表示させてみましょう。</p><br><p>この記事の中にタグを貼り付けます。</p><br><br><img src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fb.hatena.ne.jp%2Fentry%2Fimage%2Fhttp%3A%2F%2Fb.hatena.ne.jp%2F">
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11208769282.html</link>
<pubDate>Sat, 31 Mar 2012 05:54:17 +0900</pubDate>
</item>
<item>
<title>ゲストコメントとオーナーコメント</title>
<description>
<![CDATA[ <p>アメブロのコメント欄は</p><br><p><font color="#0000ff" size="3"><strong>「ゲストコメント欄」</strong></font>と<font color="#ff0000" size="3"><strong>「ブログオーナーコメント欄」</strong></font></p><br><p>の2つに分かれています。 </p><br><p><br></p><p>コメント欄も<font color="#009900">オリジナリティあふれるカスタマイズ</font>をしていきましょう。 </p><br><br>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11208746908.html</link>
<pubDate>Sat, 31 Mar 2012 03:33:09 +0900</pubDate>
</item>
<item>
<title>マーキータグで画像を記事エリア内に流す</title>
<description>
<![CDATA[ <p>マーキータグで画像を記事エリア内に流してみましょう。</p><br><br><marquee><img src="https://stat.ameba.jp/user_images/20120331/03/blogedit/e7/bc/g/o0155007311885229099.gif"></marquee><br><br>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11208745256.html</link>
<pubDate>Sat, 31 Mar 2012 03:25:40 +0900</pubDate>
</item>
<item>
<title>マーキータグで文字を記事エリア内に流す</title>
<description>
<![CDATA[ <p>マーキータグで文字を記事エリア内に流してみましょう。</p><br><br><br><marquee>初級編カスタマイズ</marquee><br><marquee width="300/">初級編カスタマイズ</marquee><br><marquee direction="right">初級編カスタマイズ</marquee><br><marquee behavior="alternate">初級編カスタマイズ</marquee><br><marquee bgcolor="#dc143c">初級編カスタマイズ</marquee><br><marquee direction="up" height="50">初級編カスタマイズ</marquee><br><marquee direction="up" height="50" behavior="alternate"><marquee direction="right">初級編カスタマイズ</marquee></marquee><br><br>
]]>
</description>
<link>https://ameblo.jp/blogedit/entry-11208742821.html</link>
<pubDate>Sat, 31 Mar 2012 03:16:04 +0900</pubDate>
</item>
</channel>
</rss>
