> ガジェット | カスタマイズ | 画像 >
Blogger の「スライドショーガジェット」の画像表示サイズを大きくする方法
3.そのコードの直前に、以下の赤字のコードを挿入します。
4.「テンプレートを保存」ボタンを押します。
これだけです。
下線部分の値はこのブログ用のものになっています。自分のブログのサイドバーのサイズに合わせて使ってください。width をサイドバーのコンテンツの幅にして、height の方は写真の中で一番多いアスペクト比で指定するのがいいんじゃないでしょうか。
たとえば、うちのブログの場合、サイドバーのコンテンツのサイズは 320px なので、少し余裕を持たせてガジェットの幅(width)は 300px に、写真はほとんどが横縦比 3:2 なので、高さ(height)を 200px に、という風に指定しました。
みなさんも、ぜひいろんなサイズでスライドショーをレイアウトしてみてください。
参考:
スポンサードリンク:
お願い:
サイドバーに画像を表示するガジェットとして、Blogger には「スライドショーガジェット」というのもが存在します。このガジェットを使うと、Picasa ウェブアルバムや Flickr やその他写真を含む フィードを登録することで、簡単にスライドショーを設置することができます。
このブログのサイドバーに、試しにつけてみたのが下の画像。
「小さい!」というのが第一印象なんじゃないでしょうか。ガジェットのタイトル間が妙に空いてしまうのも困りものですね。ガジェットの設定画面で調節できるといいんですが、あいにくこのガジェットの設定画面には、画像の表示サイズを指定する項目がありません。
そこで、今回のブログカスタマイズです。表示される写真を拡大して、最終的にこんな感じになります。
手順
1.ブログの管理画面「テンプレート > HMTL の編集」(旧インターフェースでは「デザイン > HMTL の編集」)を開きます。
2.次のコードをみつけます。(ブラウザの検索機能を使うと便利です。)
]]></b:skin>
3.そのコードの直前に、以下の赤字のコードを挿入します。
.slideshow-container {
width: 300px !important;
height: 200px !important;
}
]]></b:skin>
width: 300px !important;
height: 200px !important;
}
]]></b:skin>
4.「テンプレートを保存」ボタンを押します。
これだけです。
下線部分の値はこのブログ用のものになっています。自分のブログのサイドバーのサイズに合わせて使ってください。width をサイドバーのコンテンツの幅にして、height の方は写真の中で一番多いアスペクト比で指定するのがいいんじゃないでしょうか。
たとえば、うちのブログの場合、サイドバーのコンテンツのサイズは 320px なので、少し余裕を持たせてガジェットの幅(width)は 300px に、写真はほとんどが横縦比 3:2 なので、高さ(height)を 200px に、という風に指定しました。
みなさんも、ぜひいろんなサイズでスライドショーをレイアウトしてみてください。
参考:
スポンサードリンク:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

こちらを拝見してスライドショーの画像、
ReplyDelete大きくできました!
HTMLをいじるのが不安でしたがそのままコピペさせて
いただき問題なしでした。
ありがとうございます!
Bonus Gratis melalui Dealer Poker Uang Asli Volgograd Region Capital Situs www.rusiapoker.us Melalui BPD Sumut Syariah Kode Bank 117.
ReplyDeleteThanks for sharing your inspiring blog the information was very useful to my project ….
ReplyDeletenorton.com/setup
I run to where the sun rises, every night. Whoever comes tomorrow is the same. That boy the world is very big. 1v1 lol slope unblocked
ReplyDelete