タグを改変すると動作しなくなります。

タグを改変して利用されている方へお知らせです。

デザイン部分などは、自由に変更して構いませんが

例えば・・

id="seoparts" などの部分を消去すると確実に動作しなくなりますのでご注意を・・

正常に動作している場合、アイコンのALT属性は、「ランキングを集計中」などの表示がされます。

※nofollow属性は間違ってもつけないでください。当サーバに負荷がかかるだけです。発見した場合は設置ページに警告文を表示します。

 

 

アイコンを変更しました。

本日アイコンをリニューアルしました。印象が少し明るくなったと思います。

↓新しいアイコン

 

HTMLの末尾

カスタマイズ判を利用している場合、スタイルシートの特性により、float の効力が残り、seoparts 以降のデザインが崩れる場合がありますが、seoparts のhtml末尾に

<br clear="all">

を追記すると、以降のデザインへの影響を避けられます。

SEOPARTSの相互リンク

SEOPARTSでは、相互リンクの募集を開始しました。

貴サイト様より、リンクが完了していれば、リンク登録は瞬時に完了します。

詳しくはこちらをご覧ください。

アマゾン・アソシエイトに対応

アマゾン・アソシエイトIDを挿入することにより、ランキングページにアソシエイト広告を導入することができるようになりました。

以下の挿入例を参照ください。

<!-- seoparts --><ul id="seoparts"><li id="seoparts-img-li"><a href="http://seoparts.com/"><img src="http://seoparts.com/u80.gif" width="80" height="15" border="0" alt="seo"></a></li></ul><script type="text/javascript" src="http://seoparts.com/u.js?2/20/seoparts-22" charset="euc-jp"></script></div><!-- /seoparts -->

※アソシエイトIDが無い場合、広告は表示されません。

カスタマイズ自由のシンプルバージョン登場!!

本日、スタイルシートにてご自分でカスタマイズしやすいHTMLタグを用意しました。

ブログのテンプレートなどにオールマイティーに対応できるものを考え、ここにたどり着きました。

 カスタマイズ自由のシンプルバージョンはこちら

id属性の解説

• #seoparts

  seopartsの表示部分全体
  

• #seoparts li

  キーワードが表示される li の部分
  

• #seoparts-img-li

  アイコンが表示されている li の部分
  

• #seoparts-img-li img

  アイコンのimgタグ

縦型でシンプルな表示

リストマークを消して、フォントサイズを変更してみました。

<style type="text/css">
<!--
#seoparts { list-style:none;margin:0px;padding:0px;font-size:14px }
#seoparts li { padding:1px }
#seoparts-img-li {  }
#seoparts-img-li img { vertical-align:top }
-->
</style>
<!-- seoparts -->
<ul id="seoparts"><li id="seoparts-img-li"><a href="http://seoparts.com/"><img src="http://seoparts.com/u80.gif" width="80" height="15" border="0" alt="seo"></a></li></ul>
<script type="text/javascript" src="http://seoparts.com/u.js?2/5/" charset="euc-jp"></script>
<!-- /seoparts -->

id属性の解説

はじめに

SEOPARTSご利用ありがとうございます。

SEOPARTSは登録を必要としない、手軽なランキングパーツです。ウェブサイトのリファラーは、普段はアクセス解析などにしか、役に立ちませんが、ランキングに利用することでリファラーを有効利用することができました。

SEOパーツを設置する | SEOPARTSと相互リンク

横型のスマートタイプ

カスタマイズ版を利用すると、好きなようにデザインを変更できます。
デザインの変更は、スタイルシートで調整します。

• カスタマイズ版を利用して横長に表示される、Bタイプを再現します。
• 
  

<style type="text/css">
<!--
#seoparts { list-style:none;margin:0px;padding:0px;font-size:14px }
#seoparts li { float:left;padding:1px;line-height:100% }
#seoparts-img-li { float:left }
#seoparts-img-li img { vertical-align:top }
-->
</style>
<!-- seoparts --><ul id="seoparts"><li id="seoparts-img-li"><a href="http://seoparts.com/"><img src="http://seoparts.com/u80.gif" width="80" height="15" border="0" alt="seo"></a></li></ul><script type="text/javascript" src="http://seoparts.com/u.js?2/5/" charset="euc-jp"></script><!-- /seoparts -->

• 上記のように、スタイルシートでid指定することによりデザインの変更が可能となります。

id属性の解説