<?xml version="1.0" encoding="UTF-8"?>

<rdf:RDF
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns="http://purl.org/rss/1.0/">

  <channel rdf:about="http://yaplog.jp/anan1477/">
    <title><![CDATA[ANANのTwitter一日毎のまとめブログ]]></title>
    <link><![CDATA[http://yaplog.jp/anan1477/]]></link>
    <description><![CDATA[

このブログに存在していた記事達は、以下のブログに移動させていただきました。
過去ここに存在していた記事達は残っていません。いつも来てくださっている訪問者の方々には、大変申し訳なく思います。申し訳ありませんでした。


PARADOXES WHICH OCCUR IN OUR LIVES


今後、このブログでは、Twitter一日毎のまとめ程度のものしか投稿しませんので、よろしくお願い致します。

]]></description>
    <dc:language>ja</dc:language>
    <dc:creator><![CDATA[anan1477]]></dc:creator>
    <dc:date>2015-04-09T00:00:00+09:00</dc:date>
    <items>
      <rdf:Seq>
        <rdf:li rdf:resource="http://yaplog.jp/anan1477/archive/284" />
        <rdf:li rdf:resource="http://yaplog.jp/anan1477/archive/283" />
        <rdf:li rdf:resource="http://yaplog.jp/anan1477/archive/170" />
        <rdf:li rdf:resource="http://yaplog.jp/anan1477/archive/169" />
        <rdf:li rdf:resource="http://yaplog.jp/anan1477/archive/143" />
        <rdf:li rdf:resource="http://yaplog.jp/anan1477/archive/112" />
      </rdf:Seq>
    </items>
  </channel>
      <item rdf:about="http://yaplog.jp/anan1477/archive/284">
        <title><![CDATA[ANANのTwitter　一日毎のまとめ]]></title>
        <link><![CDATA[http://yaplog.jp/anan1477/archive/284]]></link>
        <description><![CDATA[]]></description>
        <content:encoded><![CDATA[<ul class="tweetQuote">
<li class="tweetStatus tweetLast">
	<div class="tweetBlock">
	<span class="tweetMain">RT @<a href="http://twitter.com/black_justice_x" target="_blank">black_justice_x</a>: 何が本物だ？
何がお洒落だ？

考えたこともないのか

お前の服の飾りの為に動物達がどんな目にあっているか

殴られ、足を切られ
叩きつけられ、皮を剥がれる

それがリアルファーの真実だ

今初めて知ったのなら二度と買うな http:/…</span>
	<span class="tweetMeta">Posted at <a href="http://twitter.com/anan1477/status/585816611296153600" target="_blank">11:48 PM</a></span>
	</dl>
</li>
<li class="tweetStatus tweetLast">
	<div class="tweetBlock">
	<span class="tweetMain">RT @<a href="http://twitter.com/black_justice_x" target="_blank">black_justice_x</a>: 動物から生きたまま皮を剥ぎ取り

ポーズを決める人間

これが正常か？

これがお洒落で可愛いか？

リアルファーの真実は爆発的に広まり始めた

広まれば広まる程、ファーを身につけるお前は周りから拒絶され

お前を見る目も変わっていく …</span>
	<span class="tweetMeta">Posted at <a href="http://twitter.com/anan1477/status/585816751830540288" target="_blank">11:49 PM</a></span>
	</dl>
</li>
<li class="tweetStatus tweetLast">
	<div class="tweetBlock">
	<span class="tweetMain">RT @<a href="http://twitter.com/you_fancy_memad" target="_blank">you_fancy_memad</a>: 奴隷の生産機

劣悪な環境でひたすら機械のように
死ぬまで子を産まされ続ける

大量に産ませる為、発情を促す薬漬けで狂わせ徹底的に利用し最後は殺す

このクズ共は客を欺き、平気で笑いながら犬猫を売っている
#ペットショップ http:/…</span>
	<span class="tweetMeta">Posted at <a href="http://twitter.com/anan1477/status/585816974896209921" target="_blank">11:50 PM</a></span>
	</dl>
</li>
<li class="tweetStatus">
	<span class="tweetUrl"><a href="http://twitter.com/anan1477" target="_blank">http://twitter.com/anan1477</a></span>
</li>
</ul>]]></content:encoded>
        <dc:creator><![CDATA[anan1477]]></dc:creator>
        <dc:date>2015-04-09T00:00:00+09:00</dc:date>
        <dc:subject><![CDATA[ANAN の Twitter 　　………]]></dc:subject>
      </item>
      <item rdf:about="http://yaplog.jp/anan1477/archive/283">
        <title><![CDATA[ブログ移転のお知らせ]]></title>
        <link><![CDATA[http://yaplog.jp/anan1477/archive/283]]></link>
        <description><![CDATA[ 

移転先のブログ


PARADOXES WHICH OCCUR IN OUR LIVES




ブログお引越ししました。
ご迷惑おかして申し訳ありません。
引越しの理由は……。
ヤプログのブログサービスには、自分専用のドメインが持てるプランがあるんです。そのプランは、有料なのですが、ある時、ちょうど2年ぐらい前、私がブログを始めようとした時、キャンペーンをやっていて、そのプランに申し込むとAmazonのポイントがもらえるという時期だったのです。Amazonのポイントの額まで計算すれば、有料サービスであっても、出費は、それほど痛くないと考えました。なぜなら、私は、長いことネットの世界に居座る気はなかったからです。書きたいことだけ書いて立ち去る気でいたのです。ですから、一年ぐらいで立ち去る気でいました。一年ぐらいであれば、自分専用のドメインを持てる有料のプランにしたところで、出費は少なくてすむと判断したんです。ですが……。
にもかかわらず、まだ書きたいことが全部書けていないのに、2年も経ってしまったではないですか！症状として、ボケ症状があるのですが、ボケがあると、記事を書くのにどの程度の時間がかかってしまうのか？当初は、まだ把握できていませんでした。記事を投稿する前に、何十回も同じ場所を読み返して誤字脱字を探したり、何十回も何十回も読み直して意味が解らなさそうなところを文章修正したりして、その後に投稿しています。投稿した後も、何十回も読み直して確認しているのです。それでも、誤字脱字や読み辛い文章形態は、完全には解決できずに残ってしまっています。自分で思っていた以上に、記事の作成に時間がかかることを把握しはじめました。(T_T)
まあ、ボケる前の全盛期なら、数ヶ月で記事作成は全部終わっていたことでしょうね・・・！まあ、仕方が無いこととして、現実は受け容れるべきものです。ですから、受け容れています。（＾＾）
とは言え、こんなに長期間かかるなら、有料プランなって継続的にやっている場合ではありませんね。病人である私にとって、出費は、とても痛いものでしかありません。というわけで、無料プランに変更することに決定したんですが……。
ヤプログのブログサービスのプランを無料に変更すれば、過去使用していた自分専用のドメインは、無料バージョンのドメインに変化し、ブログ記事のＵＲ...]]></description>
        <content:encoded><![CDATA[ <div style="text-align: center; font-weight: bold; margin: 45px 0;">
<div style="font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体','simHei'; font-size: 21px;">
移転先のブログ
</div>
<a href="http://state-of-our-world-anan1477.blogspot.jp/" target="_blank" rel="nofollow" rel="nofollow">
PARADOXES WHICH OCCUR IN OUR LIVES
</a>
</div>

<div style="line-height: 2.2em;">
ブログお引越ししました。<br>
ご迷惑おかして申し訳ありません。<br>
引越しの理由は……。<br>
ヤプログのブログサービスには、自分専用のドメインが持てるプランがあるんです。そのプランは、有料なのですが、ある時、ちょうど2年ぐらい前、私がブログを始めようとした時、キャンペーンをやっていて、そのプランに申し込むとAmazonのポイントがもらえるという時期だったのです。Amazonのポイントの額まで計算すれば、有料サービスであっても、出費は、それほど痛くないと考えました。なぜなら、私は、長いことネットの世界に居座る気はなかったからです。書きたいことだけ書いて立ち去る気でいたのです。ですから、一年ぐらいで立ち去る気でいました。一年ぐらいであれば、自分専用のドメインを持てる有料のプランにしたところで、出費は少なくてすむと判断したんです。ですが……。<br>
にもかかわらず、まだ書きたいことが全部書けていないのに、2年も経ってしまったではないですか！症状として、ボケ症状があるのですが、ボケがあると、記事を書くのにどの程度の時間がかかってしまうのか？当初は、まだ把握できていませんでした。記事を投稿する前に、何十回も同じ場所を読み返して誤字脱字を探したり、何十回も何十回も読み直して意味が解らなさそうなところを文章修正したりして、その後に投稿しています。投稿した後も、何十回も読み直して確認しているのです。それでも、誤字脱字や読み辛い文章形態は、完全には解決できずに残ってしまっています。自分で思っていた以上に、記事の作成に時間がかかることを把握しはじめました。(T_T)<br>
まあ、ボケる前の全盛期なら、数ヶ月で記事作成は全部終わっていたことでしょうね・・・！まあ、仕方が無いこととして、現実は受け容れるべきものです。ですから、受け容れています。（＾＾）<br>
とは言え、こんなに長期間かかるなら、有料プランなって継続的にやっている場合ではありませんね。病人である私にとって、出費は、とても痛いものでしかありません。というわけで、無料プランに変更することに決定したんですが……。<br>
ヤプログのブログサービスのプランを無料に変更すれば、過去使用していた自分専用のドメインは、無料バージョンのドメインに変化し、ブログ記事のＵＲＬが全て変更されてしまいます。ブログのＵＲＬが変更されてしまえば、今まで起動していた内部リンクは起動しなくなります。つまり、内部のソースを全部書き直さなければならないのです。これは、非常に手間がかかる面倒な作業です。これなら、他のブログサービスに、記事をコピペしてＵＲＬだけ書き直して他のブログに引越しをしても、さほど手間隙は変わりがありません。かなり面倒くさいと言えば、面倒くさいですが……。<br>
また、ＵＲＬが変化してしまうなら、過去ブックマークに登録して下さった方々だって、このブログには辿り着くことができませんから、引越ししても結果は同じことになります。ヤプログを使い続けても、読者の皆様にご迷惑をおかけしてしまうことに変わりは無いのです。<br>
引越ししても、それほどリスクは無いのですが、引越しすれば、メリットならあります。<br>
まず、ヤプログは、head内のソースがいじれなかったり、本文中にscriptタグを使用できなかったり、その他色々な制約があります。私にとっては、かなり使い勝手が悪かったんです。(でも、まあ、これは、皆さんには関係のない話です。普通の方は、head内いじって何かする方なんて、そうそういません。なので、ヤプログに対して悪いイメージは持たないであげて下さいね。(^^))引越しすることで、私にはメリットがあるので、ならば、どうせなら引越ししてしまおう！ということになりました。<br>
とうわけで、報告が遅くなり大変申し訳ありませんでした。(^^)多少面倒くささもあって、結論が出るのに時間がかかってしまいました。ですので、間際の報告で遅くなって、申し訳ありませんでした。<br>

</div>]]></content:encoded>
        <dc:creator><![CDATA[anan1477]]></dc:creator>
        <dc:date>2015-03-15T21:00:27+09:00</dc:date>
        <dc:subject><![CDATA[ブログ移転のお知らせ]]></dc:subject>
      </item>
      <item rdf:about="http://yaplog.jp/anan1477/archive/170">
        <title><![CDATA[【ブログを面白くする無料ブログパーツの紹介】の設置方法の続き]]></title>
        <link><![CDATA[http://yaplog.jp/anan1477/archive/170]]></link>
        <description><![CDATA[





ブログを面白くする無料ブログパーツの紹介



【ブログを面白くする無料ブログパーツの紹介】の設置方法







下で説明させて頂くブログパーツの設置方法は、無料ブログパーツの設置に関する説明として、説明を補足させて頂いたものですが、ブログパーツで無くとも他の色々な設定に使用できます。画像・バナー・文章等・その他を、中央表示したい時や空白を設けたい時にも使用してみて下さい。ブログでは、通常、画像は、中央揃えか左寄せ・右寄せしか、選べないはずです。お好みの場所に設定したい場合にも、使用してみて下さいね。





ではっ！ CSSプロパティの説明です。





&lt;div style="text-align: center; margin-top: 【数字記入】px; margin-bottom: 【数字記入】px;"&gt;…………&lt;/div&gt;

…………と書かれたところに、ブログパーツのタグ(コード）が入ります。ブログパーツのタグ(コード）を挟み込むような形にして下さいね。以下も同じようにして下さい。






&lt;div style="text-align: center;"&gt;…………&lt;/div&gt;


ブログパーツを中央表示させたい時には上のように指定してください。






&lt;div style="margin-top: 【数字記入】px;"&gt;…………&lt;/div&gt;


ブログパーツの上部に空白を設けたい時に上のように指定してください。






&lt;div style="margin-bottom: 【数字記入】px;"&gt;…………&lt;/div&gt;


ブログパーツの下部に空白を設けたい時に上のように指定してください。






&lt;div style="margin-right: 【数字記入】px;"&gt;…………&lt;/div&gt;


設置したいブログパーツの右側に空白を設けるためのプロパティです。
何も指定しなければ、通常は左寄せで表示されます。






&lt;div style="margin-left: 【数字記入】px;"&gt;…………&lt;/div&gt;


設置したいブログパーツの左側に空白を設けるためのプロパテ...]]></description>
        <content:encoded><![CDATA[<div style="text-align: center; margin: 30px 0 40px 0;">
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/247.jpg" width="220" height="147" alt="ブログパーツ設置方法説明">
</div>

<div style="font-weight: bold; text-align: center;">
<a href="http://yaplog.anan1477.com/archive/143" target="_blank" rel="nofollow">
ブログを面白くする無料ブログパーツの紹介
</a>
<div style="margin: 8px 0 30px 0;">
<a href="http://yaplog.anan1477.com/archive/169.html" target="_blank" rel="nofollow">
【ブログを面白くする無料ブログパーツの紹介】の設置方法
</a>
</div>
</div>



<p>
下で説明させて頂くブログパーツの設置方法は、無料ブログパーツの設置に関する説明として、説明を補足させて頂いたものですが、ブログパーツで無くとも他の色々な設定に使用できます。画像・バナー・文章等・その他を、中央表示したい時や空白を設けたい時にも使用してみて下さい。ブログでは、通常、画像は、中央揃えか左寄せ・右寄せしか、選べないはずです。お好みの場所に設定したい場合にも、使用してみて下さいね。
</p>



<div style="font-weight: bold; font-size: 16px; margin: 45px 0;">
ではっ！ CSSプロパティの説明です。
</div>



<div style="font-size: 16px; color: #cc6600;">
&lt;div style="text-align: center; margin-top: 【数字記入】px; margin-bottom: 【数字記入】px;"&gt;<span style="color: #000; font-weight: bold;">…………</span>&lt;/div&gt;
</div>
<span style="font-weight: bold;">…………</span>と書かれたところに、ブログパーツのタグ(コード）が入ります。ブログパーツのタグ(コード）を挟み込むような形にして下さいね。以下も同じようにして下さい。



<div style="margin: 30px 0;">

<div style="font-size: 16px; color: #cc6600;">
&lt;div style="text-align: center;"&gt;<span style="font-weight: bold;">…………</span>&lt;/div&gt;
</div>

ブログパーツを中央表示させたい時には上のように指定してください。

</div>



<div style="font-size: 16px; color: #cc6600;">
&lt;div style="margin-top: 【数字記入】px;"&gt;<span style="font-weight: bold;">…………</span>&lt;/div&gt;
</div>

ブログパーツの上部に空白を設けたい時に上のように指定してください。



<div style="margin: 30px 0;">

<div style="font-size: 16px; color: #cc6600;">
&lt;div style="margin-bottom: 【数字記入】px;"&gt;<span style="font-weight: bold;">…………</span>&lt;/div&gt;
</div>

ブログパーツの下部に空白を設けたい時に上のように指定してください。

</div>



<div style="font-size: 16px; color: #cc6600;">
&lt;div style="margin-right: 【数字記入】px;"&gt;<span style="font-weight: bold;">…………</span>&lt;/div&gt;
</div>

設置したいブログパーツの右側に空白を設けるためのプロパティです。
何も指定しなければ、通常は左寄せで表示されます。



<div style="margin: 30px 0;">

<div style="font-size: 16px; color: #cc6600;">
&lt;div style="margin-left: 【数字記入】px;"&gt;<span style="font-weight: bold;">…………</span>&lt;/div&gt;
</div>

設置したいブログパーツの左側に空白を設けるためのプロパティです。
何も指定しなければ、通常は左寄せで表示されます。

</div>



<div style="margin: 45px 0 16px 0;">

【数字記入】と書いてある場所に、半角英数字で必要な数字を記入して下さい。これは、どの程度隙間をあけたいのかを数字を記入して設定します。cmやmmでは無いので非常に解り辛いと思いますが……。 <br>
私のブログのサイドバーにある全ての画像(プロフィール画像とRSS・ブログパーツ以外）、横幅180pxで統一されています。縦幅は統一されていません。それを参考に、お好みで数字を増やしたり減らしたりしてみて下さいね。 

</div>



↑　一番上のcssプロパティーの例が、&#12310;中央ぞろえ表示&#12311;と、&#12310;上と下に隙間を空ける設定&#12311;、3つの設定、合体型バージョンです。<br>
その次から5つが、バラバラに個別に分解したCSSプロパティです。 １度に複数の指定をかけたい場合は、合体型バージョンにして下さい。バラバラに指定をかけないようにお願いします。 <br>



<div style="margin: 16px 0 80px 0;">

念の為です。 空白を一括指定する場合です。<div style="font-size: 16px; color: #cc6600;">
&lt;div style="margin: 上 右 下 左;"&gt;<span style="font-weight: bold;">…………</span>&lt;/div&gt;</div>
例:　<span style="font-size: 16px; color: #cc6600;">&lt;div style="margin: 15px 10px 5px 0"&gt<span style="font-weight: bold;">……………</span>&lt;/div&gt;</span>と指定すると、上に15px、右に10px、下に5px、左は空白をとらない、という指定になります。 

</div>



<div style="margin-bottom: 16px;">

サイドバーの編集、実は、プレビューが無いので困っているANANです。現実にブログに表示されないかぎり、状態の確認ができないのです。表示されてから変な状態になっていることに気付くのです。皆さんが設置する際には、失敗の数が少なくてすむように、一応念のために以下の説明を書かせて頂きました。 

</div>



既存のすでに存在するサイドバー（カテゴリーアーカイブ・新着記事・月別アーカイブ、などなど・その他）に関しては、自動的に下部にスペースが空くように設定されています。
下の図のような場合、CSSプロパティを設定する必要はありません。 



<div style="text-align: center; margin:45px 0;">

<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/249.jpg" width="170" height="170" alt="">
<br>
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/250.jpg" width="170" height="170" alt="">

</div>



ですが、下の図のように、手作りのサイドバーが上部にあった場合には、手作りのサイドバー下部にスペースが空くように設定しなければなりませんね。



<div style="text-align: center; margin: 45px 0;">

<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/250.jpg" width="170" height="170" alt="">
<br>
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/249.jpg" width="170" height="170" alt="">

</div>



連続で手作りのサイドバーが続いた場合には、当然設定が必要なのは解りますよね。 



<div style="margin: 45px 0 50px 0;">

ではっ！、お好みのブログができることを祈っております。

</div>



]]></content:encoded>
        <dc:creator><![CDATA[anan1477]]></dc:creator>
        <dc:date>2013-07-26T21:00:28+09:00</dc:date>
        <dc:subject><![CDATA[このブログのフリー素材　……]]></dc:subject>
      </item>
      <item rdf:about="http://yaplog.jp/anan1477/archive/169">
        <title><![CDATA[【ブログを面白くする無料ブログパーツの紹介】の設置方法]]></title>
        <link><![CDATA[http://yaplog.jp/anan1477/archive/169]]></link>
        <description><![CDATA[









この記事に関連する記事


ブログを面白くする無料ブログパーツの紹介




上に書かれた記事で紹介させて頂いた、無料ブログパーツ！
設置するのに難しさを覚える方が多いようですので、設置方法を書かせて頂きますね。(^^)




取り付けるだけなら、いたって簡単です。
Mailアドレスなど、その他必要な項目（ブログパーツの種類によって、必要記入項目は違います。）を記入した後は、タグが自動でできあがりますので、そのできあがったタグをコピーして、ブログ管理画面の適切な場所で貼り付けていただくだけなのです。ただ取り付けるだけなら、これで完了なので、ものすごく簡単なのです。^^



問題は、ブログパーツが左寄りに表示されてしまったり、ブログパーツ上下の隙間を自由に好きな長さに設定できなかったり、色々と問題があると思います。
基本的に、本文中に画像を表示する場合は、中央揃え表示・右寄せ表示・左寄せ表示などのように、表示の場所をある程度お好みで設定することができますよね。そういった機能がついています。ですが、ブログパーツを設置する場合は、サイドバーであっても本文中であっても、こういった機能が無いため自分で色々書き込んで設定しなければならないのです。これが、非常に難しいのかもしれません。



例えば、本来、下のように表示させたいのに……　　
（※・ブログパーツではなく画像で表示させていただいていますが、ただの例ですのでお許しください。）












実際には、下のような状態になってしまうという問題がありますよね……。(>_<)　　　　








今回は、この問題をCSSプロパティによって解決してみましょう～。




そして、本題に入る前に、サイドバー追加方法を先に説明させて頂きます。
ヤプログ以外でブログを書いている方・サイドバー追加の方法を、すでに御存知の方は、この辺を飛ばし読みして下さいね。 



ここからが、サイドバー追加方法です。



[デザイン設定]→[サイドバーの設定（基本機能）]→[サイバーの追加]…と順番にクリックしていき、最後、[サイドバーの追加]をクリックしたら、そこに記入欄が現れますので、タイトルを書いて、タイトル下の記入欄に、今回説明するCSSプロパティを書き足したブログパーツのタグ（コード）をコピペし...]]></description>
        <content:encoded><![CDATA[<div style="margin-top: 70px; text-align: center;">
<a href="http://yaplog.anan1477.com/archive/144" target="_blank" rel="nofollow">
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/2.jpg" border="0" alt="ランキング用バナー設置ページ" >
</a>
</div>

<div style="line-height: 2.2em;">

<div style="font-weight: bold; text-align: center; margin-top: 71px;">
<div style="font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体','simHei'; font-size: 21px;">
この記事に関連する記事
</div>
<a href="http://yaplog.anan1477.com/archive/143.html" target="_blank" rel="nofollow">
ブログを面白くする無料ブログパーツの紹介</a>
</div>


<div style="margin-top: 50px;">
上に書かれた記事で紹介させて頂いた、無料ブログパーツ！<br>
設置するのに難しさを覚える方が多いようですので、設置方法を書かせて頂きますね。(^^)
</div>


<div style="margin: 16px 0;">
取り付けるだけなら、いたって簡単です。<br>
Mailアドレスなど、その他必要な項目（ブログパーツの種類によって、必要記入項目は違います。）を記入した後は、タグが自動でできあがりますので、そのできあがったタグをコピーして、ブログ管理画面の適切な場所で貼り付けていただくだけなのです。ただ取り付けるだけなら、これで完了なので、ものすごく簡単なのです。^^
</div>


問題は、ブログパーツが左寄りに表示されてしまったり、ブログパーツ上下の隙間を自由に好きな長さに設定できなかったり、色々と問題があると思います。<br>
基本的に、本文中に画像を表示する場合は、中央揃え表示・右寄せ表示・左寄せ表示などのように、表示の場所をある程度お好みで設定することができますよね。そういった機能がついています。ですが、ブログパーツを設置する場合は、サイドバーであっても本文中であっても、こういった機能が無いため自分で色々書き込んで設定しなければならないのです。これが、非常に難しいのかもしれません。


<div style="margin: 16px 0;">
例えば、本来、下のように表示させたいのに……　<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/300.gif" border="0" alt="" >　<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/300.gif" border="0" alt="" ><br>
（※・ブログパーツではなく画像で表示させていただいていますが、ただの例ですのでお許しください。）
</div>


<div style="text-align: center;">
<div style="margin: 55px 0 32px 0;">
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/193.jpg" border="0" alt="ブログパーツの設置方法" >
</div>
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/193.jpg" border="0" alt="ブログパーツの設置方法説明" >
</div>


<div style="margin: 55px 0;">
実際には、下のような状態になってしまうという問題がありますよね……。(>_<)　　　<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/300.gif" border="0" alt="" >　<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/300.gif" border="0" alt="" >
</div>


<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/193.jpg" border="0"><br>
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/193.jpg" border="0">


<div style="margin-top: 55px;">
今回は、この問題をCSSプロパティによって解決してみましょう～。
</div>


<div style="margin: 16px 0;">
そして、本題に入る前に、サイドバー追加方法を先に説明させて頂きます。<br>
ヤプログ以外でブログを書いている方・サイドバー追加の方法を、すでに御存知の方は、この辺を飛ばし読みして下さいね。 
</div>


ここからが、サイドバー追加方法です。


<div style="margin: 16px 0;">
[デザイン設定]→[サイドバーの設定（基本機能）]→[サイバーの追加]…と順番にクリックしていき、最後、[サイドバーの追加]をクリックしたら、そこに記入欄が現れますので、タイトルを書いて、タイトル下の記入欄に、今回説明するCSSプロパティを書き足したブログパーツのタグ（コード）をコピペします。
</div>


※：タイトルは、なんでもO.kです。タイトルはブログの画面には全く表示されませんので、それが何なのか、後で、自分自身が解らなくなってしまう事を防ぐ為の目印として、自分にとって解り易いタイトルを記入すれば良いと思います。


<div style="margin: 16px 0;">
そして、[保存する]をクリックして下さい。
</div>


それが終わったら、[サイドバーの設定（並び替え）]をクリックして下さい。ここで、自分がブログパーツを置きたい場所を選んでサイドバーの順番並び替えをします。


<div style="margin: 16px 0;">
●　本題は、ここからです。 
</div>


ではっ！　ここで、CSSプロパティの説明に入りたいと思います。


<div style="font-weight: bold; text-align: center; margin: 35px 0 50px 0;">
<div style="font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体'; font-size: 15px;">
この記事に関連する記事
</div>
<a href="http://yaplog.anan1477.com/archive/170.html" target="_blank" rel="nofollow">【ブログを面白くする無料ブログパーツの紹介】の設置方法の続き</a>
</div>


</div>

]]></content:encoded>
        <dc:creator><![CDATA[anan1477]]></dc:creator>
        <dc:date>2013-07-26T20:00:16+09:00</dc:date>
        <dc:subject><![CDATA[このブログのフリー素材　……]]></dc:subject>
      </item>
      <item rdf:about="http://yaplog.jp/anan1477/archive/143">
        <title><![CDATA[ブログを面白くする無料ブログパーツの紹介]]></title>
        <link><![CDATA[http://yaplog.jp/anan1477/archive/143]]></link>
        <description><![CDATA[









作成者は、ＡＮＡＮではありません。
他の方が作成したブログパーツを紹介させていただきます。





【自分のブログにメールアドレスを記入したいけれど、不正利用されそうで嫌だ。心配。】という方は結構多いと思います。ＡＮＡＮもその一人でした。



あるホームページ（ブログパーツ スケット）で紹介されているブログパーツなら、メールアドレスを外部の人間に利用されることなくメール機能が使用できます。


ANANが、左サイドバーで使用させて頂いているメール送信用ブログパーツが、ある記事の中にあります。その記事へのリンクを下に書かせて頂きました。
http://blogparts.netsket.com/category/communication-mail/


同じページ内にある郵便ポスト型のメール送信用ブログパーツですが、止めた方がいいと思います。
であい系(？)のような、いかがわしい雰囲気のサイトにリンクがつながっています。 デザインは可愛いのに、もったいないですよね。 (>_<)






ANANのブログは、カーソルを動かすと葉っぱが舞いますよね。
これ、他にも、葉っぱ以外にも、種類が沢山あるんです。
紹介させて頂きますね。
http://www.cursor-switch.com/





飛び回る小鳥たち ver2｜美的ブログパーツ（無料）　[美的ブログパーツ（無料）]
画面下をちょこちょこ歩いている鳥さんのブログパーツですが、これは、左サイバー下部にある窓にとまっている鳥さんをクリック、もしくは、画面下を ちょこちょこ歩いている鳥さんをクリックすると、鳥さんのブログパーツを無料で公開して下さっている方のホームページに辿りつきます。♪♪このブログパーツ、私はしていませんが、画面全体に鳥さんを飛ばすこともできるんです。





と言っても、ヤプログは、本文にscriptタグが使用禁止！とされている為、本文中には大半のブログパーツが設置できません。
サイドバーであればブログパーツが使用できますよ～。 
サイドバーでの使用が不向きなブログパーツに関しては、ANANは仕方が無いので、外部にブログを作ったりしました。 (>_<)
例として、このすぐ下に他のブログへのリンクを貼らせて頂きました。
例に出したブログは、はてなブログですが、は...]]></description>
        <content:encoded><![CDATA[<div style="margin-top: 70px; text-align: center;">
<a href="http://yaplog.anan1477.com/archive/144" target="_blank" rel="nofollow">
<img src="http://img.yaplog.jp/img/18/pc/a/n/a/anan1477/0/2.jpg" border="0" alt="ランキング用バナー設置ページ" >
</a>
</div>




<div style="margin-top: 71px; line-height: 2.2em;">
作成者は、ＡＮＡＮではありません。<br>
他の方が作成したブログパーツを紹介させていただきます。




<div style="margin-top: 71px;">
【自分のブログにメールアドレスを記入したいけれど、不正利用されそうで嫌だ。心配。】という方は結構多いと思います。ＡＮＡＮもその一人でした。
</div>

<div style="margin: 16px 0;">
あるホームページ（ブログパーツ スケット）で紹介されているブログパーツなら、メールアドレスを外部の人間に利用されることなくメール機能が使用できます。
</div>

ANANが、左サイドバーで使用させて頂いているメール送信用ブログパーツが、ある記事の中にあります。その記事へのリンクを下に書かせて頂きました。<br>
<a href="http://blogparts.netsket.com/category/communication-mail/" target="_blank" rel="nofollow">http://blogparts.netsket.com/category/communication-mail/</a>

<div style="margin: 16px 0 60px 0;">
同じページ内にある郵便ポスト型のメール送信用ブログパーツですが、止めた方がいいと思います。
であい系(？)のような、いかがわしい雰囲気のサイトにリンクがつながっています。 デザインは可愛いのに、もったいないですよね。 (>_<)
</div>




<div style="margin: 60px 0;">
ANANのブログは、カーソルを動かすと葉っぱが舞いますよね。<br>
これ、他にも、葉っぱ以外にも、種類が沢山あるんです。<br>
紹介させて頂きますね。<br>
<a href="http://www.cursor-switch.com/" target="_blank" rel="nofollow">http://www.cursor-switch.com/</a>
</div>




<a href="http://another-you-note.blog.so-net.ne.jp/blog_parts_034" target="_blank" rel="nofollow">飛び回る小鳥たち ver2｜美的ブログパーツ（無料）　[美的ブログパーツ（無料）]</a><br>
画面下をちょこちょこ歩いている鳥さんのブログパーツですが、これは、左サイバー下部にある窓にとまっている鳥さんをクリック、もしくは、画面下を ちょこちょこ歩いている鳥さんをクリックすると、鳥さんのブログパーツを無料で公開して下さっている方のホームページに辿りつきます。♪♪このブログパーツ、私はしていませんが、画面全体に鳥さんを飛ばすこともできるんです。




<div style="margin: 60px 0;">
と言っても、ヤプログは、本文にscriptタグが使用禁止！とされている為、本文中には大半のブログパーツが設置できません。<br>
サイドバーであればブログパーツが使用できますよ～。 <br>
サイドバーでの使用が不向きなブログパーツに関しては、ANANは仕方が無いので、外部にブログを作ったりしました。 (>_<)<br>
例として、このすぐ下に他のブログへのリンクを貼らせて頂きました。<br>
例に出したブログは、はてなブログですが、はてなブログは止めた方がいいですよ～。間違ったHTMLが自動精製されて変な事になります。もう、はてなブログでブログパーツ作成済みなんで、ANANの場合は仕方が無いのですが……。ブログ作成、最初からやり直すのが面倒くさいんで……。<br>
ヤプログは、scriptタグが本文に使用できない事以外は、結構使いやすいんじゃないかな～と、<span style="font-weight: bold;">個人的</span>には気に入っているんですけれどもね……。<br>
<a href="http://anan1477.hatenadiary.com/entries/2013/08/09" target="_blank" rel="nofollow">ANAN の はてなブログ</a>
</div>




今から書かせて頂く内容は、ブログパーツではないのですが、同じく無料素材で、かなり助けられました。

<div style="text-align: center; font-size: 18px;">

<div style="margin-top: 35px; font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体','simHei';">
<a href="http://sozai-natural.seesaa.net/" target="_blank" rel="nofollow">ナチュラルなフリー素材</a>
</div>

<div style="margin-top: 32px; font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体','simHei';">
<a href="http://flowerillust.com/line_leaf.html" target="_blank" rel="nofollow">花のイラスト 百花繚乱</a>
</div>

<div style="margin-top: 32px; font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体','simHei';">
<a href="http://prcm.jp/list/%EF%BE%8E%EF%BE%91%EF%BE%8D%EF%BE%9F%E7%B4%A0%E6%9D%90" target="_blank" rel="nofollow">プリ画像 ﾎﾑﾍﾟ素材</a>
</div>

<div style="margin-top: 32px; font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体','simHei';">
<a href="http://azukifont.com/" target="_blank" rel="nofollow">あずきフォント</a>
</div>

</div>

</div>




<div style="font-weight: bold; text-align: center; margin: 73px 0 50px 0;">
<div style="font-family: '富士ポップ','HG創英角ﾎﾟｯﾌﾟ体','simHei'; font-size: 21px;">
ブログパーツ設置方法に関する記事
</div>
<a href="http://yaplog.anan1477.com/archive/169.html" target="_blank" rel="nofollow">【ブログを面白くする無料ブログパーツの紹介】の設置方法</a>
</div>





]]></content:encoded>
        <dc:creator><![CDATA[anan1477]]></dc:creator>
        <dc:date>2013-07-26T19:00:03+09:00</dc:date>
        <dc:subject><![CDATA[このブログのフリー素材　……]]></dc:subject>
      </item>
      <item rdf:about="http://yaplog.jp/anan1477/archive/112">
        <title><![CDATA[議論に使われた記事]]></title>
        <link><![CDATA[http://yaplog.jp/anan1477/archive/112]]></link>
        <description><![CDATA[この記事はパスワード制限記事です。]]></description>
        <content:encoded>この記事はパスワード制限記事です。</content:encoded>
        <dc:creator><![CDATA[anan1477]]></dc:creator>
        <dc:date>2013-05-31T21:00:44+09:00</dc:date>
        <dc:subject><![CDATA[]]></dc:subject>
      </item>
</rdf:RDF>
