Tutorial Share This Post New Version

Assalammualaikum.

Photo by Brooke Lark on Unsplash

Sekarang ni trend pasang Share This Post. haha Tahu ke apa share this post ni? Ala yang ada dekat bawah setiap entry blog tu, senang korang nak share di Facebook and lain-lain social media. Cuma click je, tapi yang dekat bawah sekarang ni versi formal or lapuk punya, blogger punya design haha

So hari ni Mellya saja rasa bermurah hati nak share freebies. Nak guna, silakan, tak nak guna pun tak pe. hehe

Cara penggunaan:

Cara gunakan "Share this Post" versi lawa ni, korang kena disable share this post blogger dulu. Buka bahagian 'Layout', tengok bahagian 'Blog Posts', click 'Edit'. Untick 'Show Share Buttons'

Then buka 'Theme', 'Edit template'.

Click 'CTRL + F', search untuk code ini

<div class=’post-footer’>

Dah jumpa? Paste code ini dibawah code yang korang jumpa tadi


<!-- AddThis Button BEGIN -->
<div style='text-align: left;'>
<div class='addthis_toolbox'>
<div class='custom_images'><a class='addthis_button_share'><img alt='Share this Post' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqrse_m6a3GekA2J-jkIPj5XhTR2CnT8xoQ7mG6k2SYZmuXlw9f7eWgb1cszHQBdC10d9j8mkQptHc9YOW3KB_Did2TkSLnJK1cBsNKith3ZmUCtgncG2R8qfl1oCvHRZVKHLI-A9QSxRh/s1600/Share+this+Post.png'/></a><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook share' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5Hh8BcHYLs7vhO0H_wQz1X66Y3Ktg_XS3H9bHAe9dWnGW17fYpJ7pwdo9Jj0tgPEddJbeTiQrePQSUK5WYveCeVhUPc3XhWyN67XX4DIJx1602bXT0OQXdfVxbsTtq2vA5KqPt5B-5wr/s1600/Facebook+Button+Share.png'/></a><a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter share' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuVEFSuGkinovwR789hE0hZnAyipJsjApKBiCrdTdf1cBno-zvMnX68fikiX_5s8wdfMaFrQYGpeV7jf22hFUS84coAuScTS2jPVTZXGUWMsTlCqspmCWdKJM6cDOETxq7JdEd0e-k3vZN/s1600/Twitter+Button+Share.png'/></a><a class='addthis_button_pinterest_share'><img alt='Pin This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqnhrYdjOXqRDk1ZwL0ONMqLxU6nbLGh_2Pld-mDm8K4slS7HVjz8kTkrTtZ8Enw-wGdIeOYW0n1YmaH82mD0vVEG7iTZpOkc3cDQpWPe4m-Im1bZ8TOiRoSZvW-GXJUmbz-kXd-fI4oCc/s1600/Pinterest+Button+Share.png'/></a><a class='addthis_button_email'><img alt='Email This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir6ClcwSjJ8z53ChpRKN1YZFW6CJm8uMLyHK6FpuDLoyg090KmQcVb8HSqqymhJn745fjrq6op9eZSAVx5XGcSelZ5BaGLRToEND27dcMragWobAzm8FOVh9Y6ZkGDnc2zLA5WLp-bugiB/s1600/Email+Button+Share.png'/></a>
</div></div></div><script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:false};</script><script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>
<!-- AddThis Button END -->

Yang dibold tu korang boleh edit masukkan url image yang Mellya sertakan dibawah ni.

Kalau tak faham, boleh juga refer http://www.bajuwarnacoklat.com/2016/04/tutorial-share-this-post.html | https://www.theblogdecorator.com/tutorial-how-to-change-bloggers-share-buttons-to-cute-custom-images/. Credit to both of them ❤