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

السلام عليكم ،
اقدم لكم طريقة اضافة زر مشاركة على الواتساب الى البلوجر بطريقة احترافية و شغالة 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>

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

مقالات ذات صلة