アメブロ画像を柔らかくする方法(角を丸くする方法) | 日本文化 好き やすの超易しいWEBブログ!

日本文化 好き やすの超易しいWEBブログ!

九州地域を対象にブログのカスタムデザインや、ホームページの制作をやっている会社です。「これからブログを始めたい」と思っている方には初期設定からアドバイスもさせてもらっています。ソーシャルメディアの特性を良く理解したWEBデザイナーがサポート致します。

こんにちは~福岡から日本文化をこっそり広げたいと思っている WEBデザイナー やす です。


今日はアメブロの画像をちょっと柔らかくする方法をご紹介したいと思います^^

まずは聞くよりも見た方が早いと思うので、ご覧ください。


通常写真を貼るとこんな感じになります。




でも、ちょっと、チョコチョコっと”あるコト”をすると、こうなります♩




お分かり頂けましたか?何が違うのか。


ちょっと柔らかくなった感じがしませんか?


写真の角。

丸っこくなっているでしょ^^

(申し訳ありません。記事を書いてある方から教えて頂いたんですが、どうもスマホでは反映されないみたいです(T_T) PC版のみでの反映となりますので、もし「PCだけでも~」と思った方のみ設定してみてください。)


こうすることで、今まで角張って固いイメージの写真を、丸く柔らかくすることができます。


ということで、この設定方法をお伝えしますね。


まず、アメブロ管理画面で「デザインの変更」を押す



そしてその次に「CSSの編集」を押す



で、CSS設定画面が開いたら、コードが沢山書いてあるボックス内を一番したまで下げる(スクロールする)。



そして最後に、このコードを


img {
border-radius : 5px;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
margin:0px;
border:solid 1px #cccccc;
}




一番下に貼り付け、保存ボタンを押すと、



全部の画像の角が丸くなります(^^)

(因みに、現在このコードでは「5px」になっていますが、この数値を「10px」のように数字を大きくすると、丸みが大きくなるし、逆に数値を小さくすると丸みが小さくなります。)


丸くしてみたい方は、やってみて下さい^^簡単ですよ♩


最後まで読んで頂きありがとうございます。
日本の良い文化がもっともっと広がりますように。

今日も最後まで楽しみましょ~♪



SNS活用方法について一緒に学ぶ勉強会です。

1回目 4月28日(木)開催時間 19:00~21:00
『集客できるブログの書き方講座』
https://www.facebook.com/events/244259259240013/

2回目 6月30日(木)開催時間 19:00~21:00
『リピート客を生み出すFacebook活用術』
https://www.facebook.com/events/1513424128962924/

3回目 8月4日(木)開催時間 19:00~21:00
『Twitter&Instagram集客活用術』
https://www.facebook.com/events/448681035302343/



インスタグラムもやっています。
「和」を感じる写真をUPしています。フォローしてくれると嬉しいです。
yasu.ambition

ツイッターもやっています。
自分の感覚をつぶやいています。フォローしてくれると嬉しいです。
@fanclip


やすのホームページ(fanclip)
http://www.fanclip.jp/


<<ブログ初心者サポート!ブログカスタマイズやってます(2つから選べるコース)>>