今日は、自分のブログなどにリボンを設置する場合に便利な、リボンジェネレーター「QuickRibbon.com」を紹介。
一応説明しておきますが、リボンというのは上のサムネイルの右上にあるものです。「サイトのデザインがさみしいな」と思っているならば、自分のサイトをリボンで飾ってみては?
使い方は簡単ですが、一応説明。
STEP1 Text options
Ribbon text - リボンに表示させる文字(日本語は不可)
Choose the font and size - フォントとフォントサイズの設定
Text color - 文字の色
STEP2 Ribbon options
Pick the ribbon style - 好きなリボンのスタイルを選ぼう
Pick the ribbon color - リボン各部の色(番号はSTEP3のプレビューの番号に対応)
STEP3 Preview
STEP3はプレビューのみ。デザインに影響はありません。プレビュー画像か「Apply」をクリックすると、プレビュー画像が更新されます。
Background color - 自分のサイトの背景に近い色を選んで、確認してみましょう。
STEP4 Link options
Ribbon hyperlink - リボン画像からリンクさせたい場合は、URLを入力。
Open link - リンクを指定した場合のウィンドウの設定。「In a current window」はリンク先ページを同じウィンドウで開く、「In a new window」はリンク先ページを新しいウィンドウで開くということです。
完成
「Generate Ribbon!」をクリック。表示されたコードを自分のサイトに貼り付けて作業完了です。コードを貼り付ける場所は多分どこでもいいはず・・・。
おもしろいブログがたくさんあります→BlogRanking


