Cara Pasang Kode Sharethis - Tombol Berbagi Sosial di Bawah Posting Blog

Baca Juga

Cara memasang kode Sharethis -- Tombol Berbagi Sosial di Bawah Posting Blog -- cukup mudah. Tombol berbagi ke media sosial ini lengkap, mulai share ke Facebook, Twitter, hingga WhatsApp (WA).

Penampakannya seperti ini:

Cara Pasang Kode Sharethis - Tombol Berbagi Sosial di Bawah Posting Blog

1. Tema > Edit HTML
2. Copas kode CSS berikut ini di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.sharex {font-size: 18px; color: #333; font-weight: 700; line-height: 2.4; padding: 10px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;margin:0 20px;}
.sharethis-inline-share-buttons, .st-inline-share-buttons,  .st-center st-animated {display: inline-block!important;margin-left:10px;}
</style>
</b:if>

3. Copas kode HTML berikut ini di bawah kode <data:post.body/> yang kedua atau ketiga.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sharex'>
SHARE <div class='sharethis-inline-share-buttons'/>
</div>
</b:if>

4. Copas kode JavasScript Sharethis berikut ini di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;script type=&quot;text/javascript&quot; src=&quot;//platform-api.sharethis.com/js/sharethis.js#property=59ecdd94899d1d001141cf32&amp;product=inline-share-buttons&quot;&gt;&lt;/script&gt;
</b:if>

5. Save! Simpan Template.

Selesai. Demikian Cara Pasang Kode Sharethis - Tombol Berbagi Sosial di Bawah Posting Blog. Good Luck & Happy Blogging! (www.contohblog.com).*