TopFlix افضل قالب لمشاهدة الافلام والمسلسلات على بلوجر 2020

TopFlix افضل قالب لمشاهدة الافلام والمسلسلات على بلوجر 2020

TopFlix افضل قالب بلوجر لعرض افلام 2020

TopFlix قالب بلوجر لعرض افلام 2020 - عبارة عن نمودج مميز بالكامل ومصمم بأناقة ، تم إنشاؤه خصيصًا لمدونات الأفلام والمسلسلات. هذا القالب بسيط للغاية مع ميزة بانر لعرض صورة الفيلم التي تعطي جاذبية خاصتا الجزء العلوي من مدونتك. تم تصميمه بشكل الافضل.
TopFlix هو قالب سريع الاستجابة متجاوب وفقًا لجهاز العارض أو حجم الشاشة. يساعد على نشر مقاطع فيديو من YouTube ومنصات أخرى بمساعدة iframe. يركز هذا القالب على مدونات الأفلام ، ولكن يمكن استخدامه أيضًا لإنشاء موقع ويب لمستخدمي YouTube ومدرسي الفيديو والدورات التدريبية عبر الإنترنت وأخبار التكنولوجيا ومدونة المجلات والطبخ والسفر والألعاب والألعاب والرياضة. ومدونات الفيديو. إذا كانت لديك قناة على YouTube ، فيمكنك إنشاء مدونة الفيديو الخاصة بك. يوفر هذا المظهر ميزة إنشاء مدونات باستخدام مُحسّنات البحث "SEO"وسريع لمحركات البحث.

المميزات :

  • يدعم سيو
  • الإعلانات جاهزة
  • مجلة
  • متجاوب
  • تحميل سريع
  • التوافق المتصفح
  • القائمة المنسدلة
  • مقتبس من WordPress
  • عرض شبكة الجوال
  • 1 الشريط الجانبي الأيمن
  • جاهز للإشارة المرجعية الاجتماعية
  • نشر الصور المصغرة
  • قائمة التنقل في الصفحة ،
  • والمزيد...

معاينة وتحميل قالب TopFlix

تعرف على اهم اكواد جديدة الخاصة بمنصة بلوجر 2020

تعرف على اهم اكواد جديدة الخاصة بمنصة بلوجر 2020

 اكواد الخاصة بمنصة بلوجر الجديد 2020 - اكواد التحكم في عرض و اخفاء أداة معينة على صفحة معينة هذه اكواد تستخدم لعرض أو عدم ظهوره في صفحة معينة. على سبيل المثال ، في الصفحة الرئيسية او صفحة البحث او ارشيف الخ، نريد عرض الشريط الجانبي "sidebar" ولكن عندما يفتح الزائر صفحة المقالة ، لا يتم عرض الشريط الجانبي. حسنًا ، لتعيين الشريط الجانبي يظهر ولا يظهر عليك استخدام اكواد بلوجر يطلق عليها باللغة انجليزية "Blogger Conditional".
اكواد  جديد الخاصة بمنصة بلوجر الجديد 2020

و تتمثل اهمية هذه الاكواد انها تحسن من سرعة تحميل المدونة الخاص بنا. حيث هناك بعض اضافات نريد عرضها على صفحات معية فقط وهذا يتطلب هذه الاكواد الخاص بمنصة بلوجر.
تحميل افضل قالب بلوجر بسيط و سريع 2020

تحميل افضل قالب بلوجر بسيط و سريع 2020

قالب بلوجر احترافي 2020
اليوم معنا احدث نسخة من قالب مدونة المحترف العربي  هو قالب مجاني و احترافي لمدونات بلوجر، وهو قابل للتخصيص بالكامل ويمكنك تغيير كل شيء في هذا القالب . تم طلب هذا القالب من قبل العديد من الاصدقاء لهذا فكرة في تنزيل نسخة مطوة والقالب اصلي اسمه minifast سريع بشكل لا مثيل له، وسوف يقوم بتحميل مدونتك بشكل اسرع مما تتوقع. كما أنه متوافق مع AdSense ، بالاضافة لأكثر من 6 مناطق إعلانية ستزيد بالتأكيد أرباحك.
اضافة عرض المزيد ( infinte scroll ) لمدونات بلوجر

اضافة عرض المزيد ( infinte scroll ) لمدونات بلوجر

مرحبا بكم مجددا في تدوينة جديدة حول خاصية جديدة، بصراحة هذه الاضافة حصرية  وتنال اعجاب كل من شاهذها، فهي تجعل الزائر يتصفح تدويناتك بكل سهولة وسريعة مقارنة بترقيم صفحات. في مايلي طريقة اضافة عرض المزيد ( Load More ) لمدونات بلوجر، هذه اضافة ستجعل المشاركات تحمل بشكل تلقائي و بضغطة زر، بدون اعادة تحميل الصفحة مرة تانية.


إضافة صندوق دردشة واتساب لمدونات بلوجر اصدار 2

إضافة صندوق دردشة واتساب لمدونات بلوجر اصدار 2

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

بالنسبة لموضوع و اضافة اليوم الخاصة بصندوق دردشة الواتساب لمدونات بلوجر، فالمميزات الموجودة في هذه الاخيرة عديدة ومن بينها انها متعددة المدراء اي يمكنك اضافة اكثر من ادمين لخدمة الدعم. والمزيد من الميزات التي سنراها معا.

طريقة أضافة دردشة واتساب لموقعك بعددة حسابات وأرقام

اولا التوجه إلي بلوجر > المظهر  > تعديل HTML
اضف كود CSS التالي مباشرة فوق الوسم  ]]></b:skin> أو </style>

/* CSS Multiple Whatsapp Chat */
#whatsapp-chat{position:fixed;background:#fff;width:350px;border-radius:10px;box-shadow:0 1px 15px rgba(32,33,36,.28);bottom:90px;left:30px;overflow:hidden;z-index:99;animation-name:showchat;animation-duration:1s;transform:scale(1)}
a.blantershow-chat{background:linear-gradient(to left top,#6f96f3,#164ed2);color:#fff;position:fixed;z-index:98;bottom:25px;left:30px;font-size:15px;padding:10px 20px;border-radius:30px;box-shadow:0 1px 15px rgba(32,33,36,.28)}
a.blantershow-chat i{transform:scale(1.2);margin:0 0 0 10px}.header-chat{background:linear-gradient(to left top,#6f96f3,#164ed2);color:#fff;padding:20px}
.header-chat h3{margin:0 0 10px}.header-chat p{font-size:14px;line-height:1.7;margin:0}
.info-avatar{position:relative}.info-avatar img{border-radius:100%;width:50px;float:right;margin:0 0 0 10px}
.info-avatar:before{content:'\f232';z-index:1;font-family:"Font Awesome 5 Brands";background:#23ab23;color:#fff;padding:4px 5px;border-radius:100%;position:absolute;top:30px;right:30px}
a.informasi{padding:20px;display:block;overflow:hidden;animation-name:showhide;animation-duration:2.5s}
a.informasi:hover{background:#f1f1f1}.info-chat span{display:block}#get-label,span.chat-label{font-size:12px;color:#888}
#get-nama,span.chat-nama{margin:5px 0 0;font-size:15px;font-weight:700;color:#222}#get-label,#get-nama{color:#fff}span.my-number{display:none}
.blanter-msg{color:#444;padding:20px;font-size:12.5px;text-align:center;border-top:1px solid #ddd}
textarea#chat-input{border:none;font-family:'Arial',sans-serif;width:100%;height:20px;outline:none;resize:none}
a#send-it{color:#555;width:40px;margin:-5px 5px 0 0;font-weight:700;padding:8px;background:#eee;border-radius:10px}
.first-msg{background:#f5f5f5;padding:30px;text-align:center}
.first-msg span{background:#e2e2e2;color:#333;font-size:14.2px;line-height:1.7;border-radius:10px;padding:15px 20px;display:inline-block}
.start-chat .blanter-msg{display:flex}#get-number{display:none}a.close-chat{position:absolute;top:5px;left:15px;color:#fff;font-size:30px}
@keyframes showhide{from{transform:scale(.5);opacity:0}}@keyframes showchat{from{transform:scale(0);opacity:0}}
@media screen and (max-width:480px){#whatsapp-chat{width:auto;right:5%;left:5%;font-size:80%}}
.hide{display:none;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}
.show{display:block;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}

بالنسبة إلى HTML ، يمكنك وضعه في التخطيط> إضافة أداة > HTML / Javascript ، في الواقع يمكن وضعه في أي مكان ، إذا قمت بتحرير HTML ، فيمكنك وضعه أعلى رمز Javascript في الخطوة التالية.

<div id='whatsapp-chat' class='hide'>
<div class='header-chat'>
<div class='head-home'><h3>مرحباً</h3>
<p>انقر فوق أحد ممثلينا أدناه للدردشة عبر تطبيق WhatsApp أو مراسلتنا على البريد الإلكتروني علي user@gmail.com</p></div>
<div class='get-new hide'><div id='get-label'></div><div id='get-nama'></div></div></div>
<div class='home-chat'>
<!-- Info Contact Start -->
<a class='informasi' href='javascript:void' title='Chat Whatsapp'>
<div class='info-avatar'><img src='https://2.bp.blogspot.com/-y6xNA_8TpFo/XXWzkdYk0MI/AAAAAAAAA5s/RCzTBJ_FbMwVt5AEZKekwQqiDNqdNQJjgCLcBGAs/s70/supportmale.png'/></div>
<div class='info-chat'>
<span class='chat-label'>الدعم</span>
<span class='chat-nama'>خدمة العملاء 1</span>
</div><span class='my-number'>20281977094280</span>
</a>
<!-- Info Contact End -->
<!-- Info Contact Start -->
<a class='informasi' href='javascript:void' title='Chat Whatsapp'>
<div class='info-avatar'><img src='https://4.bp.blogspot.com/-X1Xs2iRKabY/XXWzkqQ-iDI/AAAAAAAAA5w/HSyhR0gIXvUzlAx5XgaZzmlrCJkTgrOFQCLcBGAs/s70/supportfemale.png'/></div>
<div class='info-chat'>
<span class='chat-label'>المبيعات</span>
<span class='chat-nama'>خدمة العملاء 2</span>
</div><span class='my-number'>20222222222</span>
</a>
<!-- Info Contact End -->
<div class='blanter-msg'>أتصل بنا علي <b>202123456789</b> من <i>0:00 إلي 24:00</i></div></div>
<div class='start-chat hide'>
<div class='first-msg'><span>مرحبا! ماذا يمكنني أن أفعل لك؟
</span></div>
<div class='blanter-msg'><textarea id='chat-input' placeholder='اكتب ردا' maxlength='120' row='1'></textarea>
<a href='javascript:void;' id='send-it'>إرسال</a></div></div>
<div id='get-number'></div><a class='close-chat' href='javascript:void'>×</a>
</div>
<a class='blantershow-chat' href='javascript:void' title='Show Chat'><i class='fab fa-whatsapp'></i>كيف أستطيع مساعدتك؟</a>

الكود المميز باللون الأحمر هو الرمز الذي يجب تغييره وفقًا لبيانات الاتصال.
بالنسبة لأرقام whatsapp ، لا تستخدم علامة الجمع + ، رموز البلد فقط مثل 20.

ضع Javascript أسفل اليمين أعلى الكود </body>

<script type='text/javascript'>
//<![CDATA[
/* Whatsapp Chat Widget by www.imintweb.com */
$(document).on("click","#send-it",function(){var a=document.getElementById("chat-input");if(""!=a.value){var b=$("#get-number").text(),c=document.getElementById("chat-input").value,d="https://web.whatsapp.com/send",e=b,f="&text="+c;if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))var d="whatsapp://send";var g=d+"?phone="+e+f;window.open(g, '_blank')}}),$(document).on("click",".informasi",function(){document.getElementById("get-number").innerHTML=$(this).children(".my-number").text(),$(".start-chat,.get-new").addClass("show").removeClass("hide"),$(".home-chat,.head-home").addClass("hide").removeClass("show"),document.getElementById("get-nama").innerHTML=$(this).children(".info-chat").children(".chat-nama").text(),document.getElementById("get-label").innerHTML=$(this).children(".info-chat").children(".chat-label").text()}),$(document).on("click",".close-chat",function(){$("#whatsapp-chat").addClass("hide").removeClass("show")}),$(document).on("click",".blantershow-chat",function(){$("#whatsapp-chat").addClass("show").removeClass("hide")});
//]]>
</script>

قم بحفظ القالب
يرجى ملاحظة أن خط هذه الأداة سوف يتبع تلقائيا الخط الافتراضي للقالب الذي تستخدمه. تأكد من تثبيت الخطوط الخاصة وأيضًا مكاتب CSS الخارجية مثل Awesome Fonts وأيضًا jQuery.
إذا لم تكن قد استخدمت Font Awesome أو jQuery ، فيمكنك إضافة الروابط التالية أعلى الوسم. </head> عادةً ما يستخدم أحدث إصدار من القالب Font Awesome (Icons) و jQuery.

إضافة سكريبت جدول المحتويات تلقائيا لمدونة بلوجر

إضافة سكريبت جدول المحتويات تلقائيا لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته - مرحبا متابعي مدونة المحترف العربي في تدوينة جديدة. هذه المرة سأشارك معكم إضافة احترافية وهي عبارة عن سكريب تقوم بإضافة جدول المحتويات تلقائيا لمقالاتك على منصة بلوجر، إضافة حصرية التي يبحث عنها جل المدونون على منصة بلوجر.

إضافة سكريب جدول المحتويات تلقائيا لمدونة بلوجر

مميزات  جدول المحتويات مدونة بلوجر

وانت تتصفح مدونة المحترف العربي ستجد في بداية جميع المقالات جدول المحتوى الذي من شئنه ان يزيد في تقوية سيو الموقع الخاص بك. نعم ان هذه الإضافة ليس فقط من اجل تنظيم و جدولة المحتوى الخاص بك وانما له مميزات اخرى في تحسين محركات البحث، حيث تفضل محركات البحث المواضيع التي تتسم بالتنظيم المحتوى و هذا حتما سيجعل المقالات الخاص بك تتصدر نتائج البحث.
PURE APK | قالب بلوجر لمشاركة العاب و تطبيقات اندرويد

PURE APK | قالب بلوجر لمشاركة العاب و تطبيقات اندرويد

PURE APK | قالب بلوجر لمشاركة العاب و تطبيقات اندرويد  - مرحبا اصدقاء كنت قد تطرقت من قبل لمجموعة من قوالب بلوجر مجانا و الاحترافية. خاصتا في مجال الاندرويد. اليوم نقدم لكم قالب PURE APK النسخة انجليزية و العربية معا.
PURE APK | قالب بلوجر لمشاركة العاب و تطبيقات اندرويد

مميزات قالب PURE APK

  • القالب خفيف وسريع الاستجابه
  • مناسب ومتناسق
  • متجاوب مع جميع الاجهزه
  • بها اكثر من مكان لاعلانات
  • تقسيمات لتسميات
  • سيدر لصوره بشكل انيق ومتجاوب
  • سيد بار
  • ازراره التحميل بشكل جميل ومتناسق مع لون القالب
  • تغيره لون القالب من خاصيه التخصيص
  • خاصيه التحميل التي تشبه قالب ليفون
  • وضع الفيديو بها بشكل متجاوب
  • مواقع التواصل الاجتماعي
  • مكان لبحث في المواضيع بشكل انيق

تحميل PURE APK | قالب بلوجر لمشاركة العاب و تطبيقات اندرويد :

رابط المعاينه اللغه الانجليزيه
pureapk-templatemark.blogspot.com
==================
رابط المعاينه اللغه العربيه
apk-pure200.blogspot.com
==================
رابط التحميل النسخة انجليزية
===============
رابط التحميل النسخة العربية
من هنا
رابط تحميل قالب نتظيف المدونة

سيو بلس V5 | تحميل اصدار 2020 مجانا

سيو بلس V5 | تحميل اصدار 2020 مجانا

سيو بلس V5 - قالب بلوجر متعدد الاستخدامات 2020 صمم ليتوافق مع جميع المتصفحات وجميع الشاشات كود ليكون صديق لمحركات البحث تم بناء القالب علي ان لا يحتوي علي اي ملفات اضافية للتصميم للوصول ل اكبر سرعه ممكنة

مميزات قالب سيو بلس

  • تحسينات كاملة في التكويد للوصول لسرعة متميزة
  • دعم الإتصال المشفر https للنطاق المجاني ويدعم تركيب شهادة SSL النطاق المدفوع
  • إمكانية تشغيل وإيقاف الاضافات
  • دعم تخصيص / الخلفية . الالوان . الخط . عرض المدونة
  • تقليل استخدام وضغط اكواد CSS , Javascript
  • 8 اشكال مختلفة لعرض التدوينات
  • امكانية تقسيم المقال لعدة صفحات
  • امكانية قسم المقال لقسمين (شبيهة بتقسيم المقال)
  • خاصية اقراء المزيد (تجلب مواضيع عشوائية تظهر بمنتصف المقال)
  • خاصية جدول الانتقال / table of contents
  • صفحة انتظار للروابط الخارجية
  • صفحة خاصة للارشيف
  • خاصية البحث الداخلي في الموقع الاصدار الاخير والكامل
  • امكانية اضافة الاعلانات في جميع أنحاء الموقع
  • إمكانية تعطيل/تفعيل أسم الكاتب - تاريخ النشر - معلومات الكاتب - التعليقات - التسميات
  • لوحة تحكم قوية تغنيك عن استخدام الاكواد
  • والمزيد ..

تحميل قالب سيو بلس مجانا

=============
معاينة القالب
↓↓↓↓↓↓↓↓↓↓
rtl-demo.seoplus-template.com
============
=============
قالب تنظيف
سكربت عداد فيروس كورونا على مدونات بلوجر

سكربت عداد فيروس كورونا على مدونات بلوجر

طلقت منظمة الصحة العالمية موقعا لمتابعة الأعداد المصابة لمختلف الدول على مستوى العالم, كما أطلق موقع elfsight إضافة بسيطة جدا لإضافة كود عدَّاد فيروس كورونا بأشكال مختلفة. ومن خلال هذه المقالة سوف نقدم لكم هذه سكريبت التي تعرض جميع البيانات حول العالم للوباء و نطلب من الله الصحة و السلامة لجميع المسلمين.
سكربت عداد فيروس كورونا على مدونات بلوجر

طريقة تريب هذه سكريبت على مدونة بلوجر لاتتطلب اي خبرة في اكواد، سكريبت جاهزة ويتم  تحديثها باستمرار والان ننتقل الى الشرح :

  1. افتح لوحة تحكم بلوجر الخاص بك.
  2. توجه الى الصفحات.
  3. ثم انقر على صفحة جديدة.
  4.  حدد HTML وقم بالنسخ ثم لصق الكود التالي في صفحة الجديدة ثم نشر.
Cleanify | قالب بلوجر معرب احترافي

Cleanify | قالب بلوجر معرب احترافي

مرحبا اصدقاء اتمنى ان تكون بخير، موضوع  اليوم  عن احدث قالب بلوجر احترافي قالب Cleanify معرب، ومهيئ لتدوين 99% ، يحتوي على اضافات احترافية و الوان متناسقة و سلسة، بصراحة قالب احترافي جديد و مؤهل ليكون من افضل قوالب بلوجر 2020.
Cleanify | قالب بلوجر معرب احترافي

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

معاينة Cleanify | قالب بلوجر معرب احترافي :

مميزات Cleanify | قالب بلوجر معرب احترافي :

  • تصميم مستجيب 100٪.
  • سريع تحميل.
  • تحسين محركات البحث seo.
  • إصدار LTR  تلقائي.
  • القائمة الثابتة بنقرة واحدة.
  • Mega Menu بواسطة Shortcode
  • قائمة المحمول التلقائية.
  • إعلانات الرأس.
  • المشاركات الشائعة.
  • الأقسام الرئيسية ADS 1 و ADS الرئيسية 2.
  • AdSense (In-Feed ADS) على الصفحة الرئيسية.
  • أقسام ADS (في المادة ADS 1 ، في المادة ADS 2) في صفحة النشر.
  • أزرار مشاركة متقدمة.
  • مربع مؤلف رائع.
  • تعليقات Disqus و Facebook.
  • نقرة واحدة على الشريط الجانبي الثابت.
  • قائمة التذييل.
  • جميع لغات مدعومة.
  • خلفية قابلة للتخصيص بالكامل ، وعرض ، وألوان وخطوط.
طريقة تركيب القالب : من هنا
طلب خدمة ازالة حقوق القالب من هنا 
كاتانا - افضل قالب بلوجر 2020

كاتانا - افضل قالب بلوجر 2020

كاتانا - افضل قالب بلوجر 2020 - مرحبا بكم مجددا على مدونة المحترف العربي، في مقال جديد هذه المرة حول افضل قالب بلوجر ، كما تطرقت خلال المقالات السابقة لقوالب بلوجر احترافية اليوم كذالك ساقدم لكم قالب بلوجر احترافي.

كاتانا معرب هو قالب بلوجر مميز يمكنك استخدامه في العديد من المجالات، كما انه يحتوي على كافة اضافات المهمة لتصدر نتائج البحث، و الاكثر مايميزه و يجعله من افضل قوالب بلوجر لسنة 2020 هي سرعة في تحميل و تقدر باقل من 3 ثواني وهذا سيجعل من مدونة تصدر نتائج البحث حتما. وهنالك العديد من المميزات الاخرى مثل التصميم الجداب و صندوق تعليقات الخ.

مميزات قالب كاتانا - افضل قالب بلوجر 2020

  • متجاوب مع جميع اجهزة
  • تحميل سريع
  • نمودج الجوال
  • البيانات المهيكلة
  • تجاوب 100 ٪ 
  • ادوات سيو جاهزة
  • اكواد ميتاتاج جاهزة
  • موضوع مميز
  • خيارات الوان الخلفية
  • خيارات اللون الرئيسية و الموضوع
  • والعديد من الميزات الأخرى

معاينة و تحميل قالب كاتانا - افضل قالب بلوجر 2020 

حل مشكلة مسار التنقل بلوجر data-vocabulary.org

حل مشكلة مسار التنقل بلوجر data-vocabulary.org

بما انك هنا لابد ان ادوات مشرفي المواقع جوجل قامت بارسال اشعار لك على شكل "تم اكتشاف مسارات التنقل مشكلة جديدة في الموقع" و الذي يعبر عن مشكلة في بيانات المنظمة، ربما لأول مرة تسمع بهذه المصطلحات دعنى نتعرف على ماهي بيانات المنظمة كيفية اختبار هذه الاخيرة، و ما اهميتها بالنسبة للموقع او مدونة الخاص بك ؟ كل هذا سنتعرف عليه من خلال هذه المقالة.
حل مشكلة مسار التنقل بلوجر "data-vocabulary.org"

ماهي البيانات المنظمة structured-data ؟

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

على العموم تعتبر بيانات المنظمة هي بطاقة تعريف الموقع الخاص بك بالنسبة لمحركات البحث, و يمكنك معرفة نوع الصفحة الخاص بك من خلال اداة اختبار البيانات المنظمة من هنا، بعد فتح الرابط اضف الموقع الخاص بك ثم انقر على زر اختبار وسترى اذا كان الموقع الخاص بك يحتوي على اكواد البيانات ام لا، كما ستتعرف على الاخطاء او انواع الخ.

حل مشكلة مسار التنقل بلوجر "data-vocabulary.org"

1. توجه الى لوحة تحكم بلوجر 
2. حدد المدونة الخاص بك.
3. ثم انتقل الى المظهر 
4. تعديل HTML
5. ابحث عن data-vocabulary.org  و استبدلها ب schema.org
6. حفظ القالب.

بهذا تكون قد قمت بحل مشكلة  "data-vocabulary.org" التي لم تعد مدعومة من ادوات مشرفي المواقع. واذا كان هنالك اي تسائل لا تتردد في طرحه في قسم التعليقات.
طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث

طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث

السلام عليكم - مند عمل تحديث على منصة بلوجر من قبل جوجل، اختفت من لوحة تحكم بلوجر ايقونة تعديل اصدار الهواتف الذكية ، حيث ان العديد من المدونون على منصة بلوجر لم يجدوا طريقة لتفعيل نمودج اصدار الهاتف لقالب بلوجر الخاص بهم، ويظهر النمودج افتراضي لمنصة بلوجر عندما يتصفح الزائر الموقع الخاص بهم، في هذه المقالة سوف نتعرف على طريقة تفعيل نمودج الهاتف باستخدام الاصدار الجديد لوحة تحكم بلوجر.
طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث

طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث :

كما تلاحظون في الصورة التالية اصدار القديم من لوحة تحكم بلوجر بعد النقر على المظهر نجد قد اختفت ايقونة تعديل على نمودج الهاتف :
طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث
لحل هذه المشكلة ، كلما عليك فعله هو النقر على ايقونة "‏جرّب تطبيق Blogger الجديد." و التي ستجدها اسفل في اخر القائمة الجانبية على هذا الشكل :
طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث

ثم انقر على "استمرار" ليتم توجيهك الى الاصدار الجديد، بعد قيام بالخطوات المدكورة اعلاه توجه المسار التالي على لوحة تحكم بلوجر :
المظهر ثم انقر على الايقونة التالية :
طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث
ثم اختر "اعدادات جوال" و حدد "سطح المكتب" ثم حفظ :
طريقة تفعيل نمودج اصدار الهاتف بلوجر بعد التحديث
و بهذا تكون قد قمت بتفعيل اصدار الهاتف للمدونة الخاصة بك على منصة بلوجر، اتمنى ان اكون قد ساعدتك في حل مشكلة تجاوب الهاتف مع المدونة الخاصة بك. واذا كان هناك اي تسائل لا تتردد في طرحه في قسم تعليقات و بالتوفيق لي و لكم.
تحميل قالب Salbuta المدفوع مجانا

تحميل قالب Salbuta المدفوع مجانا

 قالب Salbuta المدفوع مجانا - هو نمودج احترافي لمدونات بلوجر، كما انه قالب مدفوع لكن النسخة الان مجانية لتحميل من مدونة المحترف العربي، شاهذنا العديد من قوالب بلوجر المدفوعة على مدونة المحترف العربي مجانا لتحميل، و اليوم ساقدم نسخة احترافية لكم متابعي المدونة.
تحميل قالب Salbuta المدفوع مجانا

يتميز قالب Salbuta الاحترافي بمجموعة من ادوات التي التساعدك على تعديل و تركيب القالب على المدونة الخاص بك، كما ان القالب يدعم اللغة العربية RTL ، و هذه الميزة قليل مانجدها على منصة بلوجر، و كذالك قالب Salbuta الاحترافي له مظهر جميل و جداب الوان متناسقة و ايقونات و العديد من المميزات الاخرى دعنا نشاهذها في المعاية التالية.

معاية و تحميل قالب Salbuta المدفوع مجانا :

هذه بعض مميزات قالب Salbuta المدفوع

  • متجاوب مع جميع اجهزة
  • تحميل سريع
  • نمودج الجوال
  • البيانات المهيكلة
  • تجاوب 100 ٪ 
  • ادوات سيو جاهزة
  • الإعلانات
  • موضوع مميز
  • خيارات الوان الخلفية
  • خيارات اللون الرئيسية و الموضوع
  • والعديد من الميزات الأخرى

شروط تحميل قالب Salbuta المدفوع مجانا :

اشتراك في القناة من هنا
اشتراك في القائمة البريدية من هنا
اضف تعليق يحمل البريد الكتروني الخاص بك. سيتم ارسال القالب بعد تطبيق الخطوات المدكورة. وشكرا
سيو لايت - قالب بلوجر احترافي مدفوع 2020

سيو لايت - قالب بلوجر احترافي مدفوع 2020

سيو لايت - قالب بلوجر احترافي مدفوع متعدد استخدام ، قالب يتوفر على جميع اضافات المهمة لتصدر نتائج البحث، و يتميز بالوان متناسقة و تصميم انيق، يجعله مميز بين قوالب بلوجر، اما من ناحية التعديل ف له لوحة تحكم غنية عن التعريف يمكنك تعديل على جميع اضافات فقط من لوحة تحكم.

سيو لايت - قالب بلوجر احترافي مدفوع

معاينة و تحميل قالب سيو لايت الاحترافي :

مميزات قالب سيو لايت الاحترافي :

المميزاتالتوافر
متجاوبصحيح تحقق
نموذج هاتفيصحيح تحقق
جوجل بيج سبيد إنسايدصحيح تحقق
اداة اختبار مدقق جوجلصحيح تحقق
صديق للسيوصحيح
مدونة شخصيةصحيح
1 عمودصحيح
قائمة أساسيةصحيح
خاصية مشاهدة المزيدصحيح
زر الصعود إلي أعليصحيح
قائمة الفوترصحيح
اداة القائمة البريديةصحيح
مواضيع ذات صلةصحيح
الأكواد القصيرةصحيح
قالب اختصار الروابط الاصدار رقم 2 - مجانا لتحميل

قالب اختصار الروابط الاصدار رقم 2 - مجانا لتحميل

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

 قالب اختصار الروابط

طريقة تريب قالب اختصار روابط 

1. افتح لوحة تحكم بلوجر
2. اختر من خلال القائمة جانبية المظهر.
3. تعديل HTML ثم قم نسخ و لسق القالب داخل المدونة. ثم حفظ.
4. قم بانشاء مشاركات جديدة ثم اضف في كل موضوع الكود التالي في اعلى الموضوع مع وضع اعلانات داخل موضوع  :
<div id="timer"></div>
<div class="text-center">
<button id='getlink' class='btn bt-success hidden' disabled=''>متابعة</button>
<!-- هنا شفرة ادسنس-->
</div>
ثم في وسط او اخي الصفحة قم باضافة الكود التالي :
<div class="text-center">
<button id='gotolink' class='btn bt-success hidden' disabled=''>متابعة</button>
<div style='margin:auto;display:inline-block'>
<!-- اعلانك هنا -->
</div>
</div>
5. قم بتحديث الموضوع.

اختصار جميع الروابط المدونة تلقائيا :

قم بالدخول الى المدونة التي تريد اختصار جميع الروابط الخارجية . ثم انتقل الى المظهر ثم تعديل HTML
اضف الكود التالي فوق </body> :
<script type='text/javascript'>
//<![CDATA[
  var setting={exceptionurl:"bp.blogspot.com,facebook.com,twitter.com,javascript:void(0)",path:"#?o="};
//]]>
</script>
<script src='https://cdn.jsdelivr.net/gh/Indzign/theme@master/autosafelink.js'/>
<script src='https://www.blogger.com/feeds/1715982795118230833/posts/default?alt=json-in-script&amp;max-results=150&amp;callback=showurl'/>

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

 قالب اختصار الروابط
كيف تكتب مقال متوافق مع السيو 2020 للمبتدئين

كيف تكتب مقال متوافق مع السيو 2020 للمبتدئين

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

كيف تكتب مقال متوافق مع السيو 2020 للمبتدئين

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

أنا شخصياً لست خبيرًا في تحسين محركات البحث ، ولكنني سأشارك ما أعرفه وأطبقه دائمًا عند كتابة المقالات على مدونتي ، لذلك دعنا نفكر بعناية في بعض نصائح تحسين محركات البحث (SEO) أدناه.

كيف تكتب مقال متوافق مع السيو 2020 للمبتدئين

1. عنوان المقالة

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



هل تبحث عن موضوعات يتم البحث عنها على نطاق واسع من قِبل القراء ولكن لديها منافسة قليلة في محركات البحث؟ أعتقد في هذا اليوم وهذا العصر أنه من الصعب جدًا العثور على الموضوعات التي يتم البحث عنها ولكن يوجد بها عدد قليل من المنافسين. نظرًا لأن معظم الكلمات الرئيسية الأكثر شيوعًا بها العديد من المنافسين ، بالإضافة إلى أن المنافسة التي يتعين علينا مواجهتها هي موقع ويب كبير يتم تعليقه دائمًا في الصفحة الأولى.

لكن لا داعي للإحباط لأن Blogger  يمكن أن يكون أيضًا على صفحة محرك بحث واحد يتفوق على عشرات الملايين من نتائج بحث Google ، لأن المقالات المهمة والجودة والتطبيق الصحيح لسيو هي المفاتيح الرئيسية لوجودك في الصفحة الأولى.
أنا شخصياً أطبِّق صيغة لقب صديق تحسين محركات البحث (SEO) التي يمكنك تجربتها:
حروف الجر + الكلمات الرئيسية / الكلمات الرئيسية ذات الذيل الطويل + التحلية / الكلمة التكميلية

2. ضبط الصور المقال و اضافة الوصف لها

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

يمكن رؤية مثال في الصورة أعلاه ، يمكننا النقر فوق صورة النشر ، وتحديد الخصائص وملء خصائص الصورة المقدمة. بإضافة علامة عنوان ونص بديل.نوصي في كل منشور

3. ارتباطات داخلية 

تشير إلى مدونتك / مقالتك ، حاول دائما ادراج روابط داخلية مرتبطًا بالموضوع الذي تتم قراءته الآن. ثم قم بتقليل الروابط الخارجية / الروابط الصادرة التي تؤدي إلى مدونات أو مواقع ويب أخرى لأن القراء عادة ما يكونون مهتمين وينتقلون إلى مدونات أخرى.

4. تخصيص رابط ثابث لمقالتك و تكون لها معنى بالموضوع

يرجى ملاحظة أنه يمكننا تغيير روابط النشر وفقًا للكلمات الرئيسية التي نريدها. في القائمة اليمنى يوجد خيار رابط دائم ، حيث يمكننا تغييره إلى رابط دائم خاص ، ويمكن تغيير الرابط حسب الرغبة.
كيف تكتب مقال متوافق مع السيو 2020 للمبتدئين

5. الوصف لمقالاتك.

يقول الكثيرون إن الوصف التعريفي لم يعد مطلوبًا ، وأن برنامج Google robot كان ذكيًا في تعيين الكلمات الرئيسية لوصف بحثنا. لكنني لا أعرف من أين جاءت النظرية.

على حد علمي ، لا تزال هناك حاجة إلى أوصاف التعريف ، لأنه وفقًا للنتائج التي أحصل عليها عند البحث عن مقالتي على google ، يتم عرض جميع مقالاتي مع أوصاف التعريف التي قمت بتثبيتها مسبقًا. لذلك أعتقد أن وصف البحث هذا لا يزال يعمل.

>> اقرا ايضا : إضافة و فهرسة مواقع و مدونات بلوجر على محرك بحث جوجل لصور

استنتاج حول مقال متوافق مع السيو

يعد تطبيق تقنيات السيو في مشاركات المدونة أمرًا سهلاً للغاية ، خاصة للمبتدئين الذين يتعلمون فقط عن تدوين و SEO. من خلال تطبيق جميع النقاط المذكورة أعلاه ، وجعل المقالات عالية الجودة وخالية من محتوى المنسوخ ، سيكون من الأسهل أن نكون في الصفحة الأولى من محركات البحث.

وبالتالي هذه المقالة من مدونة المحترف العربي حول كيف تكتب مقال متوافق مع السيو 2020 للمبتدئين، للحفاظ على الروح منافسة، و نتمى لك و التوفيق والاستمرار في تقديم مقالات ذات جودة عالية، و شكرا لك.
اضافة صندوق اشتراك في القائمة البريدية

اضافة صندوق اشتراك في القائمة البريدية

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

يتم عرض صندوق اشتراك بشكل سلس و مثير لقراء و متصفحي الموقع الخاص بك. صندوق رائع من حيث الوان و التصميم و التخطيط وطريقة اضافته سهل للغاية، والان دعنا ننتقل الى خطوات اضافة الصندوق الى المدونة.

معاينة صندوق اشتراك في القائمة البريدية 


اضافة < صندوق اشتراك في القائمة بريدية >  :

1. افتح لوحة تحكم بلوجر ثم حدد المدونة التي تريد تركيب عليها الاضافة. اذا كنت تملك اكثر من واحدة.
2. اختر من القائمة الجانبية >> المضهر >> ثم تعديل HTML.
4. ابحث باستعمال "ctrl+f" على وسم </head>
<style type='text/css'>
/* Subscribe Box */
@keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.rainbow{position:relative;z-index:0;overflow:hidden;padding:3px}.rainbow::before{content:&#39;&#39;;position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#2ecc71;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#2ecc71,#2ecc71),linear-gradient(#fbb300,#fbb300),linear-gradient(#e74c3c,#e74c3c),linear-gradient(#3498db,#3498db);animation:rotate 8s linear infinite}.rainbow::after{content:&#39;&#39;;position:absolute;z-index:-1;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:#fff}#HTML99{padding:0}#HTML99 h2{color:#222;padding:0}#HTML99 h2:before{display:none}.subscribe-wrapper{color:#222;line-height:20px;margin:0;padding:20px}.subscribe-form{clear:both;display:block;margin:10px auto;overflow:hidden}.subscribe-wrapper p{margin:0;font-size:14px}form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}.subscribe-css-email-field{background:#fff;color:#222;margin:0 0 18px;padding:12px;width:100%;border:1px solid rgba(0,0,0,0.1);outline:0;font-size:14px;text-indent:10px;line-height:20px;border-radius:3px;transition:all .6s}.subscribe-css-email-field:hover,.subscribe-css-email-field:focus{border-color:rgba(0,0,0,0.3)}.subscribe-css-button{background:#2c3e50;color:#fff;cursor:pointer;font-weight:500;padding:7px;text-transform:none;width:100%;border:none;font-size:16px;border-radius:3px;transition:all .3s}.subscribe-css-button:hover{background:#34495e}
</style>
5. الان قم بحفط المظهر . ثم توجه الى التخطيط من خلال القائمة الجانبية للوحة تحكم بلوجر.

6. ثم اختر اضافة >> إضافة أداة >> حدد HTML/JavaScript ثم اضف الكود التالي في الصندوق.
<div class="container">
<div class="rainbow">
<div id="subscribe-css">
<div class="subscribe-wrapper">
<h2>اشتراك في قائمة البريدية</h2>
<p>كن من اعضاء و اصدقاء الموقع لتتوصل بكل الجديد عبر البريد الكتروني الخاص بك.</p>
<div class="subscribe-form">
<form action='https://feedburner.google.com/fb/a/mailverify?uri=tharabic' class="subscribe-form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=InSEOFree', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
  <input name="uri" type="hidden" value="tharabic" ></input>
<input name="loc" type="hidden" value="en_US" ></input>
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="اكتب البريد الكتروني الخاص بك..."></input>
<input class="subscribe-css-button" title="" type="submit" value="اشتراك" ></input>
</form>
</div>
</div></div></div>
</div>
الان غير tharabic  بالاسم الموقع الخاص بك على feedburner. اذا لم تحصل عليه قم بزيارة الموقع التالي وانشئ اسم خاص بك : https://feedburner.google.com/fb/a/myfeeds
الان بعد التعديل قم بحفظ و مبروك عليك و اذا واجهة اي مشكلة في التركيب يمكنك طرحها في التعليقات وانا ساكون سعيد بمساعدتك و الى درس اخر. مع السلامة.
اضافة دردشة الواتساب لمدونات بلوجر

اضافة دردشة الواتساب لمدونات بلوجر

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

اضافة دردشة الواتشاب لمدونات بلوجر

تعد اضافة صندوق او زر دردشة من خلال شبكة الواتساب الاجتماعية خطوة رائعة لإستقبال رسائل المتابعين ، و سهولة في الدردشة الحية و خاصة ان مدة اتصال لا تتطلب اي و قت للانتظار، فبمجرد النقر يتم فتح غرفة دردشة خاصة مع المتابع و البدئ في التسائل و الحوار. و الان ننتقل الى الطريقة لاضافة دردشة الواتشاب لمدونات بلوجر.

طريقة اضافة دردشة الواتساب لمدونات بلوجر : 

1. توجه الى لوحة تحكم بلوجر
2. حدد المدونة اذا كانت لذيك اكتر من واحدة.
3.توجه الى التخطيط
4. حدد مكان للاضافة ثم انقر على إضافة أداة
5. اختر اذاة HTML/JavaScript
6. ثم قم بنسخ الكود التالي مع تغيير الروابط في الصندوق وقم بحفظ.
<style>
/* CSS Multiple Whatsapp Chat */
#whatsapp-chat{position:fixed;background:#fff;width:350px;border-radius:10px;box-shadow:0 1px 15px rgba(32,33,36,.28);bottom:90px;right:30px;overflow:hidden;z-index:99;animation-name:showchat;animation-duration:1s;transform:scale(1)}
a.blantershow-chat{background:linear-gradient(to right top,#00e676,#00e676);color:#fff;position:fixed;z-index:98;bottom:25px;right:30px;font-size:15px;padding:10px 20px;border-radius:30px;box-shadow:0 1px 15px rgba(32,33,36,.28)}
a.blantershow-chat i{transform:scale(1.2);margin:0 0 0 10px}.header-chat{background:linear-gradient(to right top,#6f96f3,#164ed2);color:#fff;padding:20px}
.header-chat h3{margin:0 0 10px}.header-chat p{font-size:14px;line-height:1.7;margin:0}
.info-avatar{position:relative}.info-avatar img{border-radius:100%;width:50px;float:left;margin:0 10px 0 0}
.info-avatar:before{content:'\f232';z-index:1;font-family:"Font Awesome 5 Brands";background:#23ab23;color:#fff;padding:4px 5px;border-radius:100%;position:absolute;top:30px;left:30px}
a.informasi{padding:20px;display:block;overflow:hidden;animation-name:showhide;animation-duration:2.5s}
a.informasi:hover{background:#f1f1f1}.info-chat span{display:block}#get-label,span.chat-label{font-size:12px;color:#888}
#get-nama,span.chat-nama{margin:5px 0 0;font-size:15px;font-weight:700;color:#222}#get-label,#get-nama{color:#fff}span.my-number{display:none}
.blanter-msg{color:#444;padding:20px;font-size:12.5px;text-align:center;border-top:1px solid #ddd}
textarea#chat-input{border:none;font-family:'tajawal',sans-serif;width:100%;height:20px;outline:none;resize:none}
a#send-it{width:19%;color:#555;margin:-5px 0 0 5px;font-weight:700;padding:8px;background:#eee;border-radius:10px}
.first-msg{background:#f5f5f5;padding:30px;text-align:center}
.first-msg span{background:#e2e2e2;color:#333;font-size:14.2px;line-height:1.7;border-radius:10px;padding:15px 20px;display:inline-block}
.start-chat .blanter-msg{display:flex}#get-number{display:none}a.close-chat{position:absolute;top:5px;left:20px;color:#fff;font-size:30px}
@keyframes showhide{from{transform:scale(.5);opacity:0}}@keyframes showchat{from{transform:scale(0);opacity:0}}
@media screen and (max-width:480px){#whatsapp-chat{width:auto;left:5%;right:5%;font-size:80%}}
.hide{display:none;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}
.show{display:block;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}
</style>
<div class='hide' id='whatsapp-chat'>
<div class='header-chat'>
<div class='head-home'><h3>مرحبا !</h3>
<p>انقر على أحد ممثلينا أدناه للدردشة على WhatsApp أو أرسل لنا رسالة بريد إلكتروني إلى pro.arabic.net@gmail.com</p></div>
<div class='get-new hide'><div id='get-label'/><div id='get-nama'/></div></div>
<div class='home-chat'>
<!-- Info Contact Start -->
<a class='informasi' href='javascript:void' title='Chat Whatsapp'>
<div class='info-avatar'><img src='https://2.bp.blogspot.com/-y6xNA_8TpFo/XXWzkdYk0MI/AAAAAAAAA5s/RCzTBJ_FbMwVt5AEZKekwQqiDNqdNQJjgCLcBGAs/s70/supportmale.png'/></div>
<div class='info-chat'>
<span class='chat-label'>مساعدة</span>
<span class='chat-nama'>خدمة العملاء 1</span>
</div><span class='my-number'>+212617935191</span>
</a>
<!-- Info Contact End -->
<!-- Info Contact Start -->
<a class='informasi' href='javascript:void' title='Chat Whatsapp'>
<div class='info-avatar'><img src='https://4.bp.blogspot.com/-X1Xs2iRKabY/XXWzkqQ-iDI/AAAAAAAAA5w/HSyhR0gIXvUzlAx5XgaZzmlrCJkTgrOFQCLcBGAs/s70/supportfemale.png'/></div>
<div class='info-chat'>
<span class='chat-label'>مساعدة</span>
<span class='chat-nama'>خدمة العملاء 2</span>
</div><span class='my-number'>+212617935191</span>
</a>
<!-- Info Contact End -->
<div class='blanter-msg'>اتصل بي من خلال الرقم  <b>+212617935191</b> متاح <i>12:00hs الى 00:00hs</i></div></div>
<div class='start-chat hide'>
<div class='first-msg'><span>مرحبا ! كيف اساعدك &#1567;</span></div>
<div class='blanter-msg'><textarea id='chat-input' maxlength='120' placeholder='اكتب رسالتك هنا' row='1'/>
<a href='javascript:void;' id='send-it'>ارسال</a></div></div>
<div id='get-number'/><a class='close-chat' href='javascript:void'>&#215;</a>
</div>
  <a class='blantershow-chat' href='javascript:void' title='غرفة دردشة'><i class='fa fa-whatsapp'/>كيف اساعدك &#1567;</a>

الان قم بالتوجه الى القالب ثم تعديل HTML و اضف الكود التالي فوق </body> :

<script type='text/javascript'>
//<![CDATA[
/* Whatsapp Chat Widget by www.tharabic.com */
$(document).on("click","#send-it",function(){var a=document.getElementById("chat-input");if(""!=a.value){var b=$("#get-number").text(),c=document.getElementById("chat-input").value,d="https://web.whatsapp.com/send",e=b,f="&text="+c;if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))var d="whatsapp://send";var g=d+"?phone="+e+f;window.open(g, '_blank')}}),$(document).on("click",".informasi",function(){document.getElementById("get-number").innerHTML=$(this).children(".my-number").text(),$(".start-chat,.get-new").addClass("show").removeClass("hide"),$(".home-chat,.head-home").addClass("hide").removeClass("show"),document.getElementById("get-nama").innerHTML=$(this).children(".info-chat").children(".chat-nama").text(),document.getElementById("get-label").innerHTML=$(this).children(".info-chat").children(".chat-label").text()}),$(document).on("click",".close-chat",function(){$("#whatsapp-chat").addClass("hide").removeClass("show")}),$(document).on("click",".blantershow-chat",function(){$("#whatsapp-chat").addClass("show").removeClass("hide")});
//]]>
</script>

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

  • غير الرقم +212617935191 بالرقم الخاص بك.
  • غير 12:00hs الى 00:00 حسب رغبتك و الوقت الدي تريد الاجابة عن الاسئلة 
قالب المحترف العربي اصدار V4 لتحميل مجانا

قالب المحترف العربي اصدار V4 لتحميل مجانا

مرحبا امل ان تكونوا في افضل الاحوال، كما نعودنا من قبل على تقديم افضل قوالب بلوجر مجانا على مدونة المحترف العربي اليوم ساقدم لكم النسخة رابعة من اصدارات التي استعملها على المدونة الخاصة بي، و امل ان تنال اعجابكم ، صراحتا هذا القالب يتميز بسرعه رهيبه و شكل انيق ناهيك عن ازرار المشاركه و تحميل.

قالب المحترف العربي اصدار V4 لتحميل مجانا


من مميزات هذا القالب :
  • تجاوب وسريع التحميل
  • يدعم مختلف الاجهزه
  • متوافق مع السيو
  • ازرار التحميل والمعاينه
  • مواضيع ذات سيلا
  • سيد بار متحرك
  • ازرار تواصل اجتماعي
  • احدث المواضيع
  • والمزيد من المميزات.
معاينه وتحميل القالب :