Addthis


Addthis


ソーシャルブックマークサービスは、他のWebコンポーネントを使用してWebサイトに統合できます.
(簡単に言えば、共有ボタンは複数のサービスに使用可能)

使用方法



このサイトに上記の内容が表示されたら、Share Buttonsを押してください.

Inlineを使用すると仮定すると、複数のタイプがあります.

inlineを押して、次のように青いcontinueボタンを押します.
好きなようにSelected by Youと、自分で選んだSmart Sorting by AddThisが存在する.

このほか、ボタンを丸くし、背景色や文字色を変更することもできます.△ほとんど円で、背景や文字は変えないのが普通です.

activate toolボタンを押すと上の内容が表示されますが、この場合必要なことは2つあります.

Script Copy



スクリプトを体の端の真上にコピーします.

Inline Copy



該当する広告の部分を貼る.

結果

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
</head>
<body>
    <h1 class="mt-5 text-center" >난 중앙에 배치되고 싶어</h1>

                <!-- Go to www.addthis.com/dashboard to customize your tools -->
                <div class="addthis_inline_share_toolbox_1n4s"></div>
            
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-603edaeaa1b08493"></script>

</body>
</html>
コードの作成と貼付けの際、sublimeプログラムを使用して結果を出力するとエラーが発生し、Intelljを使用すると正常な結果が発生します(Inteljが最も高い)
Sublime)

Intellj)

ソース


AddThis
ハーモニー