BiND4でページにツイッターバッジを取り付ける方法

ウェブページの左右どちらかにツイッターの”follow me”ボタンが付いているのをよく見かけます。これは「TwitterFollowBadge」というTwitterのフォローミー バッジをWEBサービスの「フィードバック バッジ」のようにブログやサイトへ設置できるサービスです。今回は、「TwitterFollowBadge」をBiND4で作成したページに取り付ける方法を動画でご紹介します。





ログインも不要で、いくつか設定を行い、サイトにタグを貼り付けるだけで設置可能です。
TwitterFollowBadge

←ランキング参加中です！只今4位の前後です!

にほんブログ村←ありがとうございます！ 只今3位です!

おわりに

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。

もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

2種類のアンカーを設定してページ内を移動する

リンクを押したときにページの途中へ移動できるアンカーの設定方法は、BiND4では、ブロックごと（ブロックの先頭）に設定する方法と、ブロックの途中（ブロックの真ん中でも設定可能）に設定する方法の2種類あります。


今回は、その2種類を動画で紹介いたします。


1つ目は、ブロックエディタに最初から用意されている箇所に「アンカー名」を設定するやり方です。
これは、ブロックの先頭にアンカーが設定されるので、小さいブロックの時に便利です。




2つ目は、ブロックを細かく分けずに、縦に長くなったブロックの途中にアンカーを設定したい時に使用します。1つ目のやり方よりも少し複雑になりますが、リンクを設定するときに、「#アンカー名」の「#」を付け忘れるとうまくページが移動しないので、「#」は忘れずに！


よかったら、動画を御覧ください！







←ランキング参加中です！只今3位の前後です!



にほんブログ村←ありがとうございます！ 只今2位です!


おわりに
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。
もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

カスタムタグで文字を装飾する

BiND4には、ブロックエディタのパーツ一覧に、カスタムタグが用意されています。


これは、CSSやHTML、JavaScriptなどを自由に入力できる機能です。


初心者の方は、〈カスタムタグパーツ〉の〈セット〉に登録されたタグを利用すると便利です。


今回は”文字を大きくして青色にする”カスタムタグを使って、文字の装飾をしてみましょう。







文字の大きさを変更するときは、HTMLソースエディタを開いて、


font-size:15pt


文字の色を変更するときは、HTMLソースエディタを開いて、


color:#6F8AF5


をそれぞれ、任意の値に変更するだけです。


文字の色はこちらのサイト"WEBセーフカラー216色"を参考にどうぞ。








←ランキング参加中です！只今10位の前後です!


にほんブログ村←こちらも参加しました！よろしくどうぞ♪ 只今10位の前後です!


おわりに
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。
もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。