フリープラグインのダイエット | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

フリープラグインのダイエット

フリープラグインには3800文字の文字数制限があります


このブログでもいろいろとフリープラグインに設置するものを紹介してきました

すでに・・・フリープラグインの文字数制限に引っかかっている方も多いと思います



話は変わりますが・・・

先週・・・アメブロにフリープラグインの文字数制限緩和のお願いをしました

返事が来るといいな~



で・・・・



次回予定・・・・の

メッセージボードタイプは記事下のバナーとは違い

告知、注意、アフェリエイト等で使うと思われます・・・・

当然・・文字数もタグも多いと思われますので

ダイエット方法についてももう一回やっておきます



次回の記事は上地雄輔さんのメッセージボードを無断でお借りして参考にしています

・・・ので

今回も上地雄輔さんのメッセージボードで説明します



そのまま使うとダイエット前・・・・・・・ ↓


var myTm ='<p><font color="#0000ff" size="3"><strong><a href="http://profile.ameba.jp/kamijiyusuke/" target="_blank">【最新情報】はこちら!</a> </strong></font></p><p>テレビ・雑誌・WEB。</p><p>上地雄輔の出演情報を知りたい方は<a href="http://profile.ameba.jp/kamijiyusuke/" target="_blank">クリック</a> ! </p><p>※<a href="http://m.profile.ameba.jp/pub/roomTop?targetAmebaId=kamijiyusuke&amp;guid=ON" target="_blank">モバイルの方はこちら</a></p><br /><p><a href="http://secret.ameba.jp/kamijiyusuke/amemberentry-10083340214.html" target="_blank"><strong><font color="#0000ff">アメンバー限定記事はこちら</font></strong></a><img height="16" alt="!!" src="http://stat.ameba.jp/blog/ucs/img/char/char2/176.gif" width="16" /></p><p>上地雄輔の<img height="16" alt="ヒミツ" src="http://stat.ameba.jp/blog/ucs/img/char/char2/137.gif" width="16" />とは…<img height="16" alt="!?" src="http://stat.ameba.jp/blog/ucs/img/char/char2/177.gif" width="16" /></p><br /><p><font size="3"><strong><img height="16" alt="携帯" src="http://stat.ameba.jp/blog/ucs/img/char/char2/107.gif" width="16" />携帯でチェック!</strong> </font><br /><a href="http://stat.ameba.jp/user_images/d2/a2/10131855883.jpg"><img style="CLEAR: both; FLOAT: left" height="74" alt="上地雄輔オフィシャルブログ「神児遊助」 Powered by Ameba" src="http://stat.ameba.jp/user_images/d2/a2/10131855883_s.jpg" width="74" border="0" /></a></p><br /><p> <a href="mailto:?subject=Amebaモバイル&amp;body=http://ameblo.jp/kamijiyusuke/">携帯にURLを送る</a><br /> ※ドメイン指定されている方は解除をお願いいたします。</p>'




こうです・・・・・

文字数にして1600文字・・・ フリープラグイン3800文字の約4割だって・・・・

(3800文字は1バイトで3800文字です、漢字のような2バイトでは1900文字です)



まずは・・・・ <br /> を <br> に変更します

続いてalt属性 alt="上地雄輔オフィシャルブログ「神児遊助」 Powered by Ameba" を削除します
それから border="0" と >の前の / />を削除


ココでは全体を<div> と </div> で囲っていますので 中の <p> と </p> は削除

※ </p><p> は 行が変わりますから <br> に変更します

height="74"   画像の高さを削除・・・・なくても何とかなります

width="74"    画像の幅も削除しちゃいます


あとは余分なスペースも削除です・・・スペースも1文字全角スペースは2文字です


それでも入りきらなければ <strong> </strong> 太文字は我慢しましょう

まだ・・ダメって~場合は文字色も・・・・



で、ダイエット後・・・・・・・ ↓


var myTm ='<font color="#0000ff" size="3"><a href="http://profile.ameba.jp/kamijiyusuke/" target="_blank">【最新情報】はこちら!</a></font><br>テレビ・雑誌・WEB。<br>上地雄輔の出演情報を知りたい方は<a href="http://profile.ameba.jp/kamijiyusuke/" target="_blank">クリック</a> ! <br>※<a href="http://m.profile.ameba.jp/pub/roomTop?targetAmebaId=kamijiyusuke&amp;guid=ON" target="_blank">モバイルの方はこちら</a><br><a href="http://secret.ameba.jp/kamijiyusuke/amemberentry-10083340214.html" target="_blank"><font color="#0000ff">アメンバー限定記事はこちら</font></a><img src="http://stat.ameba.jp/blog/ucs/img/char/char2/176.gif" ><br>上地雄輔の<img src="http://stat.ameba.jp/blog/ucs/img/char/char2/137.gif">とは…<img height="16" alt="!?" src="http://stat.ameba.jp/blog/ucs/img/char/char2/177.gif" width="16" /></p><br /><p><font size="3"><img src="http://stat.ameba.jp/blog/ucs/img/char/char2/107.gif">携帯でチェック!</font><br><a href="http://stat.ameba.jp/user_images/d2/a2/10131855883.jpg"><img style="CLEAR: both; FLOAT: left" src="http://stat.ameba.jp/user_images/d2/a2/10131855883_s.jpg" ></a><br> <a href="mailto:?subject=Amebaモバイル&amp;body=http://ameblo.jp/kamijiyusuke/">携帯にURLを送る</a><br> ※ドメイン指定されている方は解除をお願いいたします。'


結果・・・・320文字 約2割のダイエットできました




※これらのタグは不必要なのではありません

 必要なんですが・・・3800文字制限の前では やむを得ずいなくなっていただくだけです