إضافة أزرار المشاركة أسفل المشاركات لمدونات بلوجر

السلام عليكم متابعي وزوار مدونة نقطة إبداع

في هذه التدوينة الجديدة والحصرية على نقطة إبداع

سوف اقدم في هذه التدوينة أزرار المشاركة أسفل المشاركات لمدونات بلوجر

طريقة التركيب

1 . توجه لقالب >> تحرير

2. ابحث بإستعمال CTRL+F عن : ]]></b:skin>

3. ضع الكود التالي فوقه .

/* CSS Share Button */
.tombol-berbagi-simple{-webkit-box-sizing:initial;box-sizing:initial;display:block;position:relative;height:43px;line-height:43px;padding:20px 10px;margin:auto;border:1px solid #eaedee}
.tombol-berbagi-simple-fb,.tombol-berbagi{float:left;width:25%;padding:0 10px;height:inherit}
.tombol-berbagi-simple-tw,.tombol-berbagi,.tombol-berbagi-lk{float:left;width:25%;height:inherit;padding:0 10px;border-left:solid 1px #dadada}
.tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,.tombol-berbagi-lin,.tombol-berbagi-pi{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEctDOnUZfZtKRtTuXYCtWMqiuAzAjjVd6QcimH7OL4KHJWJVlTvF_L7tngTi5z0-YD1i9VZHPeidiFq32bBW2-sC_maR329oPUOmG-gkQQ3uT_rgESPX0pYObG-dSAtM7vgRWkaaXYp8/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
.tombol-berbagi-fb-label{color:#2d609b}
.tombol-berbagi-fb-label,.tombol-berbagi-tw-label,.tombol-berbagi-gp-label,.tombol-berbagi-lin-label{float:left;width:78px;height:inherit;font-size:14px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:16px;margin:5px 0 0 4px}
.tombol-berbagi-tw{background-position:0 -43px}
.tombol-berbagi-tw-label{color:#00c3f3}
.tombol-berbagi-gp{background-position:0 -86px}
.tombol-berbagi-gp-label{color:#f00}
.tombol-berbagi-lin{background-position:0 -129px}
.tombol-berbagi-simple a{ font-family: ge_ss_threeregular;color:#7f939d;transition:all .3s;}
.tombol-berbagi-simple a:hover{color:#f17c72}

4. ابحث عن <data:post.body/> ضع بعده [ أسفل] الشكل المختار

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

<div class='tombol-berbagi-simple'><div class='tombol-berbagi-simple-fb'><a class='tombol-berbagi-fb' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'/><a class='tombol-berbagi-fb-label' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'> شاركه على Facebook</a></div><div class='tombol-berbagi-simple-tw'><a class='tombol-berbagi-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/><a class='tombol-berbagi-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>شاركه على Twitter</a></div><div class='tombol-berbagi'><a class='tombol-berbagi-gp' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'/><a class='tombol-berbagi-gp-label' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>شاركه على Google+</a></div><div class='tombol-berbagi'><a class='tombol-berbagi-lin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' rel='nofollow' target='_blank'/><a class='tombol-berbagi-lin-label' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' rel='nofollow' target='_blank'>شاركه على LinkedIn</a></div></div>