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

ページ別独自タグ一覧

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

サンプルその１には、シンプルなものから集めてみました。
作り方はサンプルソースの使い方を参考に使ってください！

シンプルバージョン

このソースのポイント

このサンプルでは、クッションページはタイトルとENTERだけのシンプルな感じにして、総合ランキングのページもランキング１０件ずつの表示になっています。
総合ランキングのページで、#nextpae:○○#、#nextpae:○○# というタグを使うことによって、ページ移動のリンクでリンク先がない時は表示されないようにできます。
※このサンプルの場合、クッションページにはサイト情報を表示しないので、サンプルソースＢは編集する必要はありません。

クッションページ表示例

サンプルソースA

<center>らんくるランキング</center> #hr#
<center> [<a href="#enterurl#">ENTER</a>]</center>
#hr#
<center>[ <a href="#touroku-url#">登録</a> | <a href="#touroku-henkou-url#">変更</a> ]</center>

総合ランキング表示例

サンプルソースC

hr#
<center>総合ﾗﾝｷﾝｸﾞ</center>
#hr#
 
#sitelist#
<center>#nextpage:次へ# |　 #backpage:戻る #
#hr#
[ <a href="#touroku-url#">登録</a> | <a href="#touroku-henkou-url#">変更</a> ]</center>

サイト情報表示例

サンプルソースD

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

クッションページにはサイトのロゴとenterのみで、総合ランキングはサイト情報が10件表示されるシンプルバージョン

このソースのポイント

このサンプルでは、クッションページはロゴの画像とENTERだけのシンプルな感じにして、総合ランキングのページもランキング１０件ずつの表示になっています。
基本的には上のサンプルソースと同じようになっています。必要に応じて背景色を変えるとイメージが変わります。
※このサンプルの場合、クッションページにはサイト情報を表示しないので、サンプルソースＢは編集する必要はありません。
※このサンプルを使用する場合は、先にランキング内で使用する画像を登録しておく必要があります。登録の仕方は、サンプルソースの使い方を参照

クッションページ表示例

サンプルソースA

<center>
<img src="#logoimage:1#">
[<a href="#enterurl#">ENTER</a>]</center>
#hr#
<center>[ <a href="#touroku-url#">登録</a> | <a href="#touroku-henkou-url#">変更</a> ]</center>

総合ランキング表示例

サンプルソースC

<img src="#logoimage:1#">
<center>総合ﾗﾝｷﾝｸﾞ</center>
#hr#
サンプルランキングはみんなに人気のあるサイトをランキング形式で掲載しております。
#hr#
 
#sitelist#
<center>#nextpage:次へ# 
#backpage:戻る#</center> 
#hr#

クッションページ表示例

サンプルソースD

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

クッションページにはサイトのロゴとランキング10位までのサイト情報表示とenterを配置、総合ランキングはサイト情報が10件表示されるシンプルバージョン

このソースのポイント

このサンプルでは、クッションページにランキングを表示。訪問者の目を引くように、左に流れる文字が入っています。
クッションページに表示するランキングの件数は、クッションページ編集画面で変更できます。
総合ページには訪問者へのメッセージを一ページ目のみに表示するように設定しています。
※このサンプルを使用する場合は、先にランキング内で使用する画像を登録しておく必要があります。登録の仕方は、サンプルソースの使い方を参照

クッションページ表示例

サンプルソースA

<img src="#logoimage:2#"> <marquee loop="-1" scrolldelay="30" scrollamount="2" width="100%">いろんな動画無料で公開中</marquee>
<hr>#sitelist#
<center>入場しますか？ 
<a href="#enterurl#">はい</a>/<a href="http://mobile.yahoo.co.jp/">いいえ</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:2#">
<center>総合ﾗﾝｷﾝｸﾞ</center>
#hr#
サンプルランキングみんなに人気のあるサイトをランキング形式で掲載しております。
#hr#
 
<center>#sitelist#
#nextpage:次へ# | #backpage:戻る#</center>
 #hr#

サイト情報表示例

サンプルソースD

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