超簡単、シンプルなスクロールバーを設置してみよう。 - アフィリエイト初心者に役立つブログ+ホームページカスタマイズ


超簡単、シンプルなスクロールバーを設置してみよう。

2013-07-18｜クロールバー設置
こんにちは、ＴＡＫＡです。

今回は、HTMLタグでブログやＨＰにコピペするだけで、シンプルで簡単なスクロールバーを設置してみましょう。

スクロールバーを使うと、限られたスペースでもコンパクトにまとまります。

例えば、口コミや感想などを記事に入れるときなど・・・

枠線が無いシンプルなスクロールバーです。
↓　　　　　　　　↓　　　　　　　　↓


簡単スクロールバー

シンプルスクロールバー

簡単スクロールバー

シンプルスクロールバー

簡単スクロールバー

シンプルスクロールバー

簡単スクロールバー

シンプルスクロールバー



では、早速HTMLタグで設置してみましょう。
下記をコピペして、あなたのすきな場所に貼ってください。

サイドバーでもOKですよ。


<div style="margin:0px;padding:0px;" align="center"><div style="margin:0px;padding:0px;line-height:1.3;"><div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;text-align:left;height:200px;">
ここに文章や画像をいれてください。
</div></div></div>



幅は、オートになっています。高さは青字で書いてある数字（今は、200px)を変えればお好みの
高さにできます。


すごく簡単に設置できページがスッキリするスクロールバー、是非お試しを・・・
コメント(2)｜トラックバック(0)｜Edit｜↑
最短2日でWebサイトが作れるようになる　動画は計82分
実際のコーディングを解説とともに収録しています。そのため動画にそって真似をしていくだけでWebサイト制作に必要な技術・スキル(HTML及びCSS)を身につけられます。
ここでしか手に入らない超実践型Webサイト制作のためのHTML・CSS入門動画「.HTML」

SEOに強い戦略的テンプレート「賢威5.0」待望のリリース！すべては売り上げを上げるために。ペンギン＆パンダアップデート対策にも通用するSEOマニュアルが付属。
記事がお役に立てば、ＴＡＫＡのブログの応援お願いします！
ブログランキングに参加しています。
クリックして頂くと「ポイント」が加算されて「ランキング順位」が上がります。
できるだけ多くの方に私のブログを知って頂きたいので応援クリックお願いします。
コメント
非公開コメント

いつも応援ありがとうございます

はじめまして。

TAKAさん、はじめまして。

カヤリンと申します。

ブログランキングから
訪問させて頂きました。

スクロールバーのHTMLタグを
シェアして頂きまして
ありがとうございます！

とても参考になりました。

こういったカスタマイズを取り入れていくと
ブログ運営がより楽しくなりそうですね。

応援ポチッ！

またお伺いさせて頂きます。

2013-07-22 00:35 | from カヤリン

突然すみません...

初めまして。マックスと言います。歳は１２才です。

助けていただきたいのですがよろしいでしょうか？

私はこの業界では新米で、どうにかして短期間で稼がねばなりません！

しかし、ブログ閲覧者数が非常に乏しく、何とかしてあなたに助けていただきたいです。

こちらもできる限りのお礼はさせていただくのでよろしくお願いします！

期待して頼りにさせていただきます！

2013-07-23 21:07 | from 高橋　マックス

トラックバック

http://webcustomize.blog.fc2.com/tb.php/27-224143c7