だーしゃの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講座 ヘッダーの画像を変えてみよう!
さっそく、カスタマイズしました。
THANKS!!
ただし、先日CSSをいじっているうちになぜかフッターが変形していた。
デザインプレート読み込みなおしても、直らないのはなぜでしょう??
■ junさんへ
これはカスタムプラグインでタグを閉じてないと良く起きる現状ですよ。
テンプレートを直らないのであればカスタムプラグインを見てみてください。
多分タグが閉じられてないはずですよ~。
なおった~!!
直りました。
目を皿のようにしてみてみると、が確かに掛けていた。
う~ん、恐るべしプラグイン!!(ってか、気がつけよ~。てね)
ってっきり、CSSのせいだと思っていたのに~。
ホントにありがとうございました。
今後ともよろしくお願いします。
調子乗って、リンクさせてもらいマフ。
■junさんへ
CSSとか難しいですからね~、しかもHTMLが絡んでくると複雑になってきます。
でも直って良かったですよ~。
リンクまですいませんありがとうございますね(^^)!
これいいですねー!
帰ったらさっそくやってみます!
ありがとうございます♪
■sunさんへ
こんにちは~(^^)ぜひぜひやってみてくださいね~
せっかくだしかっこいい方がいいですよね~
わからない所などがあったら聞いてくださいね~
よろしくです。
こんばんは!さっそくやってみました!!
とりあえず今日は、フォトラバとブログピープルを囲みましたよ~。
いじるの楽しいですねー♪
次の目標は、ヘッダーの画像交換です!
こんばんは~。
ほんの、ちょっぴりですが、変えてみることができました。
参考になりました(*^_^*)ありがとうございました!!
■sunさんへ
問題なく表示されてますね!
よかった~、やっぱり囲った方がかっこいいですからね~。
また色々CSSネタをやるのでどうぞよろしくです!
■pinkさんへ
ども~こんにちは!
お役に立ててうれしい限りですよ。
見栄えはいいほうがいいですからね~。
また色々やりますね~。
だーしゃさん!たびたびスイマセン・・・。
さっそくカスタムプラグインに挑戦しようとおもいましたが、
ソースをどうやって出せばいいのか分りません^^;
どうすれば、ソースを貼りつけれれますか??
教えてください!!
◇◆kirari◆◇さんへ
こんにちは!こちらのソースについてなのですが、
フォトラバのを表示させるならフォトラバの個別画面に行ってもらって、
そこのプラグインに書かれている物をコピーすればOKですよ。
そのほかのサービスもソースなどを提供してるので
サービスのページからとってくださいね~。
何を表示させたいんですか??
サイドバーに画像をつけたいんですけど、
どんなして画像が貼れるのか分らないんです・・・。
どうしたら表示することができるんですか??
■◇◆kirari◆◇さんへ
サイドバーに画像ですか!
まずは画像の表示の仕方ですが、
記事に書くようにまずタグが必要なんです。
なので記事投稿で画像のタグ
<IMG alt="" src="/usr/fullhouse12toys/allposter.jpg">
↑こんなのを用意して、コレをカスタムプラグインに貼り付けるだけでOKですよ~
やってみてくださいね~
こんにちは。ミキミキと申します。
こちらを参考にして、カスタムプラグインの変更うまくいったんですが・・・
日記が全部消えてしまいました~^^;
どこをさわったのか自分でもよくわからず。。。
こちらでわかりますか~?
元に戻せば、見れるようになるのかしら???
教えてください。
お忙しいところすみません。
カスタムプラグインを消したところ、元に戻りました~^^;
また、時間があるときにチャレンジしたいと思います。
お騒がせして申し訳ありませんでした。
■ミキミキさんへ
こんにちはーなかなかこたえられなくてすみませんー
多分カスタムプラグインのタグが問題だったんだとおもいますよー
タグが閉じてなかったりするとそうなるので注意がひつようです。
今度はコピペでやってみてくださいねー
■ミキミキさんへ
こんにちはーなかなかこたえられなくてすみませんー
多分カスタムプラグインのタグが問題だったんだとおもいますよー
タグが閉じてなかったりするとそうなるので注意がひつようです。
今度はコピペでやってみてくださいねー
ありがとうございます^^
また挑戦してみます!
ほんとにかっこよくなりました。
どうもありがとうございます!!
うれしいです。
ちょこちょこチェックしてお世話になっています。
これからもよろしくお願いします♪
カスタムプラグインという機能自体がわかりません。
それをする前と、した後ではどう変化して、どういったカスタムを望む人がその機能を使うといいのでしょうか。
フォトラバというのもわからないので合わせて教えてくれると嬉しいです。
ブログ白帯ですみません。
すみません!教えてください~~(;。;)
私もカスタムプラグインとは何かわからないです・・・
自分のホームページアドレスを『お気に入り』とは別の場所に貼り付けたいのですが、カスタムプラグインの欄に貼り付けるのかな?と思って・・
■ミキミキさんへ
ドンドンやってみてくださいね!
遣れば遣るほどおもしろいですよー!
■マルコさんへ
ちょこちょこっとさわればいい感じになりますよー!
できるとたのしいですよね!
■ミッドランドさんへ
カスタムプラグインってのはHTMLを書き込める場所で、
ブログペットとかのタグを貼り付けたりする場所ですよ。
フォトラバはトラックバックを打つところですので、
やってみてくださいねー
■まきまきさんへ
カスタムプラグインにリンクのタグを入れるとできますよー。
記事投稿画面とかでつくれるのでやってみてくださいねー(^^)!
いつも見させてもらってますw
こんなところでわるいんですが、友達のブログをリンクしたいんですよねw
で、カスタムプラグインをいじってみたりするんですけど全然できないんですよw
だーしゃs教えてください!
(ココにかいちゃってスミマセン書くところが分からなかったもんですからorz)
■★海★さんへ
コメントありがとうございます(^O^)
そして今回の件ですがお友達のブログ、管理画面のお気に入りってのでやると簡単ですよ
それともカスタムプラグインの方がいいんでしょうか~?
カスタムプラグインでやるのかなぁっと思ったのでカスタムプラグインをイジってましたw
お気に入り早速やってみましたw
ちゃんとできました!!だーしゃs教えて下さってありがとうございましたorz(土下座
また来ますねぇ^^
■ ★海★さんへ
よかったです!そんな感じでいじってみてくださいね、
他にも色々とできますからーー、
たのしいですよね、かすたまいずー(^~^)