اضافة زر مشاركة على الواتساب الى البلوجر

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

</body>

اضف الكود الثالي من فوقه مباشرة 

<style type='text/css'>

.mct_whatsapp_btn{background-color:#5EAF2E;padding:10px 0;color:#FFF;display:block;border-radius:2px;}

</style>

<script type='text/javascript'>

 //<![CDATA[

// Widget By  http://www.hukmaty.info/

$(document).ready(function() {

    $(document).on("click", '.mct_whatsapp_btn', function() {

        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {

            var text = $(this).attr("data-text");

            var url = $(this).attr("data-link");

            var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);

            var whatsapp_url = "whatsapp://send?text=" + message;

            window.location.href = whatsapp_url;

        } else {

            alert("Please use an Mobile Device to Share this Article");

        }

    });

});

 //]]>

</script>

نبحث مرة اخرى عت الكود الثالي  (ستجد اكثر من كود ، كود الثاني هو المطلوب)

<data:post.body/>

ثم اضف الكود الثالي من اسفله  و اضغط حفظ

  <a class='mct_whatsapp_btn' expr:data-link='data:post.url' expr:data-text='data:post.title' href='#' title='Share on Whatsapp'><i class='fa fa-whatsapp'/> الواتس آب </a>

لا تنسى تقييم الموضوع و شكراااا