[ＨＴＭＬ]文字・基本

[ＨＴＭＬ]文字・基本の情報ページです。
TOP PAGE

QRコード＆メーラーの立ち上げ

2007/01/09(火)
シェアブログ44に投稿

鱗のネット収入の中でも割と大きな位置を占めるようになってきた携帯サイトですが、やはり紹介で稼ぐ部分が大きいな〜と思います。（といいつつ、なかなか紹介は難しいんですけどね（＾＾；）
携帯ブログやサイトを作るのも手ですが、PCサイトを持っている方ならPCでもどんどん宣伝しちゃいましょう！

･･･ということで、
携帯サイトを宣伝する際のQRコードとメーラーの立ち上げについてお話しますね。

QRコード
特に難しいことは無いんですよ。
QRコードを作成してくれるサイトがあるので鱗はそこを利用しています。
・QRCode.jp
・Ｑ作くん
他にも無料で作成できるサイトはたくさんあります。
色やサイズを設定できるものもあるのでQRコードで検索してお気に入りサイトを見つけて下さいね。

メーラーの立ち上げ
コチラは少し面倒です。
鱗流のやり方ですが･･･
基本のタグは
<A href="mailto:○?Subject=△&body=□"> ★ </A>
となります。
○：送りたい先のメールアドレス
　　（メーラーを立ち上げた人が送りたい＝その人のアドレス
　　　なので、「貴方の携帯メールアドレス」とでも入れて下さい）
△：タイトル
　　（例として「ポイントジャック登録URL」）
□：本文
　　（URLや文章を入れます。ここでは登録URLの「http://pt-j.jp/index.php?page=top_visitor&introducer=NiCi5VM6z2yp」）
★：文章
　　（登録は「コチラ」･･･など）

しかし！
これらを直接タグに入れても文字化けが起こり訳わからなくなってしまいます。
表示させたい文字列をエンコードという形でタグに入れなければいけません。

そこで活躍してくれるのがコチラのサイト。
文字や文章をエンコード化してくれます。
エンコード化した「」内の文字を基本のタグに入れたものがこうなります。

<A href="mailto:%8BM%95%FB%82%CC%8Cg%91%D1%83%81%81%5B%83%8B%83A%83h%83%8C%83X?Subject=%83%7C%83C%83%93%83g%83W%83%83%83b%83N%93o%98%5EURL&body=http%3A%2F%2Fpt%2Dj%2Ejp%2Findex%2Ephp%3Fpage%3Dtop%5Fvisitor%26introducer%3DNiCi5VM6z2yp"> コチラ </A>

コレ↑がこう↓なります。

コチラ










ランキング応援して下さると嬉しいです。
お時間のある方は左ランキング欄も押していって下さるともっともっとウレシイ！

　　fc2rank

コメント大歓迎！
遅くなってもしっかりお返事させていただきます。

〜PR〜





FC2ブックマークに追加
[ＨＴＭＬ]文字・基本 | トラックバック：0 | コメント：1 | Page Top

テキストを強調させてみよう！

2006/04/13(木)
テキスト（文章など）を強調させたい時に便利なタグとして、strongや、フォントカラーを利用する手がありますが、こんなふうに文字の背景色を変えてしまう…というものも結構使えると思います。
上記を例に挙げれば、
<font style=background:#66FF99>こんなふうに</font>
となっています。
太字部分が色の番号なので、お好きなものに変更して、テキストを飾ってみて下さいね。
文章が長〜くなってしまった時にサブタイトルをつけたり、サイドバーに見出しをつけたり、ココは見て欲しい！という所を強調したり、いろいろと便利ですよ☆
ちなみに、はじめの二つは
<strong>strong</strong>
<font color="#FF3366">フォントカラー</font>
となっております〜。






ランキング応援して下さると嬉しいです。
お時間のある方は左ランキング欄も押していって下さるともっともっとウレシイ！

　　fc2rank

コメント大歓迎！
遅くなってもしっかりお返事させていただきます。

〜PR〜





FC2ブックマークに追加
[ＨＴＭＬ]文字・基本 | トラックバック：0 | コメント：4 | Page Top

HTMLタグあれこれ

2006/02/01(水)
使って便利・知ってお得なHTMLタグ達です。

☆作表その１・その２
☆役にたった基本のＨＴＭＬ
☆文字や画像をスクロールさせてみませんか？
☆カテゴリのツリー化
☆リンクのプチカスタマイズ
☆お気に入りボタンを設置しましょう
☆テキストを強調させてみよう！





ランキング応援して下さると嬉しいです。
お時間のある方は右ランキング欄も押していって下さるともっともっとウレシイ！

　　fc2rank

コメントには遅くなってもしっかりお返事させていただきます。

〜PR〜


FC2ブックマークに追加
[ＨＴＭＬ]文字・基本 | トラックバック：0 | コメント：0 | Page Top

お気に入りボタンを設置しましょう

2005/11/27(日)
先日の記事でトラフ対策の為に「お気に入りに追加」ボタンを掲載しましょう！と書きましたが…。
ではどうやって？
今日は、簡単なボタンのタグをご紹介します。

まずは基本形。
<input type=button value="ボタンの文字" onclick="window.external.addFavorite('アドレス','HPのタイトル')"></input>
これを鱗ブログの場合で作ってみると

となります。
「お気に入りに登録」をお好きな文章にしてもオケ！
シンプルなボタンの出来上がりです。

テキストのみでさりげなく表示したければ…
<a href="javascript:window.external.addFavorite('サイトURL','サイトタイトル')">お気に入りに追加してみる？</a>
お気に入りに追加してみる？
これもお好きな文章で。

画像やイラスト等を使いたければ
<a href="javascript:window.external.addFavorite('サイトURL','サイトタイトル')"><img src="画像URL" border="0"></a>

でオケです。
この場合、画像にあらかじめ「お気に入りに追加」などの文字を入れておくことが必要です。

サイト内の目立つ所に貼って、手動・自動サーフで来てくれた方に再訪のチャンスを！



ランキング応援して下さると嬉しいです。
お時間のある方は右ランキング欄も押していって下さるともっともっとウレシイ！

　　fc2rank

コメントには遅くなってもしっかりお返事させていただきます。

〜PR〜


FC2ブックマークに追加
[ＨＴＭＬ]文字・基本 | トラックバック：0 | コメント：1 | Page Top

リンクのプチカスタマイズ

2005/09/13(火)
ブログやサイトを作る時に欠かせないのがたくさんのリンクを貼ること。
リンク部分にマウスポインタを合わせると下線が出ますが、これをもっと見やすく、可愛らしく変えて見ませんか？
方法は下記のソースを<HEAD>〜</HEAD>の間に入れるだけです。
<HEAD>〜</HEAD>はテンプレートのHTMLタグの最初の方にありますから探してみて下さいね。
私は</HEAD>の手前に入れました。

---------------------------------
<STYLE>
<!--
A:HOVER{
border-bottom-style : dotted;
border-bottom-color : #3333FF;
border-bottom-width : 2px;
}
A{text-decoration : none;
}
-->
</STYLE>
---------------------------------

border-bottom-style : dotted;
下線の種類を表します。
太字部分をお好きなものに変更して下さい。
solid
実線―
dotted
点線…
dashed
点線--

border-bottom-color : #3333FF;
下線の色を表します。

border-bottom-width : 2px;
下線の太さを表します。
数が大きいほど太くなります。

上のソースにより、このブログのリンクに青いドットの下線が表示されています。
文字が小さいかな？と思った時やリンクをずらっと並べざるをえない時など重宝しそうですね。
是非お試しあれ〜！



ランキング応援して下さると嬉しいです。
お時間のある方は右ランキング欄も押していって下さると
もっともっとウレシイ！

　　fc2rank

コメントには遅くなってもしっかりお返事させていただきます。

〜PR〜
FC2ブックマークに追加
[ＨＴＭＬ]文字・基本 | トラックバック：0 | Page Top

カテゴリのツリー化

2005/09/08(木)
今日はHTMLシリーズとして、カテゴリのツリー化について書きます。
…と言っても、とても分かりやすく説明してくれているサイトを見つけたので、そこのご紹介です。
それはワンダと巨像と土と空様。
FC2の場合として説明されていますが、手法はJUGEMブログのカスタマイズからの応用です。
設置する箇所さえ間違わなければ簡単です。
テンプレートを念の為メモ帳にでもコピーして、いざ挑戦！




ランキング応援して下さると嬉しいです。
お時間のある方は右ランキング欄も押していって下さるともっともっとウレシイ！

　　fc2rank

コメントには遅くなってもしっかりお返事させていただきます。

〜PR〜


FC2ブックマークに追加
[ＨＴＭＬ]文字・基本 | トラックバック：0 | Page Top
イーバンクvsＪＮＢ

比較記事・詳細はコチラ

ｱﾌｨﾘｴｲﾄ＆ﾌﾞﾛｸﾞ作成

よくお世話になっているASPです
ai-mizuiro リンクシェア　
ai-mizuiro トラフィックゲート 　
ai-mizuiro Cross-A　
ai-mizuiro A8.net 　
ai-mizuiro JANet　
ai-mizuiro アクセストレード　
ai-mizuiro バリューコマース
aikon記事ﾗｲﾀｰ制度もあるASPはコチラ 173


tail ココログ*NEW*
tail FC2BLOG
tail FC2WEB無料ホームページ
tail FC2カウンター
tail FC2ミニブログPIYO
情報発信はココから！
当ブログもFC2です。

自分のﾌﾞﾛｸﾞ履歴書が作れます。
企業からの記事依頼も来るかも
tail コラブロ
アクセスアップにも！
tail edita
tail PingはPingoo!にお任せ！

話題の商品を試しちゃおう☆

食品をはじめ、いろんな商品を貰う・試すことができます。
ブログをお持ちの方なら登録時に300Pﾌﾟﾚｾﾞﾝﾄ☆
ブログが無くても150P貰えます。
商品の感想をトラックバックしてポイントGET☆キャッシュバックは1,000円から☆

記事を書いて報酬GET！

*記事で稼いでみる？*
各サイト詳細はコチラ
tail FC2クチコミ広告 *NEW*
tail ブログミ *NEW*
tail 記事を書いてポイントGET!
　レビューブログへようこそ！ *NEW*
tail press@blog

tail ブログルポ
tail ブログルポ シェアブログ *NEW*
tail ブログクリップ *ｵｽｽﾒ*
tail BUZZIMP　PRESS

無料で見直し・相談♪

損保ジャパンDIY生命


保険マンモス

答えてみよう！

tail infoQ *NEW*
tail 札幌moni *NEW*
マクロミル *ｵｽｽﾒ*
tail 総合健康開発研究所
モニター参加でお小遣い稼ぎ！
tail 日本リサーチセンター
tail JMAアンケートモニター募集中

美味しいです

送料無料のお試しセット

お勧め商品

ブルックスのコーヒー
☆ファッション特集☆
JJmode

人気ファッション誌上通販！

季節の品のお買い得

ニッセン

★MY買い物メモ

探してみよう


通販なら通販の商品検索アラジン

ブログ内検索


買うもヨシ当てるもヨシ


楽しみながら懸賞応募☆

フルーツメール

フルーツショッピング「ベストセレクション」

リンク

エコシップクイズに挑戦！

免責事項

・当ブログを介しての登録等による如何なるトラブル・損害・損益は一切責任を負いません。当ブログから登録を行う際はご自身で各企業のサイト及び利用規約をよくご確認の上で登録して下さい。
・当ブログの趣旨に合わない、又はアダルト等のコンテンツへのリンクが含まれるサイトからのコメントやトラックバックは一方的に削除させていただく場合がございます。ご了承下さい。

RSS