Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2015/07/02こんにちは(・∀・)今回Twitterボタン、Facebookいいねボタン、はてなブックマークボタン、Google+1ボタンの設定についてのページを更新しましたので、それにあわせてこちらのソーシャルブックマークボタンの横バルーンと縦バルーンについてのページも更新します。ソーシャルブックマークボタン内容は以前とあまり変わりません、横バルーンのボタンと縦バルーンのボタンの変更方法についてです。コードの書き方が少し変更になっております。ちなみに今回も、どれもURLとか中身をいちいち書き換えることなくそのままコピペして使えます。'twitter-wjs');</script>上のコードの<a>タグにdata-count="vertical"を足すだけで縦バルーンになります。FacebookFacebookいいねボタンにはコードが2つあり、ここにあるコードは2番目のコードです。1番目のコードは開始<body>タグの直後に貼り付け、このコードはボタンを表示させたい場所に貼り付けます。詳しい解説は以前ご紹介しましたFacebookいいねボタンの設置をご覧ください。Pluginなどで1のコードを使用している場合、ここでは必要ありません。data-share="false"></div>');</script>上のコードのbutton_countをbox_countに変えるだけで縦バルーンになります。async="async"></script>上のコードのsimple-balloonをvertical-balloonに変えるだけで縦バルーンになります。s);})();</script>上のコードのmediumをtallに変えるだけで縦バルーンになります。s);})();</script>いかがでしたでしょうか、ソーシャルブックマークボタンがあると記事のシェアがしやすくなるのでWebページには是非設置したいモジュールの一つですね。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。