ブログ記事523件
こんにちは!ブログコンサルタントの櫻井圭子です。プロフィール/コンサル/セミナー/お問い合わせ初めましての方はよろしければこちらも読んで下さいね◆生い立ちから起業までのヒストリー本日はアメブロの記事の中で使える囲み枠線の作り方というお役立ち情報をお届けします!コピペ対応のかわいい配色サンプル付きですよ!スマホアプリで使う場合の説明&段々にならない改行の仕方も説明しています。◆現在募集中のメニューブログで集客する方法をお伝えしています。▶︎▶︎▶
今日は、写真背景の囲み枠で文字を入れる部分の透け感を変える方法のご紹介です。どの部分の透け感が変わるの?【例1:通常】本文はここに入力してください。改行はShift+Enterで!【例2:半透明】本文はここに入力してください。改行はShift+Enterで!変更する場所は?囲み枠タグ内のbackground:rgba(255,255,255,0.87);の0.87の部分が透け具合になります。(その前の255,255,255は白色
枠線の記事への入れ方はコチラをご覧ください【アメブロ】枠線の入れ方スマホでの枠線の入れ方アメブロの記事に枠線を入れよう!~枠線の入れ方と注意点、失敗しないコツを解説!解説#で始まる6文字の英数字がカラーコードです。これを変えると色を変更できます。【配色の参考ページ】WEB色見本カラーコードパステルカラーパレット○pxがラインの太さです。数字が大きいほど太くなります。タグを変えると線の種類も変えられます実践:solid二重線:double
メッセージボードや記事下定型文におすすめです。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル梅の花写真背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20220202/19/atelier-plume-net/2b/c0/p/o0650065015069697553.png)
「囲み枠を中央に寄せるには?」とご質問をいただきました。文字数で変わる囲み枠だと右側の余白が気になる場合もありますよね。今回は囲み枠を中央に配置する方法をご紹介します。やり方はいろいろありますがわかりやすい方法で^^例えば…本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;border:4pxdouble#48AADC;padding:15px;">本文は
先週人気だった囲み枠です♡囲み枠を選ぶときの参考にしてみてくださいね。1位『ホワイトレースフラワー背景の囲み枠』見えにくいですが…ホワイトレースフラワー背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルホワイトレースフラワ…ameblo.jp2位『ダマスク柄【ピンク】の囲み枠』ダマスク景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力し
ブログ記事に囲み枠を入れるのは、案外簡単ですどの枠線を入れるか決めます。「アメブロ枠線」などで検索すると色々出てきますがコチラにもいろいろご用意しております【全600種類】アメブロ用枠線「HTML表示」に切り替えます記事を書く画面の下のところに、切り替えボタンがあります。入れたい枠線のタグ(四角の中の情報)をコピーして貼り付けます※改行のタグ<p></p>を残しておくと通常表示に戻した時に文章の入力がしやすいです通常
ダマスク背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240501/21/atelier-plume-net/79/a6/j/o0650065015433059869.jpg);"><divstyle="
たんぽぽ背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルたんぽぽ背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240414/15/atelier-plume-net/05/1f/j/o0650065015425719552.jpg);"><divsty
ブルーの光背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルブルーの光背景本文はここに入力してください。改行は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+エンター<divstyle="padding:10px18px;background:#ECC656;"><spanstyle="font-weight:bold;color:
アメブロで自分のインスタグラムを紹介することってありますよね。そんなときユーザーネームまではわかってもURLをどう貼ればいいのか迷うことはありませんか?今回は、インスタグラムのリンクを貼る方法をご紹介します。インスタグラムのリンクを貼る方法①まず、自分のインスタグラムをパソコンで開きます。②次に画面上のアドレスバーを見ます。自分のインスタグラムのURLです。(ピンクの線の部分がユーザーネーム)③URLの上で右クリックして
薔薇背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル薔薇背景本文はここに入力してください。改行は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
グラデーション背景の囲み枠。写真ではないので長めになってもキレイなグラデーションのまま伸びていきます。シンプル背景角丸背景影つき背景影つき角丸背景があります。背景の透け具合はお好みで調整してくださいね。グラデーション背景見出し用<divstyle="padding:8px;background-image:linear-gradient(45deg,#fff5ea0%,#ffe5f825%,#f4effd50%,#e7f9ff75%,
メッセージボードや記事下定型文におすすめです。ダマスク背景角丸ダマスク背景>影つきダマスク背景影つき角丸ダマスク背景シンプルダマスク背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20220713/07/atelier-plume-net/a5/c3/j/o0650065015146004955.jpg
メッセージボードや記事下定型文におすすめです。ひまわり背景角丸ひまわり背景影つきひまわり背景影つき角丸ひまわり背景シンプルひまわり背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20220702/14/atelier-plume-net/87/40/p/o0650065015141271896.pn
今回は、デザインツールCanva(キャンバ)でリボンのカーブに沿ってキレイに文字を入れる方法をご紹介します。(例)リボンにカーブ文字をのせる方法①左の素材をクリックして「リボン」と検索、下に表示されたリボンの中から好きなリボンを選びます。②次に、テキストをクリックして見出しを追加をクリック。このような感じになります。③文字を好きな文章・字体・サイズにしてリボンの上にのせてから文字の上でクリックして選択状態にします。④
ダマスク背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240503/15/atelier-plume-net/89/42/j/o0650065015433756104.jpg);"><divstyle="
ダマスク背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240502/21/atelier-plume-net/7c/cc/j/o0650065015433491936.jpg);"><divstyle="
囲み枠についてのよくある質問集です。起業女性しか使えませんかいいえ。どなたでもご自由にお使いいただけます。使うときは許可を取らないといけませんかいいえ。お好きな囲み枠のコードをコピペしてお使いください。ご自身のアメブロでお使いの際は当ブログのリンクなども必要ございません。囲み枠のアレンジがうまくできないのですがこちらでも様々なアレンジ方法をご紹介しております。https://ameblo.jp/atelier-plume-net/t
ブログ講座の受講生さんからご質問いただいたのでこちらでお答えします!枠線って、私の枠線一覧の記事のタグを使って作っていただくとこんな感じになるのですが・・・【全600種類】アメブロ用枠線本文実は、文字数に合わせて枠線の幅を自動調整する事ができます。本文この自動調整している枠線のタグはこんな感じになっておりまして・・・<fieldsetstyle="display:inline-block;background:#ffccc
記事下定型文にぴったりの囲み枠です。文字数に合わせてサイズが変わります。内側ラインの囲み枠内側ラインの角丸囲み枠があります♥内側ラインの囲み枠本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;background:#B3C9E6;padding:10px;"><divstyle="display:inline-block;background:#FFF;padding:5px;"
かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき角丸背景があります♥外枠つき背景ピンクの背景にゴールド実線外枠<divstyle="display:inline-block;background:#FFEFF5;padding:10px;border:1pxsolid#D3BB83;">本文はここに入力してください。改行はShift+Enterで!</div>ピンクの背景に
ダマスク景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240428/20/atelier-plume-net/27/24/j/o0650065015431665694.jpg);"><divstyle="b
グラデーション雲写真背景の囲み枠です。雲っぽく見えないかな^^;シンプル背景角丸背景影つき背景影つき角丸背景があります。背景の透け具合はお好みで調整してくださいね。雲写真背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20210622/17/atelier-plume-net/9
提供メニューなどに便利なタイトルボックス囲み枠のリンク集です。各ボックス内の文字リンククリックで各ページに飛びます。タイトルボックス付き囲み枠角丸タイトルボックス付き囲み枠角丸タイトルボックス付き角丸囲み枠タイトルラベル付き囲み枠角丸タイトルラベル付き囲み枠角丸タイトルラベル付き角丸囲み枠があります。タイトルトキ色タイトルロゼピンクタイトルかわいいピンクタイトル鮮やかでかわいいタイトル鮮やかなピンクタイトル
ちょっと早いですが^^;2月~4月のお花、ミモザ(アカシア)写真の囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。ミモザ写真背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20210126/21/atelier-plume-net/94/c0/j/o0640064014887229
7月に人気だった囲み枠をご紹介します。囲み枠選びの参考にしてください^^1位『グリーンのキラキラ背景の囲み枠』グリーンのキラキラ背景囲み枠です。メッセージボードや記事下定型文におすすめです。グリーンのキラキラ背景角丸グリーンのキラキラ背景影つきグリーンのキラキラ…ameblo.jp2位『ピンク×ゴールドのエレガントな枠線』かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき角丸背
ミモザイラストの囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。ミモザイラスト背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20240115/10/atelier-plume-net/00/81/j/o0650065015389680272.jpg);"><divstyle="b
ダマスク背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240429/16/atelier-plume-net/d1/43/j/o0650065015432035880.jpg);"><divstyle="