2012年9月16日日曜日

固定ボタンを配置する(アメブロ編)

スクロールしても動かないボタンを表示する方法をご紹介します。

よくソーシャルネットワークのボタンが左右に配置されてたりしますよね。
あれをトップページや読者登録のリンクとしてやろうという話です。

��.画像を準備する。
トップページのリンクなら無料素材できっといいものが見つかると思います。

例えば、kettyさんが運営されてるblue-greenというサイト

自作するなら60×60pxぐらいの大きさがいいでしょう。
それより大きいとブログに侵入してきます(笑)

��.アップロード
「ブログを書く」ページからアップロードしましょう。「画像」ボタンをクリックです。

ファイルを選択して、タイトルつけて、「アップロード」ボタンをクリック。

画像フォルダを新しく開いて、使いたい画像を右クリックしましょう。「画像URLをコピー」をクリックです。

��.フリープラグインを編集
サイドバー→ブラグインの追加をクリック

フリープラグインのタブをクリック

以下の記述を加えましょう。

<div style="position:fixed;top40px;left:15px;">
<a href="ボタンのリンク先となるURL" target="_blanK">
<img src"画像のURL">
</a>
</div>


誤字脱字はございませんか?できた保存です

��.プラグインの設置
サイドバー→配置設定をクリックしましょう。

使用する機能の中に「フリープラグイン」が入っていることを確認してください。

もし、使用しない機能の中にあったら、ドラッグして使用する機能の中に入れましょう。

保存をわすれずに!

��.ブログを確認
イメージ通りにできたか確認しましょう。

0 件のコメント:

コメントを投稿