weblogeyecatch1.jpg

タグ「ボタン」の一覧


世界で最も人気あるSNS「Facebook(フェイスブック)」の話題が絶えなかった2010年も過ぎ、重い腰を上げて(ちょっと大げさですが・・・)Facebookの「いいね!ボタン」を設置することにしました。もう遅いか...。

ボタンが多すぎるのも何かと、Facebookの「いいね!ボタン」は設置することを躊躇していました。

Facebookの「いいね!ボタン」はTwitterボタンやmixiチェックなどと同じように良かったサイトなどをSNS内の友達と共有することが出来るボタンです。


Facebookの開発者ページ内Social plugins>Like Buttonから設置するボタンのコードを簡単に発行できます。私のブログでは下記にてコードを発行しました。

・URL to Like:空欄で大丈夫です。

・Layout Style:「button_count」を選択しました。

・Show Faces:チェックを外しました。

・Width:「100」にしました。

最後に「Get Code」ボタンを押すとコードが発行されます。iframe内のコードをメモ帳に貼り付けます。

<iframe src="http://www.facebook.com/plugins/like.php?href=
http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike
&amp;layout=button_count&amp;show_faces=false&amp;width=100
&amp;action=like&amp;colorscheme=light&amp;height=21"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>


MovableTypeの場合は赤字の部分を
<$MTEntryPermalink encode_url="1"$>
に入れ替えます。

ついでに青字を20にして、Twitterボタンと高さをあわせてみました。

<iframe src="http://www.facebook.com/plugins/like.php?href=
<$MTEntryPermalink encode_url="1"$>
&amp;layout=button_count&amp;show_faces=false&amp;width=100
&amp;action=like&amp;colorscheme=light&amp;height=20"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe>


赤字の部分を入れ替えたコードを設置したい場所に埋め込み、再構築をして出来上がりです。



Facebookの創始者マーク・ザッカーバーグ氏はTimeの「今年(2010年)の人」に選ばれたそうです。


世界で最も人気あるSNS「Facebook(フェイスブック)」の話題が絶えなかった2010年も過ぎ、重い腰を上げて(ちょっと大げさですが・・・)Facebookの「いいね!ボタン」を設置することにしました。もう遅いか...。

ボタンが多すぎるのも何かと、Facebookの「いいね!ボタン」は設置することを躊躇していました。

Facebookの「いいね!ボタン」はTwitterボタンやmixiチェックなどと同じように良かったサイトなどをSNS内の友達と共有することが出来るボタンです。


Facebookの開発者ページ内Social plugins>Like Buttonから設置するボタンのコードを簡単に発行できます。私のブログでは下記にてコードを発行しました。

・URL to Like:空欄で大丈夫です。

・Layout Style:「button_count」を選択しました。

・Show Faces:チェックを外しました。

・Width:「100」にしました。

最後に「Get Code」ボタンを押すとコードが発行されます。iframe内のコードをメモ帳に貼り付けます。

<iframe src="http://www.facebook.com/plugins/like.php?href=
http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike
&amp;layout=button_count&amp;show_faces=false&amp;width=100
&amp;action=like&amp;colorscheme=light&amp;height=21"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>


MovableTypeの場合は赤字の部分を
<$MTEntryPermalink encode_url="1"$>
に入れ替えます。

ついでに青字を20にして、Twitterボタンと高さをあわせてみました。

<iframe src="http://www.facebook.com/plugins/like.php?href=
<$MTEntryPermalink encode_url="1"$>
&amp;layout=button_count&amp;show_faces=false&amp;width=100
&amp;action=like&amp;colorscheme=light&amp;height=20"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe>


赤字の部分を入れ替えたコードを設置したい場所に埋め込み、再構築をして出来上がりです。



Facebookの創始者マーク・ザッカーバーグ氏はTimeの「今年(2010年)の人」に選ばれたそうです。

このページの上部へ

Googleサイト内検索

最近のピクチャ

  • 仙台東照宮
  • 遠野町家のひなまつり
  • 大崎八幡宮 拝殿
  • 榴岡天満宮
  • 仙台総鎮守愛宕神社 御社殿
  • 宮城縣護國神社
  • 富岡八幡宮
  • 萬年橋

月別アーカイブ

  1. 2019年3月 [2]
  2. 2019年2月 [11]
  3. 2018年12月 [3]
  4. 2018年11月 [4]
  5. 2018年10月 [2]
  6. 2018年9月 [7]
  7. 2018年8月 [2]
  8. 2018年5月 [2]
  9. 2018年4月 [2]
  10. 2018年2月 [3]
  11. 2018年1月 [5]
  12. 2017年12月 [2]
  13. 2017年11月 [1]
  14. 2017年10月 [1]
  15. 2017年9月 [2]
  16. 2017年7月 [1]
  17. 2017年5月 [2]
  18. 2017年4月 [2]
  19. 2017年1月 [1]
  20. 2016年12月 [1]
  21. 2016年10月 [4]
  22. 2016年9月 [4]
  23. 2016年8月 [1]
  24. 2016年7月 [2]
  25. 2016年6月 [1]
  26. 2016年5月 [3]
  27. 2016年4月 [2]
  28. 2016年3月 [5]
  29. 2016年1月 [3]
  30. 2015年12月 [4]
  31. 2015年11月 [2]
  32. 2015年10月 [4]
  33. 2015年9月 [3]
  34. 2015年8月 [4]
  35. 2015年7月 [2]
  36. 2015年5月 [4]
  37. 2015年4月 [2]
  38. 2015年3月 [2]
  39. 2015年2月 [1]
  40. 2015年1月 [4]
  41. 2014年12月 [1]
  42. 2014年11月 [3]
  43. 2014年9月 [1]
  44. 2014年8月 [5]
  45. 2014年6月 [2]
  46. 2014年5月 [1]
  47. 2014年4月 [2]
  48. 2014年3月 [7]
  49. 2014年2月 [1]
  50. 2014年1月 [6]
  51. 2013年12月 [10]
  52. 2013年11月 [7]
  53. 2013年10月 [6]
  54. 2013年9月 [10]
  55. 2013年8月 [3]
  56. 2013年7月 [7]
  57. 2013年6月 [3]
  58. 2013年5月 [8]
  59. 2013年4月 [10]
  60. 2013年3月 [4]
  61. 2013年2月 [13]
  62. 2013年1月 [5]
  63. 2012年12月 [9]
  64. 2012年11月 [1]
  65. 2012年10月 [1]
  66. 2012年9月 [1]
  67. 2012年8月 [1]
  68. 2012年7月 [4]
  69. 2012年6月 [6]
  70. 2012年5月 [4]
  71. 2012年4月 [1]
  72. 2012年3月 [8]
  73. 2012年2月 [8]
  74. 2012年1月 [4]
  75. 2011年12月 [10]
  76. 2011年11月 [9]
  77. 2011年10月 [10]
  78. 2011年9月 [8]
  79. 2011年8月 [9]
  80. 2011年7月 [8]
  81. 2011年6月 [19]
  82. 2011年5月 [16]
  83. 2011年4月 [1]
  84. 2011年3月 [6]
  85. 2011年2月 [18]
  86. 2011年1月 [20]
  87. 2010年12月 [15]
  88. 2010年11月 [20]
  89. 2010年10月 [34]
  90. 2010年9月 [11]

Powered by Movable Type 6.2.4