• « 2017·08
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  »
--’--.--・--

スポンサーサイト

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

Categorieスポンサー広告  - - TOP

2006’08.06・Sun

複数ブログ運営者の方にいかが?

利用サービスFeedBurner

相変わらず見本はウチのブログのサイドバーにある(汗)
「TANU-Chihuahua」というところ。これ、わたしがやってるもう一個のワンコブログの記事内容です。(更新あんましてないから今は表示してる意味薄いですが…orz)
こんなかんじで他のブログの記事内容をサイドバーに簡単に設置できるサービスがあります。
それがFeedBurner
そもそもはRSSフィードを作ってもらえるサービスで、わたしもそれが目的でお借りしていたんですけども、何個ブログを作ろうとやはり人に見てもらいたい欲もでてまいります(笑)でも何個もブログみるのも大変ですよねーって事で、基本となるブログにこの「他ブログの記事内容」を表示してみたらどうかなと。基本ブログにくれば更新されているかどうかわかるってなかんじで。
あとただリンク貼っとくよりも、どんな内容のサイトなのかわかりやすいって利点もあるきがします。

使い方は簡単で、まずはFeedBurnerに自分のブログのRSSを登録。
(1つのアカウントで複数ブログの管理ができます)
フィードの管理で「集客支援」>「バズ・ブースト」
ここで記事表示用のタグがもらえますので、これをプラグインのフリーエリアに放り込むだけです(・ω・
記事のタイトルを表示するか、時間を上下どこに表示するか等、いろいろ設定できます。

あとは装飾と整形なんですが。
元々記事の書き出され方がリスト形式なので、リスト形式の装飾スタイルシートを定義してあるテンプレートであれば、なにもしなくてもある程度見た目の統一感はでると思います。
(色や文字のサイズが他のサイドバーのメニューと同じになるかんじで)

日付と記事タイトルを太くすると見やすいかなーと言うのと、あとは縦に長くなりがちなのでウチではスクロールバーをつけました。修正はその程度です。
ウチのテンプレートでつかうならこれだけ設定すれば十分かもです。(他テンプレートはどういう設定になっているかわからないもので)
今ウチで使っているFeedBurner用のスタイルシートが以下になります。使う方がいましたらご自由にドウゾ。
(ほんっと少しだけ整形もしてありますね、よくみたら・笑)

/*-- フィード --*/
div.feedburnerFeedBlock{
height: 200px;
overflow: auto;

padding: 0 10px 0 0;
}
div.feedburnerFeedBlock p.date{
font-weight : bold;
}
span.headline{
font-weight : bold;
}

スクロールバーをつけたくない人は赤文字の部分を削除すれば内容すべてが通常表示(スクロールバーがなくなるだけ)になります。

height: 200px;
これが表示する長さの設定。この長さを越えるとスクロールバーがでます。
ここの太字部分の数字は好きな数字に変更可能。長くしたい人は数字を大きく。短くしたい人は数字を小さくしてください。

スタイルシートがわかる方なら、FeedBurnerにほんと細かくクラスが付けられているカスタマイズ見本(?)がありますのでそっちを見たほがいいかな?

けっこう便利で使ってますのでご紹介。
表示を記事タイトルのみとかにも出来るのでうまく使えば更新履歴とかにも使えそう?(ブログの更新履歴のためにブログもういっこ借りるのもナニですが)
スポンサーサイト

Categorieブログカスタマイズ  トラックバック(0) コメント(0) TOP

2006’06.26・Mon

本文でメールフォームを作る

このごろよく聞かれるので(・ω・
うちにあるのと同じものしか解説できませんが…。

一応見本がこんなかんじです。
うちではCHOBIメールをおかりして設置させて頂いてます。他のレンタルメールフォームでも自分でフォームをHTMLに書けるタイプでしたら同じようにして使えますし、試してみたらFC2さんのプラグインのメールフォームも本文に設置して同じようなものが作れましたが…それは長くなるので割愛で…(・ω・`

CHOBIさんのメールフォームだと設置は激しく簡単です。
設置用タグとかはCHOBIさんのサイトで見て頂くとして…気をつけるところはメールフォームのタグを貼り付けて「保存」する際に下の画像のようにテキストフォーマットをHTMLタグのみにすることです。
これをしないとデザイン設定部分で不具合がでちゃいます。
でもこれだけでOKです。


通常は「自動改行+HTMLタグ」になっていると思いますが、こっちにすると保存した時に勝手に改行タグが挿入されるので、これが邪魔をしてデザイン部分の指定が効かなくなります。

他に文章を書く等する場合は改行タグが自動で入らない状態になってますので、手動で改行タグを入れる必要があります。メールフォームをおきたいだけなら「HTMLタグのみ」にチェックを入れるだけでOKです。

で、ウチの場合はですが。
「Mail form」というカテゴリーを作ってそこに放り込んでます。
使う人にだけ見えればいいと言う事で。
日付もなるべく古くしてメールフォームの記事を後ろに回し、カテゴリーのリンクをクリックするか、よほど記事をさかのぼっていかないと見えないようにしてあります。
(…といっても二ヶ月そこそこのブログなのですぐさかのぼれちゃいますが…)

設置したら自分で送って確認してみてくださいね

Categorieブログカスタマイズ  トラックバック(0) コメント(0) TOP

2006’06.19・Mon

「このブログを追加」を画像に。

「このブログをリンクに追加」
FC2さんのブログでよくみかけるアレです。
アレを文字よりは目立つであろう(と思われる)画像に変えてしまおうコーナー(・ω・

見本はこれ


タグはこんなかんじです
<a href="javascript:window.location.replace('http://blog.fc2.com/?linkid=ブログのID');"><img src="http://blogxx.fc2.com/x/xxxxx/file/listme.gif" width="60" height="17" style="border:none;" title="このブログをリンクに追加"></a>

(ブログのIDは管理画面の上のほうにかいてあります)

★6/20.少しタグ書き直し


好きな場所にコピペしてブログのIDを自分のブログのものにあわせて書き換えてください。(これを書き換えないと動きません)
赤文字の部分はアップロードした画像のアドレスを書きます。
水色の部分は画像のサイズなので、画像のサイズにあわせてこれも変更して下さい。
それだけで終了!設置したら一応自分でクリックして確認してみてくださいね

で、画像も一応何個か作りましたので、こんなんでもよろしければお持ち帰りでお使い下さい。
listme.giflistme2.giflistme2.giflistme2.gif
listme2.giflistme2.giflistme2.gif
全て縦17×横60です
…ええ、色が違う程度なんですけどね…orz
周囲1ピクセルずつ透明な余白がつけてあるので、文字と並べてもまあ大丈夫なはずです。(影つきのは余白ない部分もあったりといいかげんですが…)

すいません、朝タグを書いた時に半角スペースが混ざってしまってたみたいなので、うまくできなかった人はタグをもう一回コピペしなおしてみてください~
 ...READ MORE?

Categorieブログカスタマイズ  トラックバック(0) コメント(0) TOP
Genreブログ Themeカスタマイズ

2006’05.23・Tue

アマゾン用CSS追加しました。

アマゾン用CSSを現在公開してるテンプレート全部に追加しました。
登録中テンプレート全部修正更新済みです。
(dot_combination用は一つ下のエントリーを参照してください。)
以下のスタイルシートをそれぞれコピー&ペーストで追加するか、新しくテンプレートをダウンロードしなおして下さいませ。
アマゾンに飾りなどいらぬのだ!と言う方はなにもしなくてもそのまま使えます。
質素なスタイルシートになってるので、ゴージャスに変更してくださってもかまいません~色々やってみてください
ちなみにウチのテンプレート以外でも使えます。

parent_and_child用


shootingstar用

※注:同じくランキング用のタグは趣味で入れてません(・ω・`
マイリストから選んだ商品にのみ装飾がつきます。

Categorieブログカスタマイズ  トラックバック(0) コメント(0) TOP
Genreブログ Themeテンプレート

2006’05.22・Mon

dot_combinationにCSS追加しました

配布テンプレート【tmp_dot_combination】にアマゾンアソシエイトサイドバー用のスタイルシートを追加しました。
以下のスタイルシートを追加するか、新しくダウンロードしなおして下さいませ。
表示にちょっと飾りと枠がつく程度なので、飾りなどいらぬ!と言う方はそのままで
.plugin-catamazon {
text-align: center;
font-size:10px;
padding: 0;
margin : 0 0 5px 0;
border: 1px solid #eee;
background-color: #fff;
background-image: url(http://blog58.fc2.com/tmpblog/file/6_enbody.gif);
}
.plugin-catamazon a {
font-weight : bold;
}
.plugin-catamazon img {
border: none;
margin : 3px 0 0 0;
}
.plugin-newamazon {
text-align: center;
font-size:10px;
padding: 0;
margin : 0 0 5px 0;
border: 1px solid #eee;
background-color: #fff;
background-image: url(http://blog58.fc2.com/tmpblog/file/6_enbody.gif);
}
.plugin-newamazon a {
font-weight : bold;
}
.plugin-newamazon img {
border: none;
margin : 3px 0 0 0;
}
スタイルシートの追加は最下部にしてありますので、ダウンロードしたテンプレートがCSS入りのものかわからない方はスタイルシートの設定の最下部をご確認下さい。
入ってるやつは思いっきり「アマゾン」と書いてあります(笑)

あと2つ配布してるテンプレート用のも素材ができたら更新します~。(タブン!)
↑のでも使えます。

※注:ランキング用のタグは趣味で入れてません(・ω・`
マイリストから選んだ商品にのみ装飾がつきます。

Categorieブログカスタマイズ  トラックバック(0) コメント(0) TOP

 |TOPBack

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