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
ハーモニー
Reference
この問題について(Addthis), 我々は、より多くの情報をここで見つけました https://velog.io/@khw970421/Addthisテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol