بسم الله الرحمان الرحيم
كما لا يخفى عليكم جميعا ان الواتساب-Whatsapp يعتبر من التطبيقات التي وجدت مكانها في كل هاتف تقريبا و لدى كل مستخدم ، و هدا الانتشار الواسع يدفعنا كدالك للتفكير في استغلاله لصالح مواقعنا و مدوناتنا كذلك ، حيت سنضيف زر خاص بنشر المواضيع عن طريق الواتساب كي نكسب عددا إضافيا من الزوار و يتمكن متتبعونا من مشاركة المعلومة مع الآخرين بسهولة.
الآن نتطرق لطريقة إظافة زر المشاركة عبر الواتساب إلى البلوجر :
1- كلما عليك هو الدهاب أولا إلى لوحة التحكم في مدونتك ثم قالب ثم تحرير Html
2- ابحث عن هذا الكود :
</body>
3- تم ضع هذا الكود فوقه مباشرة :
السلام عليكم متابعي و زوار مدونة جينيوز ، مرحبا بكم في هدا الموضوع الجديد و الدي سوف نتطرق معكم فيه لكيفية إضافة زر مشاركة على الواتساب إلى البلوجر بطريقة إحترافية و جميلة تتناسب مع كل المدونات و المواقع و سهلة التركيب.
![]() |
إضافة زر المشاركة عبر الواتساب إلى البلوجر بطريقة إحترافية |
كما لا يخفى عليكم جميعا ان الواتساب-Whatsapp يعتبر من التطبيقات التي وجدت مكانها في كل هاتف تقريبا و لدى كل مستخدم ، و هدا الانتشار الواسع يدفعنا كدالك للتفكير في استغلاله لصالح مواقعنا و مدوناتنا كذلك ، حيت سنضيف زر خاص بنشر المواضيع عن طريق الواتساب كي نكسب عددا إضافيا من الزوار و يتمكن متتبعونا من مشاركة المعلومة مع الآخرين بسهولة.
الآن نتطرق لطريقة إظافة زر المشاركة عبر الواتساب إلى البلوجر :
1- كلما عليك هو الدهاب أولا إلى لوحة التحكم في مدونتك ثم قالب ثم تحرير Html
2- ابحث عن هذا الكود :
</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.genuis-info.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>
تم تقوم بحفظ القالب و مبروك عليك !
اتمني من صميم القلب أن ينال هدا الموضوع اعجابكم و أي استفسار أتركه لنا في التعليقات كي نجيبك عنه.
حياكم الله .
حياكم الله .
محول الاكوادمحول الاكواد الابتساماتالابتسامات