What's Hot

Tuesday 13 September 2016

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.htmlhttps://www.theblogdecorator.com/tutorial-how-to-change-bloggers-share-buttons-to-cute-custom-images/. Credit to both of them ❤


freebies share this post

freebies share this post


freebies social iconfreebies social iconfreebies social iconfreebies social icon

freebies social iconfreebies social iconfreebies social iconfreebies social icon

freebies social iconfreebies social iconfreebies social iconfreebies social iconfreebies social icon

"right click + copy image address or copy image url "

2 comments: