ブログ記事7,731件
「Amebaブログ認定講師」になった奥田の初セミナー!5/1(水)10時よりAmebaブログforビジネス主催オンラインセミナー開催します!/「ブログで自分を表現する方法がわからない...」「ブログのイメージを変えたいけど、やり方がわからない...」「ブログで集客をしたいけど、どういったデザインにしたらいいんだろう...」\そんな方にぴったり!テーマは自分のイメージを作り上げよう!「顔タイプ診断×デザインで作るブログイメージ」Amebaブログの「ビジネ
アメブロで自分のインスタグラムを紹介することってありますよね。そんなときユーザーネームまではわかってもURLをどう貼ればいいのか迷うことはありませんか?今回は、インスタグラムのリンクを貼る方法をご紹介します。インスタグラムのリンクを貼る方法①まず、自分のインスタグラムをパソコンで開きます。②次に画面上のアドレスバーを見ます。自分のインスタグラムのURLです。(ピンクの線の部分がユーザーネーム)③URLの上で右クリックして
「あなたらしい」暮らしと仕事の土台を整えるお手伝い広島の整理収納アドバイザーアメブロ整えアドバイザーおりたのりこですお問い合わせは▼Amebaブログには自分で作成した画像を設置できる場所がいくつかあります。①まずはブログの顔ヘッダーそして②プロフィールページのプロフィール画像と③プロフィールカバー画像そして記事の中に④告知画像や⑤バナー画像画像を使うことは必須ではないですが画像を設置することで文
ご提供中のアメブロカスタマイズは◆ヘッダープラン◆シンプルプラン◆ミニマムプラン◆フルカスタマイズプラン4種類あるのでプランの違いをまとめてみました!各プランにスマホで表示されるヘッダーを設定いたします^^『アメブロカスタマイズのスマホ用ヘッダーについて』昨日の記事にも書いたのですが『ついに!!スマホ用ヘッダーが設置できるようになりました♡』以前からアメブロカスタマイズで「スマホのカスタマイズはできますか?…ameblo.jpヘッダープ
ブルーの光背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルブルーの光背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240423/12/atelier-plume-net/ff/09/j/o0650065015429492380.jpg);"><divs
昨日、写真背景囲み枠についてこういった、写真の囲み枠はカードタイプのように文字幅で使うことは困難なものでしょうか?というコメントをいただきました!ありがとうございます写真背景囲み枠も文字幅でお使いいただけます!文字幅の囲み枠にする方法たとえば、勿忘草の囲み枠でしたら本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/
薔薇背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル薔薇背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240228/15/atelier-plume-net/2d/ec/j/o0650065015407012104.jpg);"><divstyle="backgr
グラデーション囲み枠のアレンジ方法をご紹介します。囲み枠のコードのlinear-gradientの部分を探してカラーやグラデーションをアレンジしてくださいね♡グラデーションの上下を変える方法linear-gradient(上色,下色)の上下の色を入れ替えることでグラデーションを変えることができます。例)上品なピンク背景と外枠ピンクのグラデーション(下が薄い)<divstyle="display:inline-block;padding:2
ラベンダー背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルラベンダー背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240425/14/atelier-plume-net/4e/50/j/o0650065015430297063.jpg);"><divs
かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき角丸背景があります♥外枠つき背景ピンクの背景にゴールド実線外枠<divstyle="display:inline-block;background:#FFEFF5;padding:10px;border:1pxsolid#D3BB83;">本文はここに入力してください。改行はShift+Enterで!</div>ピンクの背景に
つつじ色の囲み枠です。文字数に合わせてサイズが変わります。・シンプルな枠線・角丸枠線・タイトル付き枠線・タイトル付き角丸枠線シンプルな囲み枠実線:solid<divstyle="display:inline-block;border:2pxsolid#E95295;padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>二重線:double<divstyle="display:in
ピンクの花背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルピンクの花背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240422/21/atelier-plume-net/f9/09/j/o0650065015429295989.jpg);"><divs
カスタマイズ方法をまとめましたHTML編集画面CSS画面を見ながらぜひ試してみて下さいね♡この記事を読んでわかることオリジナルヘッダー設置方法スマホから見えるヘッダー設置記事フォント変更サムネイル画像の付け方画像にリンクを付ける方法スマホアプリで枠を付ける方法【コピペ】オススメの囲み枠、ボタン✿ヘッダー設置ブログのトップにはぜひオリジナルのヘッダーを設置しましょう!プロとして信頼感が増してあなただけのブログページとして
ふんわり大人っぽいぼかし囲み枠です。文字数に合わせてサイズが変わります。各囲み枠の中のコードをコピペしてお使いください^^display:inline-block;をはずすと幅いっぱいになります!ふんわりぼかし囲み枠<divstyle="display:inline-block;background:#E9E8FA;box-shadow:#E9E8FA0010px10px;padding:8px;">本文はここに入力してください。改行はShift
「囲み枠を中央に寄せるには?」とご質問をいただきました。文字数で変わる囲み枠だと右側の余白が気になる場合もありますよね。今回は囲み枠を中央に配置する方法をご紹介します。やり方はいろいろありますがわかりやすい方法で^^例えば…本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;border:4pxdouble#48AADC;padding:15px;">本文は
ふんわりかわいいブルー系囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルふんわりかわいい本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240119/19/atelier-plume-net/05/3f/j/o0650065015391328666.jpg);"><d
アメブロでは自作動画のアップロードはスマホからのみでたった1分だけスライドはCSS編集できるヘッダーとフリースペースだけ。アメブロ記事内にhtmlタグだけでスライド出来ないものかと調べてみました。出来るんです。marqueeを使いましょう!シンプルに言うと文章や写真をmarqueeで挟むだけなんです。速さや方向も変えれますよ。写真は同じサイズの方がいいですよ。簡単に言うとこういう構造<marquee>文字や画像</marquee>
メッセージボードや記事下定型文におすすめです。花瓶の薔薇背景角丸花瓶の薔薇背景影つき花瓶の薔薇背景影つき角丸花瓶の薔薇背景があります。シンプル花瓶の薔薇背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20220424/21/atelier-plume-net/68/93/j/o06500650
囲み枠が幅いっぱいだと大きすぎるし文字幅に合わせると小さすぎる…ということはありませんか?そんな場合は囲み枠のサイズを指定した幅の中に入れてしまいましょう!今回はこちらの↓囲み枠を使います。『ピンクのタイトルボックス付き囲み枠』タイトルボックス付き囲み枠ここにタイトルここに文字改行はshift+エンターここにタイトルここに文字改行はshift+エンター角丸タイトルボッ…ameblo.jpここにタイトルここに文字改行はshift+エンター
4月に人気だった囲み枠をご紹介します!2021年4月に人気だった囲み枠ベスト101位『ロゼピンクの囲み枠』ロゼピンクの囲み枠です。文字数に合わせてサイズが変わります。・シンプルな枠線・角丸枠線・タイトル付き枠線・タイトル付き角丸枠線文字数に合わせてサイズが変わ…ameblo.jp2位『ピンク×ゴールドのエレガントな枠線』かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき
ブログのタイトルにも使える背景色と上下ラインです。背景色と上下ライン(画面幅いっぱいタイプ)淡いピンク<divstyle="border-top:#F0D5D7solid1px;border-bottom:#F0D5D7solid1px;padding:8px;font-weight:bold;background:#FEF8FB;">ここに見出し</div>淡いグリーン<divstyle="border-top:#7BCDD8s
タイトルボックス付き囲み枠タイトルボックス付き囲み枠角丸タイトルボックス付き囲み枠角丸タイトルボックス付き角丸囲み枠タイトルラベル付き囲み枠角丸タイトルラベル付き囲み枠角丸タイトルラベル付き角丸囲み枠があります。タイトルボックス付き囲み枠ここにタイトルここに文字改行はshift+エンター<divstyle="padding:10px18px;background:#ECC656;"><spanstyle="font-weight:bold;color:
ラナンキュラス背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルラナンキュラス背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240319/15/atelier-plume-net/78/c2/j/o0650065015414907478.jpg);"><divs
ナチュラルで上品なシルバーっぽい外枠がついた囲み枠です。■#FF919Fなどの文字色をワンポイントに使っても!文字数で幅が変わるタイプと幅いっぱいタイプです。外枠つき背景実線:solid<divstyle="display:inline-block;background:#FFF7F8;padding:10px;border:1pxsolid#E8E8E8;">本文はここに入力してください。改行はShift+Enterで!</div>点
以前からアメブロカスタマイズで「スマホのカスタマイズはできますか?」「スマホにヘッダーは設置できますか?」と、よくご質問いただいていました。スマホにもヘッダーがあると差別化になるし、世界観も伝わりますもんね。でも今まで一般のアメブロでは設置することができませんでした><ところがついに!!!スマホでもヘッダーが設置できるようになったんです。こちらは2024年初旬にスタートする新プランなのですが先行体験版が10月23日からスタートしています!
/「自分でデザインをしてみたいけれど何から手をつけたらいいのかわからない...」「全くデザインをしたことないけれどこれからやってみたい...」「なんとなくデザインしているけどこれでいいのかな...」\そんな方にぴったり!ルールを知って基礎力アップ!「自分でデザインしたい人のための!デザイン入門講座」のご案内です。セミナー申込みお申込みフォームデザイン入門講座とは?インターネットの普及や便利なデザインアプリの開発で誰でも簡単にデザインができるようにな
今日は、写真背景の囲み枠で文字を入れる部分の透け感を変える方法のご紹介です。どの部分の透け感が変わるの?【例1:通常】本文はここに入力してください。改行はShift+Enterで!【例2:半透明】本文はここに入力してください。改行はShift+Enterで!変更する場所は?囲み枠タグ内のbackground:rgba(255,255,255,0.87);の0.87の部分が透け具合になります。(その前の255,255,255は白色
ネットの世界は10年大昔。今日は辛口英語講師のためのWEB屋、わたなべですちょっと前までは、5年一昔と言われていましたが、今はもう、3年一昔、めまぐるしい変化の時代です。英語講師の方に限らずですが…30代以上の女性に多いこちらの表現。ewebya☆gmail.com☆を@に変えて送信してください。っていうの。一言でいうと、…古いですこれをやる理由がわかってしている人は、いいんです。(いえ、あんまりよくないけど、一旦、よしとしま
7月に人気だった囲み枠をご紹介します。囲み枠選びの参考にしてください^^1位『グリーンのキラキラ背景の囲み枠』グリーンのキラキラ背景囲み枠です。メッセージボードや記事下定型文におすすめです。グリーンのキラキラ背景角丸グリーンのキラキラ背景影つきグリーンのキラキラ…ameblo.jp2位『ピンク×ゴールドのエレガントな枠線』かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき角丸背
ふんわりかわいい囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルふんわりかわいい本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240117/15/atelier-plume-net/80/c2/j/o0650065015390522085.jpg);"><divsty