読者登録
メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。 解除は→こちら
現在の読者数 189人
参加サークル
マイフレンド
てぃーだオフィシャルブログ
沖縄の食べ歩き・グルメ情報

沖縄暮らし・スポット情報

てぃーだの特別企画ブログ

オフィシャルブログ

てぃーだスタッフの日常

沖縄ブログ村
アーカイブ

2005年07月11日

だーしゃのCSS講座 カスタムプラグインをかっこよく!

だーしゃのCSS講座

第二回 カスタムプラグインをかっこよく!!

前回ちょっとお役に立ててうれしくなったので調子にのってもうひとつ。
今回はカスタムプラグインにサイドバーと同じデザインを組み込もう!という企画です。



管理画面>ブログ環境設定 下部
まずこのカスタムプラグインには自由にHTMLを張ることができます。
なので色々なプラグインを挿入することができるんですね。

それでは早速ですが、僕のサイドバーのフォトラバを見てください。



公開前のフォトラバプラグインテストで申し訳ないのですが、
このようにちゃんとデザインを組み込むことによって、
いい感じみえますよね。
まずこちらのソースがこれ


<div class="sidetitle">フォトラバ</div>
<div class="side">
<center>

<script type="text/javascript" src="http://tb.ti-da.net/pl_image.php?tp=29"></script>

</center>
</div>



↑これをコピーして張り付ければ上のような表示方法になります。
んで例のごとく赤文字の所はお好きなプラグインを張ることができます。

たとえばフォトラバの所をブログペットにして、
赤文字のソースのところにブログペットのソースにすれば
サイドバーにブログペットがテンプレート・サイドバーデザインに組み込まれて表示されますよ~。

もしカスタムプラグインをきれいに見せたい!という方は是非トライしてみてください。
さぁ早速やってみよう!!

ちなみにわからない事などがあれば質問してください。
宜しくお願いしますね~。

だーしゃのCSS講座 

CSS講座
2006-04-11 だーしゃのCSS講座 写真に自動で白縁をつけたい!
2005-12-29 だーしゃのCSS講座 引用文に色を付けてみよう!
2005-09-02 だーしゃのCSS講座 線のカスタマイズしよう!
2005-07-28 だーしゃのCSS講座 背景画像及び背景色を変更してみよう!
2005-07-21 だーしゃのCSS講座 ブログタイトルの位置を変更してみよう!
2005-07-18 だーしゃのCSS講座 ブログタイトルの色を変えてみよう!
2005-07-17 だーしゃのCSS講座 ブログの構造を理解してみよう!
2005-07-11 だーしゃのCSS講座 カスタムプラグインをかっこよく!
2005-07-10 だーしゃのCSS講座 ヘッダーの画像を変えてみよう!

この記事へのコメント

■ jun

http://joogoo.ti-da.net/ さっそく、カスタマイズしました。
THANKS!!

ただし、先日CSSをいじっているうちになぜかフッターが変形していた。
デザインプレート読み込みなおしても、直らないのはなぜでしょう??
Posted by jun at 2005年07月11日 23:52

■ だーしゃ

■ junさんへ
これはカスタムプラグインでタグを閉じてないと良く起きる現状ですよ。
テンプレートを直らないのであればカスタムプラグインを見てみてください。

多分タグが閉じられてないはずですよ~。
Posted by だーしゃ at 2005年07月12日 00:00

■ jun

http://joogoo.ti-da.net/ なおった~!!
直りました。

目を皿のようにしてみてみると、が確かに掛けていた。
う~ん、恐るべしプラグイン!!(ってか、気がつけよ~。てね)
ってっきり、CSSのせいだと思っていたのに~。

ホントにありがとうございました。
今後ともよろしくお願いします。

調子乗って、リンクさせてもらいマフ。

Posted by jun at 2005年07月12日 09:21

■ だーしゃ

■junさんへ
CSSとか難しいですからね~、しかもHTMLが絡んでくると複雑になってきます。
でも直って良かったですよ~。
リンクまですいませんありがとうございますね(^^)!
Posted by だーしゃ at 2005年07月12日 10:03

■ sun

http://aruhiharenohi.ti-da.net/ これいいですねー!
帰ったらさっそくやってみます!
ありがとうございます♪
Posted by sun at 2005年07月12日 12:44

■ だーしゃ

■sunさんへ
こんにちは~(^^)ぜひぜひやってみてくださいね~
せっかくだしかっこいい方がいいですよね~

わからない所などがあったら聞いてくださいね~
よろしくです。
Posted by だーしゃ at 2005年07月12日 13:22

■ sun

http://aruhiharenohi.ti-da.net/ こんばんは!さっそくやってみました!!
とりあえず今日は、フォトラバとブログピープルを囲みましたよ~。
いじるの楽しいですねー♪

次の目標は、ヘッダーの画像交換です!


Posted by sun at 2005年07月12日 23:01

■ pink

http://pink.ti-da.net/ こんばんは~。
ほんの、ちょっぴりですが、変えてみることができました。
参考になりました(*^_^*)ありがとうございました!!
Posted by pink at 2005年07月13日 01:08

■ だーしゃ

■sunさんへ
問題なく表示されてますね!
よかった~、やっぱり囲った方がかっこいいですからね~。
また色々CSSネタをやるのでどうぞよろしくです!

■pinkさんへ
ども~こんにちは!
お役に立ててうれしい限りですよ。
見栄えはいいほうがいいですからね~。
また色々やりますね~。
Posted by だーしゃ at 2005年07月13日 10:06

■ ◇◆kirari◆◇

http://fullhouse12toys.ti-da.net/ だーしゃさん!たびたびスイマセン・・・。

さっそくカスタムプラグインに挑戦しようとおもいましたが、
ソースをどうやって出せばいいのか分りません^^;

どうすれば、ソースを貼りつけれれますか??
教えてください!!

Posted by ◇◆kirari◆◇ at 2005年09月21日 01:00

■ だーしゃ

◇◆kirari◆◇さんへ

こんにちは!こちらのソースについてなのですが、
フォトラバのを表示させるならフォトラバの個別画面に行ってもらって、
そこのプラグインに書かれている物をコピーすればOKですよ。

そのほかのサービスもソースなどを提供してるので
サービスのページからとってくださいね~。

何を表示させたいんですか??
Posted by だーしゃ at 2005年09月21日 14:46

■ ◇◆kirari◆◇

http://fullhouse12toys.ti-da.net/ サイドバーに画像をつけたいんですけど、
どんなして画像が貼れるのか分らないんです・・・。

どうしたら表示することができるんですか??
Posted by ◇◆kirari◆◇ at 2005年09月21日 18:20

■ だーしゃ

■◇◆kirari◆◇さんへ

サイドバーに画像ですか!
まずは画像の表示の仕方ですが、
記事に書くようにまずタグが必要なんです。

なので記事投稿で画像のタグ

<IMG alt="" src="/usr/fullhouse12toys/allposter.jpg">

↑こんなのを用意して、コレをカスタムプラグインに貼り付けるだけでOKですよ~

やってみてくださいね~
Posted by だーしゃ at 2005年09月21日 23:29

■ ミキミキ

http://taman72.ti-da.net/ こんにちは。ミキミキと申します。
こちらを参考にして、カスタムプラグインの変更うまくいったんですが・・・

日記が全部消えてしまいました~^^;
どこをさわったのか自分でもよくわからず。。。

こちらでわかりますか~?
元に戻せば、見れるようになるのかしら???

教えてください。
Posted by ミキミキ at 2005年10月26日 15:35

■ ミキミキ

http://taman72.ti-da.net/ お忙しいところすみません。

カスタムプラグインを消したところ、元に戻りました~^^;

また、時間があるときにチャレンジしたいと思います。

お騒がせして申し訳ありませんでした。
Posted by ミキミキ at 2005年10月27日 05:02

■ だーしゃ

■ミキミキさんへ

こんにちはーなかなかこたえられなくてすみませんー
多分カスタムプラグインのタグが問題だったんだとおもいますよー
タグが閉じてなかったりするとそうなるので注意がひつようです。
今度はコピペでやってみてくださいねー
Posted by だーしゃ at 2005年10月27日 22:19

■ だーしゃ

■ミキミキさんへ

こんにちはーなかなかこたえられなくてすみませんー
多分カスタムプラグインのタグが問題だったんだとおもいますよー
タグが閉じてなかったりするとそうなるので注意がひつようです。
今度はコピペでやってみてくださいねー
Posted by だーしゃ at 2005年10月27日 22:28

■ ミキミキ

http://taman72.ti-da.net/ ありがとうございます^^

また挑戦してみます!
Posted by ミキミキ at 2005年10月28日 04:23

■ マルコ

http://sojikan.ti-da.net/ ほんとにかっこよくなりました。
どうもありがとうございます!!
うれしいです。

ちょこちょこチェックしてお世話になっています。
これからもよろしくお願いします♪
Posted by マルコ at 2006年01月27日 20:37

■ ミッドランド

カスタムプラグインという機能自体がわかりません。
それをする前と、した後ではどう変化して、どういったカスタムを望む人がその機能を使うといいのでしょうか。
フォトラバというのもわからないので合わせて教えてくれると嬉しいです。
ブログ白帯ですみません。
Posted by ミッドランド at 2006年03月21日 00:17

■ まきまき

http://shellteaokinawa.ti-da.net/ すみません!教えてください~~(;。;)
私もカスタムプラグインとは何かわからないです・・・

自分のホームページアドレスを『お気に入り』とは別の場所に貼り付けたいのですが、カスタムプラグインの欄に貼り付けるのかな?と思って・・
Posted by まきまき at 2006年06月15日 13:14

■ だーしゃ

■ミキミキさんへ

ドンドンやってみてくださいね!
遣れば遣るほどおもしろいですよー!

■マルコさんへ
ちょこちょこっとさわればいい感じになりますよー!
できるとたのしいですよね!

■ミッドランドさんへ

カスタムプラグインってのはHTMLを書き込める場所で、
ブログペットとかのタグを貼り付けたりする場所ですよ。
フォトラバはトラックバックを打つところですので、
やってみてくださいねー


■まきまきさんへ

カスタムプラグインにリンクのタグを入れるとできますよー。
記事投稿画面とかでつくれるのでやってみてくださいねー(^^)!
Posted by だーしゃ at 2006年06月15日 23:20
 



■沖縄からヨッシャー(=^^)9新着記事


>>最新画像の一覧を見る>>ブログの記事一覧を見る
RSS表示パーツ

■各種オリジナルページへ
サイトマップ
ブログ記事一覧を見る
アルバム
写真の一覧を見る
タグ
タグでの区分けを見る

この記事へのトラックバックURL