HTML版 twitter、facebook、google+ ボタン

忘れやすいSNSボタン。これも備忘録。
headタグに何も入れなくていい書き方のため、比較的楽に記述ができます。
例としてtwitter、facebook、google+の記述方法を記載します。

Twitter いいね
自分のタイムラインに表示されます。

Tweet

Tweet

Tweet

<a href="https://twitter.com/share" class="twitter-share-button" data-url="①" data-lang="②" data-related="anywhereTheJavascriptAPI" data-count="③">④</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

①URLをhttpから入力
②ja（日本語）、en(英語)
③ボタンの形　左から vertical、horizontal、none
④適切な文言を入力　（通常「ツイート」など）


Facebook いいね
自分のタイムラインには表示されず、右側のリアルタイムフィードに表示されます。
また友達の中で関連性が高い人にフィードされます（2015/09時点）
シェアボタンの場合は以下の方法では不可能です。

<iframe src="//www.facebook.com/plugins/like.php?href=①URL&amp;send=false&amp;layout=②&amp;width=③&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=④&amp;appId=⑤" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:③px; height:④px;" allowTransparency="true"></iframe>

①URLをhttpから入力　※URLはURLエンコード
　エンコードはここなどを参照ください。
②ボタンの形　左から box_count、button_count、button
③横サイズを数字（半角）のみで入力
④縦サイズを数字（半角）のみで入力
⑤appidはfacebook developerから取得し、15桁の半角数字を入力



google+ ボタン
G+された内容は自分のタイムラインに表示されます。

<g:plusone href="①" size="②"></g:plusone>

①URLをhttpから入力
②ボタンの形　左から tall、standard、medium


※サイトやブログサービスの仕様により適切に表示されない可能性がありますが
レンタルサーバーでのウェブサイトでは、ほとんど表示されています。
●参考サイト
SNSボタンの設置とカスタマイズ方法


ホームページ制作 東京!null

ぽてぽてプードル（ぽてぷ）のLINEスタンプ

丁寧語ベースですので、先輩、上司、営業系、仕事のお客さん、姑舅さんなどにお使いください。

13スタンプがマルチリンガル対応になっています。
言語は、英語、フランス語、タイ語、インドネシア語、韓国語、中国語（北京・台湾）で、英語＆日本語または日本語のみもあります。

⇒ http://ift.tt/1UR3C6e

このスタンプ欲しい方は⇒ ⇒ http://ift.tt/1UR3C6e

このスタンプは2015年09月時点のものです。
via ！null ノーヌル http://ift.tt/1KjiAqs

heart shaped diamond maternity tops

UTme!（ユニクロTシャツ）版は⇒  http://j.mp/diamond_utme
via nonull: Zazzle.com Store⇒ http://ift.tt/1i0mVc2

その他にUTme!で他のパターンも出品してみました。

一箇所だけ、ブリンクしています。小さくてよく見えませんがw

 ⇒ http://j.mp/many_diamond

heart shaped pink diamond tee shirt

ちなみにUTme!は⇒ http://j.mp/diamond_pink
via nonull: Zazzle.com Store⇒ http://ift.tt/1i0mUVM

その他にUTme!で他のパターンも出品してみました。

一箇所だけ、ブリンクしています。小さくてよく見えませんがw

 ⇒ http://j.mp/many_pink_diamond

 

heart shaped yellow diamond spaghetti strap tank top

ちなみに、 UTme!（ユニクロTシャツ）では⇒ http://j.mp/diamond_yellow
via nonull: Zazzle.com Store⇒ http://ift.tt/1PPf7EC

カテゴリー別に表示したいテンプレートタグ【MT3系】

未だにMT3（movable type ver3）系を使っています。
個人的にです。

そこで 備忘録レベルで記載します。

<MTIfIsDescendant>

カテゴリー別に表示したいデザインや文言を表示することができます。
記載方法は

<MTIfIsDescendant parent="親カテゴリー名"></MTIfIsDescendant>

となり
分岐も可能です。

<MTIfIsDescendant parent="親カテゴリー名">
     親カテゴリーとその下層カテゴリーに表示させたい情報
<MTElse>
     指定したカテゴリー以外に表示させたい情報
</MTElse>
</MTIfIsDescendant>

特定の親カテゴリとその以下で表示を分けたい時などは

<MTIfIsDescendant parent="親カテゴリー名A">
     親カテゴリーAとその下層カテゴリーに表示させたい情報
</MTIfIsDescendant>
<MTIfIsDescendant parent="親カテゴリー名B">
     親カテゴリーBとその下層カテゴリーに表示させたい情報
</MTIfIsDescendant>

とする事で表示分岐ができます。


テンプレートはエントリーテンプレート、カテゴリーテンプレート、日別（月別）テンプレートメインインデックステンプレートほぼ全てのテンプレートに適用できます。

なぜか覚えづらくすぐ忘れるタグです。。。

ホームページ制作 東京!null