大人げない生き方 -3ページ目

アメブロをカスタマイズする!(2)

JUNCOです。

アメブロカスタマイズに着手しようとしています。

さて、カスタマイズするには、
カスタマイズ可能なデザインを事前に選んでおかなくてはなりません。

アメブロをカスタマイズする(1)

では、ベーシックスキンを紹介していましたが

ベーシック以外にも、カスタマイズ可能なスキンがあったようです。

アメブロ向上企画書 のブログで学びました。(大変参考になります)

スタンダードのグリーン・ブルー・ピーチ・グレイ

というのがよさそうです。


こっちをベースにしたほうが、やりやすそうですね。


そして、サイドバーが両脇にくるタイプをベースに
デザインしてみようかなと思います。


今日のところはこの辺で!


よかったらぺたりと
ペタしてね

アメブロをカスタマイズする!(1)

JUNCO@ウェブデザイナーです。

これから数回にわたって、アメブロをフルカスタマイズしていこうと思います。


今日は、カスタマイズの下準備としての設定を行っていきます。


アメーバヘルプ > クイックガイド > ブログ > スキンをカスタマイズしよう

に、基本的なことは載っています。



まずは

1カスタマイズ用スキン「ベーシック」を選択します。

を実行!


さらに「デザインの変更」タブで

スキンの選択>スキンのカスタマイズ>スキンCSSの編集から

基本的なレイアウトを決めておきます。

腐女子的ウェブデザイナーJUNCOの日常-レイアウト


現時点では、右にサイドバーをふたつ表示する設定にしてるのですが
次はどうしようかな~? 考え中。

ここまでは選ぶだけなので楽勝だと思います。

好きなレイアウトのものを選んでおいてください。


次回から、本格的に改造していきます(笑。





↓アメブロから書籍化


(お気に入りブログです)


よかったらぺたっと
ペタしてね

amebloにYouTubeの動画を載せよう(4)

JUNCOです。

amebloにYouTubeの動画を載せよう!

という記事を書いてました。

で、そのやり方に従って貼付けると

Youtube埋め込み

こんな風に、動画がちょっと左に表示されてしまいます。

もともと左寄せで表示する設定なんですね。

で、これを真ん中にするにはどうしたらいいの? 
と質問をいただいたので、やり方を書きますね。

<div align="center">と</div>で、YouTubeのコードを挟んでください。

こんな感じです。間に空白や改行は入れない方がいいと思います。

腐女子的ウェブデザイナーJUNCOの日常-code



すると、こうなります。↓



BUCK-TICKは私の趣味です(笑



[枚数限定][限定盤]GALAXY/BUCK-TICK[CD+DVD]

上の曲はこちら。

こんな風に、動画以外でも、
センタリング(中央に表示)したい場合には同じように、
表示したい範囲をdivで挟むとできますよ~♪




やってみてくださいね♪


【YouTubeの動画を載せよう!まとめ】

(1)記事を書く画面で、動画を貼付ける準備をする。
(2)お気に入りの動画を探して、埋め込みソースを用意する。
(3)動画のサイズを調整して、記事を投稿する。
(4)動画を記事内で中央に表示(センタリング)する。(お好みで


ではでは

よかったらぺたっと♪
ペタしてね