حصرياتالمزيد

الخميس، 25 يوليو 2019

احصل على هذة الاداة من هنا

أزرار التفاعل متحركة v2



السلام عليكم ورحمة
الله وبركاته

قمنا سابقا بتقديم هذه الاضافة لذا نطيل عليكم بالتعريف
عنها أو عن مزاياها
فقط تم تطويرها لتصبح بتأثيرات أنيميشن
كالموجودة على الفيسبوك تماما

طريقة التركيب
  1. ابحث عن الوسم </body> وضع فوقه الكود التالي
  • <script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=5c9c2853fbd80b0011b664f6&amp;product=sop' type='text/javascript'/>

  1. قم بفتح حساب على الموفع واتمام الخطوات ونقل الأكواد
  2. ابحث عن الوسم <data:post.body/> وضع أسفله الكود التالي
  • <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='sharethis-inline-reaction-buttons'/> <div class='clear'/> </b:if>


  1. ابحث عن الوسم </head> وضع فوقه الكود التالي
  • <style type='text/css'> /*<![CDATA[*/ /* ShareThis Custom Reaction */ #st-1 .st-btn .st-text{display:none!important} #st-1 .st-btn:hover &gt; span.st-count{display:inline-block!important} #st-1 .st-btn &gt; svg{opacity:0}[data-reaction]{background-size:80px;background-position:center} #st-1 .st-btn &gt; span.st-count{font-size:10px!important;padding:4px 7px;color:#222;background:#f0f0f0;line-height:1!important;border-radius:5px;font-weight:bold!important;display:inline-block!important;bottom:5px;right:10px;position:absolute} [data-reaction=slight_smile]{background-image:url(https://3.bp.blogspot.com/-hNfE5e1Qo3c/XMLiPrFuOFI/AAAAAAAAOm8/pl6tOHh_y2AmumaMK6dQOQ36fP6BjC7_QCLcBGAs/s1600/like.gif)} [data-reaction=heart_eyes]{background-image:url(https://1.bp.blogspot.com/-HgD0g2IiNLk/XMLiQOHSAxI/AAAAAAAAOnI/tC61Ug_I9zIpIeCVBrcg8QtoGQH7cOoNACLcBGAs/s1600/love.gif)} [data-reaction=laughing]{background-image:url(https://1.bp.blogspot.com/-liSaUgXsZXo/XMLiP-Z3NkI/AAAAAAAAOnA/idWXMbOdLMIzaz7P_lYvH25NSu6UrPkuQCLcBGAs/s1600/haha.gif)} [data-reaction=astonished]{background-image:url(https://2.bp.blogspot.com/-fEsfdOAj6m4/XJKUodnOstI/AAAAAAAAGuM/7HkgAaOkelo68pfgJUeQUqgK5If23LvkQCLcBGAs/s1600/wow.gif)} [data-reaction=sob]{background-image:url(https://2.bp.blogspot.com/-8UjP6O6ZBus/XMLiQgaU5BI/AAAAAAAAOnM/mc0GAQW4kZg4BjtdiHFpBStGzMB6LYW6wCLcBGAs/s1600/sad.gif)} [data-reaction=rage]{background-image:url(https://2.bp.blogspot.com/-aCtZlJ68tps/XMLiP-pNq7I/AAAAAAAAOnE/UTFuQzM58k4SnUvFGBXbh5bTnZsQYTvGACLcBGAs/s1600/angry.gif)} /*]]>*/ </style>




EmoticonEmoticon