Cara Membuat Tautan Berbagi Postingan ke Medsos - CocokPedia
Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Tautan Berbagi Postingan ke Medsos



Langsung saja ke Cara Membuat Tautan Berbagi Postingan ke Medsos ya. Ada enam media sosial pada kode html di bawah ini yaitu: whatsapp, twitter, email, telegram, line, dan pinterest. Kode html ini untuk blogger atau blogspot. Seperti biasa untuk memasukkan kode html, maka anda harus masuk ke akun blogger > Tema (theme) > Edit html > baru kemudian lakukan langkah di bawah ini.

Letakkan kode html di bawah ini tepat di atas </head>

<style type='text/css'>
/*Share Button cocokpedia */
.crist-wrapper-share{right:0;position: fixed;background-color: white;border: 2px solid green;bottom:30%;overflow:auto;margin: 0px;font-size: 15px;color: black;text-align: center;padding:5px;z-index:100;}
.crist-wrapper-share li {list-style: none;margin: 5px 0px 0px 0px;}
.crist-wrapper-share li:first-child{border-bottom:1px solid black;margin-top:0px;}
@media only screen and (max-width:640px){
body{margin-bottom: 42px;}
.crist-wrapper-share {width: 99%;height: 36px; bottom: 0;margin:0px auto;padding:0px;}
.crist-wrapper-share li{display: inline;margin: 0px 0px 0px 5px;border:none;padding:0px;}
.crist-wrapper-share li:first-child{border:none;}
}
</style>

Ubahlah kata yang berwarna merah sesuai alamat blog anda.


Kemudian lanjutkan untuk meletakkan kode html di bawah ini tepat di atas </body>


<li><b>Bagikan</b></li>
<li><a expr:href='&quot;whatsapp://send?text=&quot; + data:blog.pageName + &quot;%20%2D%20&quot; + data:blog.url' rel='nofollow' target='_blank' title='Bagikan ke Whatsapp'><img height='35' src='https://1.bp.blogspot.com/-v2pOS0IheBI/XtSdXeL_3XI/AAAAAAAACFI/5-OiIfa7YdUXHbT2cDviPOl_hJQYSYSZwCLcBGAsYHQ/s30/AW_Wa_icon.png' width='35'/></a></li>
<li><a expr:data-text='data:blog.pageName' expr:data-url='data:blog.url' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:blog.pageName + &quot; (by: @cocokpedia) &quot;' rel='nofollow' target='_blank' title='Bagikan ke Twitter'><img height='35' src='https://1.bp.blogspot.com/-6VlUYtBOX_k/XtSdWcfvt6I/AAAAAAAACFE/bkADiJuQVGsStdM5hHoGbCaFJ8CG-lzEwCLcBGAsYHQ/s30/AW_Tw_icon.png' width='35'/></a></li>
<li><a expr:href='&quot;mailto:?subject=&quot; + data:blog.pageName + &quot;&amp;body=&quot; + data:blog.url' rel='nofollow' title='Kirim ke Email'><img height='35' src='https://1.bp.blogspot.com/-qsg_AMpsA2c/XtSdWb_mz4I/AAAAAAAACFA/naYM5kF_Mywwy94LVvaeIlJJ3xuL-osDgCLcBGAsYHQ/s30/AW_Email_icon.png' width='35'/></a></li>
<li><a expr:href='&quot;tg://msg?text=&quot; + data:blog.pageName + &quot; - &quot; + data:blog.url' rel='nofollow' target='_blank' title='Bagikan ke Telegram'><img height='35' src='https://1.bp.blogspot.com/-GvXtxYDL4is/XtYPaekuxPI/AAAAAAAACFs/40kb1ukRGuI-EMnyha_aFG5BKUWc9QPBACLcBGAsYHQ/s30/AW_Tg_icon.png' width='35'/></a></li>
<li><a expr:href='&quot;https://timeline.line.me/social-plugin/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Bagikan ke Line'><img height='35' src='https://1.bp.blogspot.com/-quCmhwRncCw/XtYPabgq-CI/AAAAAAAACFw/Zetl8paRu6QP8t1av1P57tA6mqsdYmG9QCLcBGAsYHQ/s30/AW_Ln_icon.png' width='35'/></a></li>
<li><a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:blog.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:blog.pageName&quot;' rel='nofollow' target='_blank' title='Bagikan ke Pinterest'><img height='35' src='https://1.bp.blogspot.com/-_zqZiSkgUqY/XtYPaTH_emI/AAAAAAAACFo/RIAr29qKvXk4V5b5dHfEeiYpQxdVJU3bgCLcBGAsYHQ/s30/AW_Pn_icon.png' width='35'/></a></li>
</div>
Ubahlah kata yang berwarna merah sesuai nama user twitter anda. Karena teks di atas tidak bisa dicopy, berikut file download html Cara Membuat Tautan Berbagi Postingan ke Medsos di bawah ini.










Posting Komentar untuk "Cara Membuat Tautan Berbagi Postingan ke Medsos"