ウィンドゥは最大表示でお願いいたします。
日本の地域ブログ大集合！津々浦々の美味い・楽しいがここに！
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 だーしゃのＣＳＳ講座 ブログの構造を理解してみよう！
2005-07-11 だーしゃのCSS講座 カスタムプラグインをかっこよく！
2005-07-10 だーしゃのCSS講座 ヘッダーの画像を変えてみよう！
なので色々なプラグインを挿入することができるんですね。
それでは早速ですが、僕のサイドバーのフォトラバを見てください。
公開前のフォトラバプラグインテストで申し訳ないのですが、
このようにちゃんとデザインを組み込むことによって、
いい感じみえますよね。
まずこちらのソースがこれ
<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講座
この記事へのコメント
|
|
さっそく、カスタマイズしました。 ＴＨＡＮＫＳ！！ ただし、先日ＣＳＳをいじっているうちになぜかフッターが変形していた。 デザインプレート読み込みなおしても、直らないのはなぜでしょう？？ |
Posted by jun at 2005年07月11日 23:52
|
|
■ junさんへ これはカスタムプラグインでタグを閉じてないと良く起きる現状ですよ。 テンプレートを直らないのであればカスタムプラグインを見てみてください。 多分タグが閉じられてないはずですよ～。 |
Posted by だーしゃ at 2005年07月12日 00:00
|
|
なおった～！！ 直りました。 目を皿のようにしてみてみると、が確かに掛けていた。 う～ん、恐るべしプラグイン！！（ってか、気がつけよ～。てね） ってっきり、ＣＳＳのせいだと思っていたのに～。 ホントにありがとうございました。 今後ともよろしくお願いします。 調子乗って、リンクさせてもらいマフ。 |
Posted by jun at 2005年07月12日 09:21
|
|
■junさんへ CSSとか難しいですからね～、しかもHTMLが絡んでくると複雑になってきます。 でも直って良かったですよ～。 リンクまですいませんありがとうございますね（＾＾）！ |
Posted by だーしゃ at 2005年07月12日 10:03
|
|
これいいですねー！ 帰ったらさっそくやってみます！ ありがとうございます♪ |
Posted by sun at 2005年07月12日 12:44
|
|
■sunさんへ こんにちは～（＾＾）ぜひぜひやってみてくださいね～ せっかくだしかっこいい方がいいですよね～ わからない所などがあったら聞いてくださいね～ よろしくです。 |
Posted by だーしゃ at 2005年07月12日 13:22
|
|
こんばんは！さっそくやってみました！！ とりあえず今日は、フォトラバとブログピープルを囲みましたよ～。 いじるの楽しいですねー♪ 次の目標は、ヘッダーの画像交換です！ |
Posted by sun at 2005年07月12日 23:01
|
|
こんばんは～。 ほんの、ちょっぴりですが、変えてみることができました。 参考になりました(*^_^*)ありがとうございました！！ |
Posted by pink at 2005年07月13日 01:08
|
|
■sunさんへ 問題なく表示されてますね！ よかった～、やっぱり囲った方がかっこいいですからね～。 また色々CSSネタをやるのでどうぞよろしくです！ ■pinkさんへ ども～こんにちは！ お役に立ててうれしい限りですよ。 見栄えはいいほうがいいですからね～。 また色々やりますね～。 |
Posted by だーしゃ at 2005年07月13日 10:06
|
|
だーしゃさん！たびたびスイマセン・・・。 さっそくカスタムプラグインに挑戦しようとおもいましたが、 ソースをどうやって出せばいいのか分りません＾＾； どうすれば、ソースを貼りつけれれますか?? 教えてください!! |
Posted by ◇◆kirari◆◇ at 2005年09月21日 01:00
|
|
◇◆kirari◆◇さんへ こんにちは！こちらのソースについてなのですが、 フォトラバのを表示させるならフォトラバの個別画面に行ってもらって、 そこのプラグインに書かれている物をコピーすればOKですよ。 そのほかのサービスもソースなどを提供してるので サービスのページからとってくださいね～。 何を表示させたいんですか？？ |
Posted by だーしゃ at 2005年09月21日 14:46
|
|
サイドバーに画像をつけたいんですけど、 どんなして画像が貼れるのか分らないんです・・・。 どうしたら表示することができるんですか?? |
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
|
|
こんにちは。ミキミキと申します。 こちらを参考にして、カスタムプラグインの変更うまくいったんですが・・・ 日記が全部消えてしまいました～＾＾； どこをさわったのか自分でもよくわからず。。。 こちらでわかりますか～？ 元に戻せば、見れるようになるのかしら？？？ 教えてください。 |
Posted by ミキミキ at 2005年10月26日 15:35
|
|
お忙しいところすみません。 カスタムプラグインを消したところ、元に戻りました～＾＾； また、時間があるときにチャレンジしたいと思います。 お騒がせして申し訳ありませんでした。 |
Posted by ミキミキ at 2005年10月27日 05:02
|
|
■ミキミキさんへ こんにちはーなかなかこたえられなくてすみませんー 多分カスタムプラグインのタグが問題だったんだとおもいますよー タグが閉じてなかったりするとそうなるので注意がひつようです。 今度はコピペでやってみてくださいねー |
Posted by だーしゃ at 2005年10月27日 22:19
|
|
■ミキミキさんへ こんにちはーなかなかこたえられなくてすみませんー 多分カスタムプラグインのタグが問題だったんだとおもいますよー タグが閉じてなかったりするとそうなるので注意がひつようです。 今度はコピペでやってみてくださいねー |
Posted by だーしゃ at 2005年10月27日 22:28
|
|
ありがとうございます＾＾ また挑戦してみます！ |
Posted by ミキミキ at 2005年10月28日 04:23
|
|
ほんとにかっこよくなりました。 どうもありがとうございます！！ うれしいです。 ちょこちょこチェックしてお世話になっています。 これからもよろしくお願いします♪ |
Posted by マルコ at 2006年01月27日 20:37
|
|
カスタムプラグインという機能自体がわかりません。 それをする前と、した後ではどう変化して、どういったカスタムを望む人がその機能を使うといいのでしょうか。 フォトラバというのもわからないので合わせて教えてくれると嬉しいです。 ブログ白帯ですみません。 |
Posted by ミッドランド at 2006年03月21日 00:17
|
|
すみません！教えてください～～（；。；） 私もカスタムプラグインとは何かわからないです・・・ 自分のホームページアドレスを『お気に入り』とは別の場所に貼り付けたいのですが、カスタムプラグインの欄に貼り付けるのかな？と思って・・ |
Posted by まきまき at 2006年06月15日 13:14
|
|
■ミキミキさんへ ドンドンやってみてくださいね！ 遣れば遣るほどおもしろいですよー！ ■マルコさんへ ちょこちょこっとさわればいい感じになりますよー！ できるとたのしいですよね！ ■ミッドランドさんへ カスタムプラグインってのはHTMLを書き込める場所で、 ブログペットとかのタグを貼り付けたりする場所ですよ。 フォトラバはトラックバックを打つところですので、 やってみてくださいねー ■まきまきさんへ カスタムプラグインにリンクのタグを入れるとできますよー。 記事投稿画面とかでつくれるのでやってみてくださいねー（＾＾）！ |
Posted by だーしゃ at 2006年06月15日 23:20
■沖縄からヨッシャー（＝＾＾）９新着記事
>>最新画像の一覧を見る￤>>ブログの記事一覧を見る
■各種オリジナルページへ
|
・ブログ記事一覧を見る |
・写真の一覧を見る |
・タグでの区分けを見る |