広告

posted by fanblog

絵文字や省略タグを HTML タグに一発変換する方法

前回の サイドバーの項目の追加/編集は HTML コードで記述する でHtmlコードで記述する方法を説明しましたが、色々と試してみていただけたでしょうか?サイドバーの項目はHtmlコードで記述すれば記事欄と同じようなことができるのですが、やっぱり入力するのって面倒ですよね。

実はそんな面倒くさがり屋さんのために、ファンブログの省略タグをカンタンに HTML タグに変換する方法 っていう裏技があるんです。この記事では主に画像タグの変換方法を説明していますので、こちらでは絵文字や文章の変換方法を説明しちゃいます!(≧ω≦)b

▼ それではやり方の説明です ▼

まず最初に新規記事を作成する画面を開き、記事入力画面の1番上にテキストエリアを設置します。
以下のタグをコピーして記事入力画面の1番上に貼ってください。
<textarea>
元祖稼ぐ系ファンブログ
</textarea><br />
このタグを貼りますと、入力画面の下に「元祖稼ぐ系ファンブログ」という文章が表示された黒枠のテキストエリアのプレビュー画面が表示されます。これで準備完了です。
※ 設置する際は左サイドバーの オプション>改行を有効にする のチェックを外してください。チェックしたままですと以下のように余分な改行タグ<br>が表示されてしまいます。
<br>
元祖稼ぐ系ファンブログ<br>

記事入力画面の「元祖稼ぐ系ファンブログ」という文章をドラッグして「文字の設定」の「太」ボタンを押しますと・・・
<textarea>
<太>元祖稼ぐ系ファンブログ</太>
</textarea><br />
どうですか?下のテキストエリアのプレビュー画面にスルスルって HTMLタグが出てきましたよね!
<span style="font-weight: bold;">元祖稼ぐ系ファンブログ</span>
続けて記事入力画面では {まる} と表示される絵文字まるを選んで追記してみますと・・・
<textarea>
<太>元祖稼ぐ系ファンブログ</太>{まる}
</textarea><br />
こんな感じで絵文字のHTMLタグも一発変換で追記されます。
<span style="font-weight: bold;">元祖稼ぐ系ファンブログ</span><img src="/image/emoji/
81.gif" border="0">

あとは、このプレビュー画面で表示されたHTMLタグをコピーしてサイドバーの項目に貼り付ければ、あっという間にHtmlコードでの記述ができちゃいます。
元祖稼ぐ系ファンブログ
項目に貼り付ける前にどのように表示されるのかどうか確認したい場合は、プレビュー画面で表示されたHTMLタグをコピーして記事入力画面の </textarea> の下に貼り付けてください。テキストエリアのプレビュー画面の下に表示されますので色々と試してみてください。
いかがでしたでしょうか?この方法ならサイドバーに絵文字を入れたり、文字の装飾も簡単にできますからデザインの幅が広がりますよね。こちらの記事に適当なタイトルをつけて下書き保存しておきますと便利かもしれません。挿入した画像の変換につきましては、こちらの記事で詳しく解説しておりますので合わせてお読みください。
次回も引き続きサイドバーの項目についてのお話です。よろしくお付き合いくださいませ。(´・ω・`)b
※上記Htmlタグはコピー&ペーストでそのままご利用になれます。
※Htmlタグのご使用につきましては、利用者の自己責任にてお願いします。

この記事へのコメント

« 前の記事 : サイドバーの項目の追加/編集は HTML コードで記述する
関連記事をサムネイル付きで掲載するブログパーツ「LinkWithin」を導入してみました : 次の記事 »

ブログパーツ
美容整形
Related Posts Plugin for WordPress, Blogger...
×

この広告は30日以上新しい記事の更新がないブログに表示されております。