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

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


طريقة الإضافة سهلة وبسيطة للغاية ما عليك سوى :
1- الذهاب إلى مدونتك بلوجر بعدها قالب ثم تحرير HTML
2-ننقرعلى  CTRL+F  ونبحث عن الكود التالي :

</body>

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

<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.mou-hsin.com/$(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>

4-نبحث مرة أخرى عن الكود التالي :(ستجده أكثر من مرة الكود الثاني هو المقصود )

<data:post.body/>

5- ونلصق الكود التالي مباشرة فوقه

<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>

مبروك عليكم الإضافة