ウェブ関連

アメブロのサイドバー、カラム別のサイズは何px?

投稿日:2015年1月3日 更新日:

スポンサードリンク

アメブロサイドバーに関しても、いくつかの記事を更新していますが、写真を埋め込むにしても、YouTube動画を埋め込むにしても、サイズをいくつに設定したらいいのか解らない…っと言う状況を僕も、経験したことがあります。

 

カラムサイズ

 

※アメブロのサイドバーの、カラムは2カラム、3カラムの2パターンで、全5種類から選べる。

  • 2カラムの場合、サイドバーのサイズは300px

  • 3カラムの場合、小さい方が180px、大きい方は300px

です。

因みに、アメブロのサイドバーのカラム数の変更は、『マイページ』から、右上の『歯車』マークをクリックして、『デザインの変更』から、カラム変更画面へ行けます。

 

なので、サイドバーの大きい方に、

 

写真を埋め込みたい時

<a href=”リンク先URL” target=”ウィンドウの指定”><img src=”画像URL” width=”300″ height=”xxx” border=”枠の太さ”></a>

とすると、サイドバーを写真がはみ出したり、小さくなりすぎたりすることは、なくなりますね!

height=”xxx”(高さ)

の数値は、元の画像の横幅サイズによって値が変わってきてしまうので、明確な数字は、僕の場合は、GIMP2と言う、画像編集ソフト(無料)のもので、『サイズの拡大縮小』を使って、値を算出しています。

※GIMP2はWindows、Mac共に対応しています。

スポンサードリンク

 

YouTube動画をアメブロサイドバーに埋め込みたい時

埋め込みたい、動画を選択して、

①『共有』をクリック→②『埋め込みコード』をクリック→③『もっと見る』をクリック

Youtube

スポンサードリンク

 

 

下画像のような画面が出るので、サイズを決める赤枠をクリックして、『カスタムサイズ』を選択。

 

ユーチューブ

↓↓赤枠部分を、300pxと入力すると、高さは勝手に設定されるので、上部のHTMLコードをコピーして、アメブロのサイドバーにコピーで埋め込めます。

youtube4

 

 

 

 

【合わせて読みたい記事】 
アメブロのサイドバーにTwitter(ウィジェット)を埋め込み方を解りやすく解説!
アメブロ記事内にYouTubeを埋め込めてない方へ…。
アメブロのサイドバーにYoutube動画を埋め込む方法
アメブロにグーグルアナリティクスを設置する方法

 

はてなブックマークもお願いします!
このエントリーをはてなブックマークに追加
スポンサードリンク


-ウェブ関連

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

SNS戦略の事例と課題!それぞれのメリットと集客方法は?

Tweet Tweet スポンサードリンク インターネットというものが、僕達の私生活から、切っても切り離せない時代になりましたね! 企業では勿論、個人レベルでも、集客方法の一つとして、必ず使っているの …

アメブロからペタがなくなるんだって(´・ω・`)悲しいなぁ…。

Tweet Tweet スポンサードリンク Amebaさん…どんどんシステムの終了が… サービス終了は11月18日(水) つい最近、なうのサービスも終了のお知らせがあったんだよね。 Ameba(サイバ …

ムービーメーカーとYouTubeと効果音♪著作権フリー

Tweet Tweet スポンサードリンク そして、これはあんまり、このブログを見てる人には関係のないお話かもしれないけど、動画編集に、僕が使ってるのは、ムービーメーカーってやつですね!! &nbsp …

マーケティングとは何か?4P、3Cって何?殆どが市場調査で終わってない?

Tweet Tweet スポンサードリンク こちらのブログは超久しぶり! こんにちわ、博之です。 先々週、先週と、僕は読書週間的に、4冊の本を読みました。 その中で、『ウェブセールスライティングブック …

アメブロのサイドバーにTwitter(ウィジェット)を埋め込み方を解りやすく解説!

Tweet Tweet スポンサードリンク 久しぶりにコレ系の記事を書きますね♪ タイトルのように、アメブロのサイドバーカスタム的な物も、一昔前…と言うか、Vシーンにいた時は、僕はスタッフさんとかが、 …

記事内ワード検索


【名前:ヒロ兄】

36歳元ビジュアル系バンドマン!

インターネットとリアルのハイブリッド収入で、働かなくても収入が入ってくる仕組み作りを構築。

目標は、やりたいことをやりたい時にできる様な生活をすること。

【実績】
2017年2月 トレンドブログで日当30,000円超え
2017年12月 資産型ブログに挑戦
2018年1月 インターネットの知識を利用し、リアルビジネスに挑戦
2018年7月 当時のバイトを超える収入を獲得

■詳しいプロフィールは:こちらへ
■はじめての方へ:おすすめ記事3選
■お問い合わせは:ここからどうぞ