السلام عليكم ،
اقدم لكم طريقة اضافة زر مشاركة على الواتساب الى البلوجر بطريقة احترافية و شغالة 100% ، يعد الواتساب من اضخم التطبيقات الاكثر استخداما في العالم حيث انه قد وصل لقرابة المليار مستخدم نشط .
لا يسعنا ان نذكر ان الهواتف و اللوحات الكترونية اصبحت الاكتر استخداما حاليا الى جانب الحواسب ، لذلك يجب استغلال هذه الميزة لجلب عدد مهم من الزوار ، و هنا نقترح عليك زر تشير أو مشاركة على الواتساب الدي يعمل على الهواتف نظرا لكثرة استخدامه و عمل به .
و هذا ما يجعلنا نقول على ان هذه طريقة معمول بها و فعالة في جلب الزوار و ارتقاء بالمدونات الى الافضل و جعلها اكثر حذاثة ، و في هذا الدرس سنشرح لكم طريقة اضافتها الى مدونة البلوجر .
- اذهب الى مدونة ثم قالب ثم تحرير HTML
- ابحث عن الكود الثالي
- اضف الكود الثالي من فوقه مباشرة
<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>
واخيرا اتمنا ان يعجبك الموضوع منقول
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).