ブログカードのhtmlコードを自動で簡単に作成する方法

2022年9月24日土曜日

ブロガー

t f B! P L

アメブロのアカウントを持っていれば簡単

画像も表示できて視覚的にも目を引くブログカード。

htmlコードの知識があったらいいですが、なくても簡単に作る方法があります。

URLを入力して自動生成してくれるブログやサイトもありますが、私の場合はアメブロを使っています。

①まずご自分のアメブロアカウントにログインして「ブログを書く」をクリックします

ブログカードのhtmlコードを自動で簡単に作成する方法

②画面上の赤丸で囲った「リンク」を押して「リンクの挿入」を呼び出します。

ブログカードのhtmlコードを自動で簡単に作成する方法

③ここにブログカードにしたい記事のURLをコピーして貼り付けます。

ブログカードのhtmlコードを自動で簡単に作成する方法

リンクを挿入するとアメブロの記事上にブログカードが生成されます。

ブログカードのhtmlコードを自動で簡単に作成する方法

④画面上の赤丸で囲った「HTML表示」をクリックします。

ブログカードのhtmlコードを自動で簡単に作成する方法

⑤ブログカードのHTMLコードが表示されているので丸々全部コピーします

ブログカードのhtmlコードを自動で簡単に作成する方法

⑥ご自分のブログの記事にHTML形式で貼り付けます

ブログカードのhtmlコードを自動で簡単に作成する方法

記事にブログカードが生成されました。

ブログカードのhtmlコードを自動で簡単に作成する方法

※注意点

特に問題はありませんが、HTMLコードに「ameba」と「ameblo」が入っています。

ブログカードのhtmlコードを自動で簡単に作成する方法

 

このブログを検索

Blog Archive

人気の投稿

QooQ