زر اعجبني لمدونات بلوجر ب10 اشكال رائعة

بسم الله الرحمان الرحيم

اما بعد متتبعي ومتتبعات مدونة حاسوبي Astuce

في اضافة جديدة من اضافات بلوجر

اليوم مع اضافة زر اعجني ولم يعجبني لمدونات بلوجر

لنبدأ على بركة الله

تركيب الاضافة

اول شئ الكود يوضع قبل الوسم
<data:post.body/>

ستجد 3 حتى 4 منه حاول تجريب كل واحد منه

والان مع الاشكال

الشكل الاول

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="lightgray" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل الثاني

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="gray" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل الثالث

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="black" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل الرابع

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="drop" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل الخامس

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="line" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل السادس

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="github" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل السابع

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="greenred" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل الثامن

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="disk" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل التاسع

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="ublack" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

الشكل العاشر

<b:if cond='data:blog.pageType == "item"'>
<span class="likebtn-wrapper" data-theme="ugreen" data-lang="ar" data-i18n_like="اعجيني" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
</b:if><a href="http://astuce-hassoubi.blogspot.com/" style="display:none" alt="حاسوبي Astuce">حاسوبي Astuce</a>

اما بخصوص التنسيق

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

تحديث:الازرار تعمل على نطاق HTTP وليس HTTPS