كود مشاركة مواضيع المدونة أو الموقع على مواقع التواصل الإجتماعي بشكل أنيق , الكود حديث و عصري و يحتوي على زر لإخفاء و إظهار أزرار المشاركة .
إليك الكود :

<!-- كود أزرار مشاركة المقالات --> <b:if cond='data:blog.pageType == "item"'> <div class='post-share'> <p> <span>شاركه</span></p> <a class='fab fa-facebook' expr:href='" http://www.facebook.com/share.php?v=4& src=bm& u=" + data:post.url + " & t=" + data:post.title' onclick='window.open(this.href," sharer" ," toolbar=0,status=0,width=626,height=436" ); return false;' rel='nofollow'> Facebook </a> <a class='fab fa-twitter' expr:href='"http://twitter.com/share?url=" + data:post.url ' rel='nofollow' target='_blank' title='Twitter Tweet'>Twitter </a> <a class='fab fa-linkedin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=" + data:post.snippets' target='_blank' title='LinkedIn Share'> Linkedin </a> <a class='fab fa-reddit' expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title + "&summary=" + data:post.snippets' target='_blank' title='Reddit Share'> Reddit </a> <div id='more-post-share'> <a class='fab fa-pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&title=" + data:post.title + "&summary=" + data:post.snippets + "&media=" + data:post.firstImageUrl' target='_blank' title='pinterest Share'> pinterest </a> <a class='fab fa-getpocket' expr:href='"https://getpocket.com/save?url=" + data:post.url' target='_blank' title='Share This On Pocket'>Pocket</a> <a class='fab fa-tumblr' expr:href='"http://www.tumblr.com/share/link?url=" + data:post.url' target='_blank' title='Share This On Tumblr'>Tumblr</a> <a class='fab fa-evernote' expr:href='"http://www.evernote.com/clip.action?url=" + data:blog.url' target='_blank' title='Share This On Evernote'>Evernote</a> <a class='fab fa-mix' expr:href='"//www.Stumbleupon.com/submit?url=" + data:post.url' target='_blank' title='Share This On Stumbleupon'>mix</a> </div> <p> <i class='fa fa-plus' id='share-plus' onclick='sharebutton()'/></p> </div> </b:if> <style> .post-share a{ color:#474778; height:30px; font-size:19px; box-shadow:0 2px 5px rgba(0,0,0,0.1),0 2px 5px -1px rgba(0,0,0,0.2); padding-top:10px; width:140px; border-radius:10px} .post-share p span{ color:#474778; font-size:20px} .post-share{ border:solid 2px #e1e1e1} #more-post-share{ display:none} .more-post-share p i{} #share-plus{ color:#fff; background-color:#474778; width:35px; height:25px; padding-top:5px; cursor:pointer} </style> <script> function sharebutton() { var x = document.getElementById("more-post-share"); if (x.style.display === "block") { x.style.display = "none"; } else { x.style.display = "block"; } } </script> <!-- /كود أزرار مشاركة المقالات -->

أضفه أسفل كود تلخيص التدوينة لديك في الموقع و إن لم تكن تعرف كيف فاتبع معي الخطوات التالية :
1- من إعدادات المدونة أدخل إلى المظهر
 2- ثم إختر تعديل HTML
 - إبحث عن  <data:post.body/>  وستجد حوالي 3 أكواد مشابهة و أنت حدد أخر كود لديك في المدونة و أضف أسفله كود أزرار مشاركة التدوينة ومبارك عليك تم إضافة الأداة بنجاح إن واجهت أي مشكلة لا تتردد في طرح تعليقك .