ブログ記事7,735件
こんにちは!ブログコンサルタントの櫻井圭子です。プロフィール/コンサル/セミナー/お問い合わせ初めましての方はよろしければこちらも読んで下さいね◆生い立ちから起業までのヒストリー本日はアメブロの記事の中で使える囲み枠線の作り方というお役立ち情報をお届けします!コピペ対応のかわいい配色サンプル付きですよ!スマホアプリで使う場合の説明&段々にならない改行の仕方も説明しています。◆現在募集中のメニューブログで集客する方法をお伝えしています。▶︎▶︎▶
※11月12日に加筆修正しました。注目して欲しい内容や定型文、メニュー紹介、お客様のお声など囲み枠があるとぐっと見やすくなります。長文の時は見出しをつけると内容がわかりやすくなり、親切ですよね。シンプルなタイトル付きの囲み枠や見出しなどを彩度を抑えた優しい色合いで作ってみました^^よろしければ皆さんもお使いください^^グレーの枠内にある白い文字のタグをコピーしてHTML表示にして貼り付けるだけでOKです。
/「自分でデザインをしてみたいけれど何から手をつけたらいいのかわからない...」「全くデザインをしたことないけれどこれからやってみたい...」「なんとなくデザインしているけどこれでいいのかな...」\そんな方にぴったり!ルールを知って基礎力アップ!「自分でデザインしたい人のための!デザイン入門講座」のご案内です。セミナー申込みお申込みフォームデザイン入門講座とは?インターネットの普及や便利なデザインアプリの開発で誰でも簡単にデザインができるようにな
文字リンクは、パソコンとスマホのテンプレートによって表示が異なることがありますよね。(パソコンで見るとリンクがピンクなのにスマホではグリーン…とか。)今回は、リンクの下線を表示・非表示にする方法とリンクの文字色を変更する方法をご紹介します。まず、文字リンクを貼ります!①文章を書いてからリンクを貼りたいところを選択します。②リンクの挿入をクリック③テキストに選択した文字が入っているのを確認してURLを貼付けてリンクを挿入するを
今日は、写真背景の囲み枠で文字を入れる部分の透け感を変える方法のご紹介です。どの部分の透け感が変わるの?【例1:通常】本文はここに入力してください。改行はShift+Enterで!【例2:半透明】本文はここに入力してください。改行はShift+Enterで!変更する場所は?囲み枠タグ内のbackground:rgba(255,255,255,0.87);の0.87の部分が透け具合になります。(その前の255,255,255は白色
2016年10月14日のアメブロレッスンにご参加してくださった伊藤明香様からご感想をいただきましたので、ご紹介させていただきます。木村明日香さん主宰、アクトレススピーチアカデミー同期の櫻井圭子さんのアメブロ初心者レッスンを受けてきました。カスタマイズもその場で一緒にしてくれてとーっても手厚いレッスンです。初心者でもわかりやすく、個々のレベルや、悩みに合わせて対応してくれるので、安心♡☆---------------【伊藤明香様のブログ】
メッセージボードや記事下定型文におすすめです。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル梅の花写真背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20220202/19/atelier-plume-net/2b/c0/p/o0650065015069697553.png)
Canvaでヘッダーを自作し、設置したけど、上手く設置できないというご相談をいただきました。綺麗に見えるように設置のお手伝い、できます!!どこをどのように直すかは見せていただいてお見積りしますが、今までいただいたご依頼では2,500円~16,500円でした。せっかく自作したのに・・・という方はぜひ、ご相談ください!!今日の関連ブログあなたが何屋さんか一目で伝えるブログヘッダー8割の見栄えを制して読んでもらえるブログにするブログを見やすく、探しやすくする
「囲み枠を中央に寄せるには?」とご質問をいただきました。文字数で変わる囲み枠だと右側の余白が気になる場合もありますよね。今回は囲み枠を中央に配置する方法をご紹介します。やり方はいろいろありますがわかりやすい方法で^^例えば…本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;border:4pxdouble#48AADC;padding:15px;">本文は
先週人気だった囲み枠です♡囲み枠を選ぶときの参考にしてみてくださいね。1位『ホワイトレースフラワー背景の囲み枠』見えにくいですが…ホワイトレースフラワー背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルホワイトレースフラワ…ameblo.jp2位『ダマスク柄【ピンク】の囲み枠』ダマスク景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力し
「自分で整える時間がない」「パソコン作業が苦手でできない」「魅力が伝わるビジュアルに整えたい」「開いたらテンションの上がるブログにしたい」「オリジナルのヘッダー画像で同業者と差別化したい」そんな方へ\アメブロがもっと素敵に!/あなたの個性を引き立てるヘッダー作成&カスタマイズのご案内ですお申し込みはこちら!ヘッダー作成&カスタマイズとは?商品やサービスの告知記事を準備した!メッセージボードや記事下サイドバーなどサービスやお知らせを掲載し
ダマスク背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルダマスク背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240501/21/atelier-plume-net/79/a6/j/o0650065015433059869.jpg);"><divstyle="
ブログ記事内に簡単にふりがなをつける方法をご紹介します!7歳と5歳の男の子ママFreelydesignの神田裕子です^^思わず飾りたくなるずっと眺めていたくなる。あなたの魅力が伝わる世界にひとつだけのデザインを。ぬくもりのある手描きの水彩画と組み合わせてアメブロカスタマイズや名刺・ショップカード・チラシなどを想いを込めてお作りします^^いつもいいねや読者登録ありがとうございます^^ブログを書いていて、「英語
たんぽぽ背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルたんぽぽ背景本文はここに入力してください。改行は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%,
「Amebaブログ認定講師」になった奥田の初セミナー!5/1(水)10時よりAmebaブログforビジネス主催オンラインセミナー開催します!/「ブログで自分を表現する方法がわからない...」「ブログのイメージを変えたいけど、やり方がわからない...」「ブログで集客をしたいけど、どういったデザインにしたらいいんだろう...」\そんな方にぴったり!テーマは自分のイメージを作り上げよう!「顔タイプ診断×デザインで作るブログイメージ」Amebaブログの「ビジネ
メッセージボードや記事下定型文におすすめです。ダマスク背景角丸ダマスク背景>影つきダマスク背景影つき角丸ダマスク背景シンプルダマスク背景本文はここに入力してください。改行は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
”一人ぼっち”から安心の居場所へリセットする家族関係改善カウンセラーeruka(えるか)です。家族関係・パートナーシップ・子育てなど人間関係の悩みが楽になるためのカウンセリングや個人セッションブログに関してのオンラインサポート講座のアシスタントなど東京都内で対面・オンライン等で行っています。*・・・*・・・*・・・*・・・*・・・*・・・*▼現在受付中のメニューはこちら◆erukaの個人セッション◆
かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき角丸背景があります♥外枠つき背景ピンクの背景にゴールド実線外枠<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