[blogger]スクロールしてもついてくるソーシャルボタン、bloggerですぐ使えるようにしてみました。CustomAboutNAVER2012/06/02[blogger]スクロールしてもついてくるソーシャルボタン、bloggerですぐ使えるようにしてみました。カスタマイズこんにちは、すなふです。懲りもせずソーシャルボタンのネタですよ!今回は、スクロールしてもついてくるソーシャルボックスの作り方です。参考サイトスクロールしてもついてくる!ブログにソーシャルボックスをつけよう。ウェビメモウェビメモ製作時に、ページをどんなにスクロールしても横にくっついて来るソーシャルボックスを作りました。いう、リスト構造を使って並べているだけなので、そんなに迷うはずはなかったんですが・・・。type='text/javascript'/>基本になりそうな、『Twitter』『いいね』『Google+1』『はてブ』の4つのボタンをbloggerに合わせて、入れ込みました。表示とスクリプト部分を分けているのは好みです。同じボタンを何個も使うことがあるので、スクリプトを分けておいたほうが管理しやすいかなと思ってまして。コードは、ページ毎のURLをとるようにしていますので、トップページならサイトのカウントを、個別記事なら記事毎のカウントが表示出来るはずです。この2つのコード群は、両方とも『</body>』手前に挿入して下さい。15px;}と追加します。『background』は、好きな色を設定して下さい。画像もいらない場合は『url』部分は削除です。背景に使っているのは、私が作っているものなので、必要であればダウンロードしてお使いを。『border』も、同様に色を変えたり、消したりしてみてください。『padding』は、背景部分の大きさを変更出来ます。『text-align』で、アイコンを中央揃えにしています。必要なければ削除です。『position』は、スクロールしてもついてくる様にという部分ですのでそのままで。『bottom』『right』部分で、表示位置を指定しています。数値を変えてみたり、『top』『left』などにして、自由に位置指定を。『list-style-type』は、リスト表示した時の、傍点を使わない設定です。『border-radius』は、ボックスに丸みを付ける指定です。■がいいとか、背景は背景も枠線もいらないって時は使いませんので削除を。『-webkit』で始まる方は主にChrome『-moz』開始の方はFirefoxでの指定という意味です。背景はどうするか、枠線はつけるか、どのあたりに表示するか、お好みしだいで色々な見た目にすることが出来ると思いますので、是非挑戦してみてください。あ、HTMLのバックアップは絶対忘れずに!こんな感じです!最後に、参考にさせて頂いたサイトの方、ありがとうございました!ではまた!参考になった方はシェアしてくださると嬉しいです!https://www.sunabox.net/2012/06/bloggerblogger_02.html[blogger]スクロールしてもついてくるソーシャルボタン、bloggerですぐ使えるようにしてみました。Twitterのフォローはこちらから!■Twitterによる更新情報などのつぶやきもおこなっております。HomeSocialProfileすなふここは、GoogleChromeの事やbloggerの事等を軸としながら、気になった事を、何も気にせずに書いていこう、そんなブログです。Twitterアカウントのフォロー、ブログについてのコメント、メール等いつでも待ってます。30days)綿向山登山!すっかり登山者気分に浸れる雰囲気と、歩きやすい道が気持ちよかった![Windows7]ゴミ箱をタスクバーに移動する方法!デスクトップにアイコンを置きたくない人に最適です。【ほぼ滋賀県】去年の秋から登山を始めた私がご紹介したい7つの山。miniも新しく!2011モデルとの比較表。Tweetbotや他のアプリの通知が表示されない!そんな時の対処法の1つをご紹介。[blogger]下から上まで一気に飛ぼう!「ページトップに戻る」ボタンを付ける。