らんくる－携帯用無料レンタルランキング

ページ別独自タグ一覧

お手軽サンプルソース集：中級編

サンプルその２には、中級レベルから集めてみました。
作り方はサンプルソースの使い方を参考に使ってください！

クッションページにランキング上位5件とリンクしたいリンク先URLを表示、総合ランキングのページのトップだけにOUT率上位5件を表示するバージョン

このソースのポイント

このサンプルでは、クッションページにランキング上位５位と、注目させたいリンクの情報を表示、総合ランキングにはランキング１０件ずつと、トップのみOUT率の高いサイトを５件表示するようにになっています。
※このサンプルを使用する場合は、先にランキング内で使用する画像を登録しておく必要があります。登録の仕方は、サンプルソースの使い方を参照

クッションページ表示例

サンプルソースA

<img src="#logoimage:1#">
<center>超良質のサイトを紹介！</center>
#hr##sitelist#
<center>☆お世話になってるｻｲﾄ様☆</center> 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 <hr>
<center>中にお入りください。 
<a href="#enterurl#">入る</a>/<a href="#">入らない</a></center>
<hr><center>[ <a href="#touroku-url#">ﾗﾝｷﾝｸﾞ登録</a> | <a href="#touroku-henkou-url#">変更</a> ]</center>

サイト情報表示例

サンプルソースB

#rank#位 #sitelink# 
[in #in# /out #out#] 
#comment#
#hr#

総合ランキング表示例

サンプルソースC

<img src="#logoimage:1#">
<center>☆総合ランキング☆</center>
#hr##sitelist#
<center>☆お勧め超人気サイト☆</center> 
#toponly:start##outritsu:5##toponly:end#
#hr#

サイト情報表示例

サンプルソースD

#rank#位 #sitelink# 
[in #in# /out #out#] 
#comment#
#hr#

トップページにランキング上位10位とランキングカテゴリ、リンク集を表示。総合ランキングのトップにのみカテゴリ一覧を表示するバージョン

このソースのポイント

このサンプルでは、トップページにランキング１０位までと、ランキング内のカテゴリ一覧、リンク集一覧を表示するようにしています。背景色もコンパネの「色」で変更しています。
総合ランキングのページもランキング１０件と、OUT率の高い順にずつの表示になっています。
※このサンプルを使用する場合は、先にランキング内で使用する画像を登録しておく必要があります。登録の仕方は、サンプルソースの使い方を参照

クッションページ表示例

サンプルソースA

<img src="#logoimage:1#">
<center>★☆可愛い画像厳選☆★</center>
 
▽ランキングTOP10▽ 
#sitelist#
<DIV ALIGN=right>
#nextpage:>>次10件#</DIV><hr>
☆厳選カテゴリ 
●<A HREF="#">新着ｻｲﾄ</A> 
　　新着サイト説明文 
●カテゴリアクセス 
→<A HREF="＃">カテゴリ１</A> 
　　カテゴリ説明文 
→<A HREF="＃">カテゴリ２</A> 
　　カテゴリ説明文 
→<A HREF="＃">カテゴリ３</A> 
　　カテゴリ説明文 
→<A HREF="＃">カテゴリ４</A> 
　　カテゴリ説明文 
☆厳選リンク集 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 
　 <a href="#">リンク先</a> 
　サイト説明 #hr#
<CENTER>かわいい物好きだけ入場 
<A HREF="#enterurl#">はい(入口)</A> / <A HREF="http://yahoo.co.jp/">いいえ</A></CENTER>

サイト情報表示例

サンプルソースB

#rank#位 #sitelink# 
[in #in# /out #out#] 
#comment#
#hr#

総合ランキング表示例

サンプルソースC

<img src="#logoimage:1#">
<marquee loop="-1" scrolldelay="30" scrollamount="2" width="100%">人気ランキング公開中</marquee>
#toponly:start#
<center>ｶﾃｺﾞﾘ一覧</center> 
☆厳選カテゴリ 
●<A HREF="#">新着ｻｲﾄ</A> 
新着サイト説明文 
●カテゴリアクセス 
→<A HREF="＃">カテゴリ１</A> 
カテゴリ説明文 
→<A HREF="＃">カテゴリ２</A> 
カテゴリ説明文 
→<A HREF="＃">カテゴリ３</A> 
カテゴリ説明文 
→<A HREF="＃">カテゴリ４</A> 
カテゴリ説明文 
<hr>#toponly:end#
<center>総合ﾗﾝｷﾝｸﾞ</center> 
#sitelist#
<center>#nextpage:次のページ# | #backpage:戻る#</center>
#hr#

サイト情報表示例

サンプルソースD

#rank#位 #sitelink# 
[in #in# /out #out#] 
#comment#
#hr#

クッションページに登録しておいた文字をランダムで表示、ランキング上位１０位とピックアップサイトを５件表示、

このソースのポイント

このサンプルでは、登録しておいた文字をクッションページに表示、ランキングとピックアップサイトを表示するようにしています。
総合ランキングのページにはランキングと、OUT率のTOP5を表示しています。
※このサンプルを使用する場合は、先にランキング内で使用する画像と、ランダムで表示する文字を登録しておく必要があります。登録の仕方は、サンプルソースの使い方を参照

クッションページ表示例

サンプルソースA

#randam:1#
<img src="#logoimage:1#">
<center>☆新着ランキングTOP10☆</center>
 #sitelist#
#randam:1##hr#
<center>☆厳選ピックアップリンク☆</center> 
<a href="#">リンク先</a> 
サイト説明 
<a href="#">リンク先</a> 
サイト説明 
<a href="#">リンク先</a> 
サイト説明 
<a href="#">リンク先</a> 
サイト説明 
<a href="#">リンク先</a> 
サイト説明 #hr#
<CENTER>入場しますか？ 
<A href="#enterurl#">入場する</A> / <A href="#">入場しない</A> 
#hr#

サイト情報表示例

サンプルソースB

#rank#位 #sitelink# 
[in #in# /out #out#] 
#comment#
#hr#

総合ランキング表示例

サンプルソースC

<center>#randam:1#</center>
<img src="#logoimage:1#">
#toponly:start#
<center>一番の注目サイト</center>
#outritsu-sitelink:1#
#toponly:end#
<center>総合ﾗﾝｷﾝｸﾞ</center> 
#sitelist#
#toponly:start#
<center>注目サイト</center>
#outritsu-sitelink:2# 
#outritsu-sitelink:3# 
#outritsu-sitelink:4# 
#outritsu-sitelink:5# 
#toponly:end#<hr>
<center>#nextpage:次頁# | #backpage:前頁#</center>#hr#

サイト情報表示例

サンプルソースD

#rank#位 #sitelink# 
[in #in# /out #out#] 
#comment#
#hr#