スポンサーサイト

--, --月 --, -- --:--
カテゴリー スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ 記事の続き ]

画像付きRSSの横型の初期設定

Thu, 03月 22, 2012 02:04
カテゴリー ブログパーツ
公開プラグインの縦型は、RSSフィードだけ最初に登録するだけでもブログパーツとして使えますが、横型は自身のブログに合わせて少しカスタマイズしないと綺麗に表示させることができません。

[ 記事の続き ]

まだ、グーグルフィードバーナーに登録してない場合は、こちらのエントリーを先に読んでください。

横型は縦型と違い、サイドメニューで表示させるよりむしろ、サイトトップ下かエントリーの上下に表示させる目的で作ってます。

プラグインのHTML中の

<div class='imagecontent'>
<div id="feed"></div>
</div>


は、

サイト内どこに移動しても、その場所でプログラムが動くようになってます。

ですので、上記の部分をコピペして、テンプレートのHTML上の展開させたい場所に記述すれば、その場所で有効になります。その場合は、プラグイン中の同じ場所の部分は削除します。

次に、CSSの先頭部分の

.imagecontent {
/*サイトの幅に合わせる*/
width:980px;
clear: both;
background-Color: #FFFFFF;
text-align: center;
}


のwidthはサイトの幅に合わせます。私のサイト幅は980pxなので同じ980pxにしてます。


cssで上記以外のwidthは個別画像に関係する幅です。変更するときは、全部同じ値します。3か所あります。CSS部分の文字色、背景色などをサイトに合わせるように適度調整して使ってください。



プラグインに発行されたRSSを挿入する。画像の大きさを調整する

Thu, 03月 22, 2012 01:40
カテゴリー ブログパーツ
プラグインにグーグルフィードバーナーのRSSを挿入します。そこにRSSを列挙していくと、他のRSSも同時に表示できるようになります。表示順位は時系列になってます。

注意:RSS画像表示縦型で画像がカラムに対して小さすぎるとレイアウトが崩れます。html内のwidthの幅を適切な大きさに変更してください。

[ 記事の続き ]

まず、プラグインの設定画面の【HTMLの編集】をクリックします。



押すとプログラムが表示されると思います。

プラグイン導入後すぐ変更すべき点は3点あります。

①.表示RSSの変更

②.RSS数の変更(デフォルトは5)

③.CSSを自身のサイトに合わせる

①の表示RSSの変更は、プログラムの11行目の

feedAdd("http://hogehoge", 1);
feedAdd("http://hogehoge", 2);
feedAdd("http://hogehoge", 3);




となってる箇所です。ココにRSSを入れます。尚、増やしたい場合は4,5,6とコピペして増やすだけでOKです。


②のRSSの数は7行目のnumber =8;の数字を変更します。この数を増やすと表示されるRSS数は増えます。①で取得したRSSが少ない場合はエラーになるので、適切な数字にしてください。

③は、CSSなので決まった値があるわけではありません。自身のサイトにぴったりくるように数字を調整してください。

CSSの先頭部分の

.imagecontent {
/*サイトの幅に合わせる*/
width:980px;
clear: both;
background-Color: #FFFFFF;
text-align: center;
}
は、横型の場合に調節が必要になる箇所です。

それ以外のwidthは画像の幅に合わせるように全部同じ値にします。











RSSで簡単に画像付き新着表示できるプラグイン

Thu, 03月 15, 2012 06:24
カテゴリー ブログパーツ
RSSフィードを使い簡単に画像付き新着表示ができます。プラグインを導入したら即有効だといいのですが、FC2のRSSは画像が無効になるので、最初だけ一工夫が必要になります。

[ 記事の続き ]

してほしいことは3点です。

①.グーグルのフィードバーナーにFC2のRSSを登録する。

②.プラグインを一部訂正して、RSSを登録する。

③.表示する画像の大きさを決める。

以上です。今回はグーグルフィードバーナーに登録するまでを説明します。

まず、グーグルアカウントは持ってる前提で話をします。

ココからグーグルフィードバーナーへログインします。ログイン成功したら、下図の画面に切り替わるはずです。



言語が英語になってる場合は、上の言語をクリックして日本語表示に切り替えます。

FC2のRSSは、サイトのURL/?xmlです。私のサイトURLは「http://2chdelinux.blog.fc2.com」ですので、http://2chdelinux.blog.fc2.com/?xmlが私のRSSフィードです。

登録したら「次へ」押します。



これで新しいRSSフィードが発行されましたが、このままだと画像をUPしても反映されないので、もうひと工夫必要になります。

登録が終わり、とりあえず「次へ」を2回くらい押すと、下の管理画面になります。



最適化を押します。



フィードロゴ作成を押します(フィードロゴ作成が出ない場合は、何回かサイト内を行ったり来たりして最適化を押すと表示されます。)



丸で囲った場所に、再度FC2のRSSフィードを入れます。これで完成です。後は、発行されたグーグルフィードバーナーのURLをメモしておきます。


RSSに画像が表示される前提として、本文に画像を入れる必要があります。

普段は追記に画像を入れるケースが多いと思いますが、画像表示付きのRSSをしたい場合は、本文に画像を1つだけ入れてください。

続きは、次エントリーの「プラグインに発行されたRSSを挿入する。画像の大きさを調整する」を参考にしてください。

2011年11月に何があったのか?

Wed, 03月 14, 2012 14:13
カテゴリー ブログ
最近色々ブログを調べていて気付いたのが、2011年11月頃にFC2からライブドアに大量にサイト移動おこなわれていた。なんでなんだろうって気になって調べていたら・・・

[ 記事の続き ]

ライブドアがその頃、ブログ奨学金と言う制度で300万をチラつかせ人気ブロガーの1本釣りをしていたらしい。年300万もらえるらしい・・・ライブドアブログ奨学金制度

なるほど・・・まめにブログ更新をしてても、自己満足だけでほとんどお金にならないのが、ライブドアに認められて、サイト引っ越しすれば、年間300万の援助をもらえる。ちなみにこの制度の1期生が2011年11月頃だったらしい。今はやってない。また再開しないのかな?

携帯テンプレ3o_3o_keitai_blueのカスタマイズ

Fri, 03月 09, 2012 17:43
カテゴリー ブログ
3o_3o_keitai_orangeと色とヘッダー画像、メニュー画像が違うだけです。差し替え用の画像を何枚かUPしておきます。

ヘッダー画像1

[ 記事の続き ]

png形式の画像なので、レイヤー機能が使えます。タイトル文字などを入れて好きに加工してください。


ヘッダー画像1


ヘッダー画像2


ヘッダー画像3


メニューバー1


メニューバー2


メニューバー3


メニューバー3


メニューバー3








上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。