Lineで送るカスタムボタンを小窓で表示する~Lineで送るボタンはデザインボタンを使用できる!Lineで送るカスタムボタンのリンクウインドウを小窓で表示する~Lineで送るボタンは好きなデザインボタンを使用できる!LINEで送るボタンは、Webサイトの情報をLINEの友だちと簡単にシェアできるボタンです。このボタンにカスタムアイコンを使用できるようになり、ボタン設置の公式コードが公開されています。下記の例のとおりボタンのリンクを設定します。デモこのデモは、リンク先のウィンドウの大きさはこのページと同じ大きさになります。いわゆる小窓には表示されません。Lineで送るカスタムアイコン(デザインボタン)の作り方は、次のとおりです。ボタンにカスタムアイコンを使用する場合、下記の例のとおりボタンのリンクを設定しますリンクのフォーマットは、https://social-plugins.line.me/lineit/share?url={URL}(例){URL}は、ボタン設置のページのURLを指定します。動的WebサイトでLINEで送るボタンを呼び出しますJavascriptで、LineIt.loadButton()を呼び出してLINEで送るボタンを有効にします。type="text/javascript">LineIt.loadButton();</script>カスタムボタンのリンク先ウィンドウを小窓で表示する方法Lineで送るカスタムボタンのリンク先ウィンドウを小窓で表示する手順は以下のとおりです。jQueryを使用しますが、jQueryファイルはダウンロードせずにcode.jquery.comから直接インクロードします。オリジナルデザインボタンの準備(カスタムボタン画像)カスタムボタンは、Lineサイトからダウンロードできます。src="http://code.jquery.com/jquery-latest.min.js"></script>ソーシャルボタン設置HTMLコード(HTML-Line公式コード)フリーなデザイン画像のカスタムボタンの配置は、Aタグでボタン画像にリンク設定を行います。仮に、カスタムボタンの配置するURLが、http://urbanqee.com/webutil/sns/social-line-custombutton.htmlカスタムボタンのURLが、./images/line-share-h.pngとすれば、リンク設定はつぎのとおりです。Aタグのidパラメータを指定します。リンク先の「Lineに送る」ページのウインドウを小窓で開くために必要です。src='./images/line-share-d.png'></a>LINEで送るカスタムボタン有効化スクリプト(Javascript-Line公式コード)動的WebサイトでLINEで送るボタンを呼び出します。Javascript、LineIt.loadButton()を呼び出してLINEで送るボタンを有効にします。下のJavscriptコードを、上の「ボタン設置HTMLコード」の下部の適当な場所に配置します。type="text/javascript">LineIt.loadButton();</script>LINEで送る小窓表示スクリプト(jQuery)Lineで送るカスタムボタンをクリックしたときに呼び出され、そのリンク先ウィンドウを小窓で表示します。設置方法できる!ブログなどのレス記事に、自作のいいねボタンを動的に設置する。レス記事に自作のいいねボタンといまいちボタンをカスタマイズできる。投票数のカウントは、データベースMySQLが使用できる。いいね!ボタンをレス記事などに動的配置できる。現在、facebook公式のいいねボタンとシェアボタンは共に同じ値のカウント総数が表示される。