アメブロのQRコードの設置方法

当ページのリンクには広告が含まれています。
目次

アメブロのQRコードの設置方法

こんにちは!関達也(@SekiTatsuya)です!

サイドバーに
携帯ブログ用のQRコードを設置しました。
※今はありません…

関達也のブログ-QRコード

QRコードは元々用意してあればいいのですが、
ないようなので探しました。

まず、QRコードの探し方です。

http://tv.ameba.jp/
の欄に、自分のIDを入れて【ID検索】ボタンをクリックします。

自分のブログが表示されるので
【QRコード】をクリックします。

関達也のブログ-QRコード

QRコードが自分の顔写真を隠すように表示されます(笑)

関達也のブログ-QRコード

QRコードを自分のPCに保存します。

(そのまま保存したら小さい画像でしたので
私はキャプチャーしました)

保存したら、あとはブログの記事に
写真をアップする方法と同じように、
QRコードの画像をアップロードします。

そして、とりあえず新しい記事にでも
【この画像を使う】を使うにして
画像を貼り付けてみてください。

$関達也のブログ-QRコード

すると、次のようなソースが張り付きます。

<a href="http://◯◯◯.com/wp-content/uploads/blog_import_◯◯◯.png">
<img src="http://◯◯◯.com/wp-content/uploads/blog_import_◯◯◯.png"  alt="関達也のブログ-QRコード" width="151" height="204" border="0" />
</a>

この中から、imgタグの部分の

<img src="http://◯◯◯.com/wp-content/uploads/blog_import_◯◯◯.png"  alt="関達也のブログ-QRコード" width="151" height="204" border="0" />

の部分をコピーします。

そして、メニューの「サイドバーの設定」の
「フリースペースの編集」に
このソースを貼りつけて保存すれば完成です。

関達也のブログ-QRコード

(センターに寄せたりと少しカスタマイズしてます)

以上です!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次