超短縮!【Twitter counter】外部ファイル化手順
超短縮!アメブロプラグイン字数制限回避
「Twitter counterを外部ファイル化設置」
全てのブログパーツ等にも応用できるスキルです。
私は、ブログパーツの長いスクリプトは外部スクリプト
化してますが、他に字数制限回避方法はあるようです。
他の文字制限回避方法はこちら で紹介されてます。
注)フリープラグイン編集は自己責任でお願いします。
不具合発生等のクレーム等は一切お受けできません。
「スクリプト置き場の準備」
スクリプトを置くサーバー、もしくはアメブロで新しい
ブログアカウントを準備します。
サーバーでアップロードする場合、無料・有料どこでも
可能ですが、無料鯖ならFC2ホームページ がおすすめ。
ですがHTMLを1つもアップロードせず、完全スクリプト
置き場だと消される危険性があります。
レンタルサーバーをお持ちならばそちらを推奨します。
「Twitter counterコードをメモ帳にコピー」
1 こちらのページ で設定した後、発行されたタグを
メモ帳にコピー
2 下の赤い部分をコピーし、別メモ帳に貼り付け
このブログの例
<script type="text/javascript" id="tcws_168916530">
(function(){function async_load(){var s=document.createElement
('script');s.type='text/javascript';s.async=true;s.src='http://twitter
counter.com/remote/?v=2&username_owner=affilifollowall&users
_id=11787490&width=240&nr_show=6&hr_color=709cb2&a_color=
709cb2&bg_color=ffffff';x=document.getElementById('tcws_16891
6530'); x.parentNode.insertBefore(s,x);}if(window.attachEvent){window.attachEvent('onload',async_load);}else{window.
addEventListener('load',async_load,false);}})();
</script><div id="tcw_168916530"></div>
「外部スクリプト置き場にアップロード」
1
適当にファイル名を決めメモ帳を保存します。
ファイル名の後の拡張子はjsで名前をつけて保存。
2
アメブロ内におく場合は、別ブログを用意し、テンプレ
をカスタマイズ可能なものに変更した後、CSSを全て
消しスクリプトをペーストします
例:抽出コード例(あくまで例です)
(function(){function async_load(){var s=document.
createElement('script');s.type='text/javascript';s.
async=true;s.src='http://twittercounter.com/remote
/?v=2&username_owner=affilifollowall&users_id=117
87490&width=240&nr_show=6&hr_color=709cb2&a_co
lor=709cb2&bg_color=ffffff';x=document.getElement
ById('tcws_168916530'); x.parentNode.insertBefore
(s,x);}if(window.attachEvent){window.attachEvent
('onload',async_load);}else{window.add
EventListener('load',async_load,false);}})();
1
サーバーにアップロードした場合は、そのファイルの
URLをメモ帳に貼り付け
2
アメブロの場合はスクリプトブログをブラウザで表示
した後、Firefoxメニュー「表示⇒ページのソース」
CSSがいくつかありますが、通常は上から4番目の
URLをコピーして、メモ帳に張りつけます。
抽出したURL例
http://usrcss.ameblo.jp/skin/templates/ce/77/111.css"
「修正後、フリープラグインにペースト、保存」
↓の様にメモ帳内で修正して、フリープラグインに貼り付け
修正例
<script type="text/javascript"src="抽出したURL"id="
tcws_168916530"></script><div id="tcw_168916530"></div>
たったこれだけになりました。
「アメブロ文字制限外部スクリプト化まとめ」
メリット
1 フリープラグイン字数制限がだいぶ楽になる
2 SEO対策的にも外部スクリプトは有効
デメリット
1 外部化した物の表示が一瞬遅れる場合がある
2 無料サーバー、別アメブロを、スクリプト用にする
注意点
外部スクリプト前には、フリープラグインは事前に
全てのブログパーツ等のスクリプトに応用できま
すが、確かGoogleアナライズは無理だと思います。外部ファイル化がうまくいかない人は前回の記事、
RTボタン外部ファイル とあわせてやってみましょう。
2~3回成功すれば、もう慣れると思います。
外部ファイル化の表示チェックはIEだけでなくFire
foxでも必ずやるようにしましょう。表示されてない
可能性があります。
最後にくれぐれも自己責任でお願いします。
これからせどりサブブログを作ります Coming soon!
応援宜しくお願いします(別窓表示)