الصفحات

Saturday, November 28, 2015

كيف تميز القوالب المجانية من القوالب المسروقة

Blogger Free Templates
من المهم جداً معرفة هل القالب الذي تستخدمه قالب مجاني ام هو مسروق ومنتهك حقوق ملكيته , فهذا الأمر سيفرق كثيراً عند بناء سمعة مدونتك وكسب احترام متابعينك إضافة ايضاً ان للقوالب المسروقة تأثيير سئ إن قام صاحبها بعمل بلاغات او كانت مطروحة في مواقع حماية ملكية فقد تكون سبب في ان تغلق مدونتك او تغلق حساباتك الإعلانية مثل أدسنس
وسنلخص طرق معرفة القوالب المجانية من المسروقة في 7 نقاط

النقطة الأولى قوالب عربية

ان وجدت قالب عربي مكتوب عليه تصميم فلان ومطروح مجاناً عليك ان تشك بنسبة 99% أن هذا القالب منتهك الحقوق , فإما انه مدفوع ومنتهك حقوقه او انه مجاني لكن المعرب نسب حق التصميم لنفسه وفي كلا الحالتين تتجنبه
لان غالبية القوالب المصممة بايد عربية لا يتم طرحها مجاناً , إلا طبعا ان كان لديك ثقة في من يدعي ان القالب من تصميمه وتعرف انه حقاً محترف ولا يدعي تلك الأشياء كذباً

النقطة الثانية قوالب معربة

قد تجد قالب مكتوب عليه تعريب فلان الفلاني , لكن لا يوجد اسم المصمم الاجنبي , عليك ان تعلم انه غالباً هذا القالب مدفوع والمعرب يحذف اسم المصمم ليجنب نفسه اى نوع من البلاغات او لأى سبب آخر
فمن آداب التعريب أن يتم وضع اسم المصمم الأجنبي , حتى لو حذفه المستخدم وابقى فقط على اسم المعرب , هذا يخص المستخدم
اما من يقوم بالتعريب من واجبه ان يحفظ اسم المصمم الأجنبي ليكون الامر دلاله اثبات على ان القالب غير منتهك الحقوق

النقطة الثالثة جماليات وامكانيات القالب

ان وجدت قالب غاية في الجمال والإحترافية عليك ان تشك انه مدفوع ومنتهك حقوق الملكية لان القوالب باهرة الجمال غالبا ما تكون مدفوعة وليست مجانية والنقاط التالية يتخبرك كيف تتأكد

النقطة الرابعة إسم القالب

قالب بدون اسم هو قالب مشكوك في أمره يجب ان يكون للقالب إسم تبحث عنه لتتأكد من انه غير مدفوع


النقطة الخامسة البحث عن الإسم

اكتب في جوجل اسم القالب الذي تستخدمه غالبا اول نتيجه ستكون هي نتيجة الموقع الاصلي للقالب
ادخل الموقع وتأكد ان القالب متاح في موقعه الأصلي اى موقع المصمم مجاناً قد تجد مصمم يطرح نسختين واحده مجانية وواحده مدفوعة فإن وجدت واحده مجانية اعلم ان القالب مجاني حتى لو هناك نسخة مدفوعة على ان يكون هذا الأمر في موقع مصمم القالب الاصلي وليس غيره

النقطة السادسة موقع  Themeforest.net

اى قالب تجده في هذا الموقع اعلم انه مدفوع ولا تستخدم نسخة منه أبداً ولو اخبرك أحد أنه يبيع نسخ لا تشتري منه لان هذا الموقع يجب لكي تكون النسخ قانونية ان تشتريه مباشرة من الموقع ولا يوجد لاحد حقوق بيع او نشر اى قالب في هذا الموقع

النقطة السابعة فحص معاينة القالب

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

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

Friday, November 27, 2015

قالب G Vusion 2 معرب ومطور

احد قوالب بلوجر البسيطة ويمتاز القالب ببساطته والوانه الهادئة ومدعم باكواد سيو وصديق لمحركات البحث

قالب G Vusion 2 معرب ومطور - هو احد قوالب بلوجر البسيطة يمتاز القالب ببساطته والوانه الهادئة، ايضاً مُدعم باكواد سيو وصديق لمُحركات البحث، وفي نفس الوقت سريع في التصفح ويوجد به اماكن للإعلانات جاهزة داخل المواضيع وهو تحديث لقالب G Vusion معرب و مطور والذي يُعتبر أول قالب اقوم بتعريبه في مدون محترف يُمكنكم تحميل القالب ومعاينته من خلال الأزرار التالية.


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

  1. متوافق مع جميع الشاشات
  2. مدعم باكواد سيو
  3. صديق لمحركات البحث
  4. تصميم القالب بتقنية فلات
  5. أماكن للإعلانات جاهزة
  6. محرك بحث
  7. قائمة علوية رئيسية
  8. قائمة فرعية ثابتة
  9. اداة اخر المعلقين
  10. مواضيع ذات صلة
  11. خيارات التنقل بين المواضيع
  12. ازرار المشاركة
  13. ازرار معاينة وتحميل
  14. زر إخفاء وإظهاء جزء من النص
  15. نظام تعليقات بلوجر مع إبتسامات
  16. آداة ثلاثية التبويبات للسايد بار
  17. صندوق الإشتراك بالمدونة
  18. صفحة الفهرس
  19. نموذج اتصل بنا
  20. جداول الكلمات
  21. جدول بثلاث اعمدة
  22. رسائل التنبيه
  23. مترجم الموقع

لا نسامح من يمسح الحقوق او ينقل الموضوع دون ذكر المصدر
اتمنى ان يعجبكم القالب


Monday, November 23, 2015

قالب بلو بلوجر

قالب بلو بلوجر يجمع بين ثلاثة عناصرالجمال، السرعة، وسهولة التحكم به، بحيث تستطيع التحكم بعدد عرض المواضيع في كل الفئات ومدعم بأكواد سيو

قالب بلو بلوجر - هو قالب بلوجر بسيط يجمع بين ثلاثة عناصر (الجمال، السرعة، وسهولة التحكم به)، بحيث تستطيع التحكم بعدد عرض المواضيع في كل الفئات، وتستطيع زيادة عدد الأقسام كما شئت، وبه سلايدر يعرض المواضيع بشكل عشوائي أو أحدث المواضيع ويُمكنك الإختيار بينهم، وتستطيع التحكم بألوان السايدبار و القالب بشكل كامل، والمُميز به إنه مُدعم بأكواد سيو وصديق لمحركات البحث ويصلُح للمدونات الأخبارية والمجلات ومدونات الألعاب والشخصية أيضاً، يُمكنك مُعاينة مميزات القالب من الأزرار التالية.



مُميزات القالب

  1. متوافق مع جميع المُتصفحات
  2. متوافق مع جميع الشاشات
  3. صديق لمحركات البحث
  4. مُدعم بأكواد سيو
  5. أماكن للإعلانات جاهزة
  6. قائمة علوية رئيسية
  7. قائمة مُنسدلة فرعية
  8. سلايدر شو تلقائي
  9. شريط أخر الأخبار
  10. فوتر بثلاث أعمدة
  11. آداة ثلاثية التبويبات للسايد بار
  12. آداة آخر التعليقات


داخل المواضيع

  1. مواضيع ذات صلة
  2. أزرار المشاركة
  3. رسائل التنبيه
  4. صناديق المُلاحظات
  5. صناديق المعلومات
  6. أزرار معاينة وتحميل
  7. جدول بثلاث أعمدة
  8. جداول الكلمات
  9. زر إخفاء وإظهار المحتوى
  10. خيارات التنقل بين المواضيع
  11. نظام تعليقات بلوجر مع إبتسامات

سعر القالب 10$
لشراء القالب تواصل معنا عبر صفحة فيسبوك
أي تحديثات أو تطويرات في القالب يتم إرسالها بشكل مجاني للمُشتري
وأتمنى من الجميع أن يُعطيني رأيه بالقالب وماذا ينقصه برأيكم

Friday, November 20, 2015

شرح التأثيرات الحركية CSS Animation

CSS Animation Scroll wow jsمجال التأثيرات الحركية مجال واسع جداً ومن الصعب ان يتم شرحه بالكامل لأنه يعتمد على جزء كبير في لغة CSS لكن هناك حل سهل وبسيط يعتمد عليه أغلب المستخدمون للتأثيرات وهو عبر التأثيرات الجاهزة 
وهذا الشرح والكود إعداد حصري لكن مدون 
 من المعاينة التالية يمكنك رؤية مثال تقريبي لفكرة عمل هذه التأثيرات شاهده ولا تنسى التمرير لأسفل حتى نهاية الصفحة لترى بعض التأثيرات

كيف يمكن عمل تلك التأثيرات ؟

أول شئ استخدم الكود التالي في قالبك
<link href='http://cnmu.googlecode.com/svn/trunk/2015/animate.css' rel='stylesheet' type='text/css'/>
<script src='https://googledrive.com/host/0B9wf6r4PTnMianRNWmU0VFdhVHc' type='text/javascript'/>

كل ما عليك فعله هو استخدام الكلاس التالي
class="wow animated #"
رمز # يستبدل بإسم الحركة
مثال لو لدينا صورة نريد ان نطبق عليها الحركة سيصبح كودها كالتالي
<img class="wow animated tada" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfzJaAWYUYsI6x6BolsaTlhIGFhVQBbufQYvnFP5ie7_QGOGk8uzwEyaC-auMWLZXHqo58QUC4hnc8XuqXcrkGBioDDtrOHmH67_kh123_18pFBNMtchHkbMd5AlMxA2CYEvvDD0JD4b7/s1600/256%25D8%25A1256.png"/>
كما تلاحظ كلمة tada هو إسم الحركة

كيف نحصل على اسم الحركة

ببساطة من الموقع التالي
http://daneden.github.io/animate.css
ستجد معاينة لكل الحركات وأسمائها فقط اكتب اسم الحركة وطبقه على ما تريد يجب أن تكتب الإسم مضبوط
إضغط هنا لفتح قائمة أسماء قابلة للنسخ
مثال آخر لو اردنا تطبيق حركة معينة على مواضيع المدونة بحيث كلما تم التمرير لأسفل يحدث التأثير على الموضوع
أغلب قوالب بلوجر تعتمد على هذا الكود كحاكم للمواضيع
<div class='post-outer'>
كل ما عليك  فعله تطبيق الكود فيصبح
<div class='post-outer wow animated fadeInUp'>
طبعا يمكنك تعديل التأثير الحركي بالتأثير الذي تريد
ملحوظة قد يكون الكود متكرر في القالب فيجب التطبيق عليهم جميعا أو التجربة حتى تجد الصحيح

Tuesday, November 10, 2015

التعليقات البرمجية للغات HTML,CSS

HTML,CSS Comments
بعيداً عن المواضيع الدسمة أتيت لكم بموضوع خفيف وبسيط لكنه مفيد جداً خصوصاً للمبتدئين , وهو التعليقات البرمجية 

ما هي التعليقات البرمجية ؟

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

كيف نستخدم تلك التعليقات ؟

هناك نوعين يهمان مستخدمي بلوجر وهما تعليقات HTML,CSS
نبدأ بتعليقات CSS
/*اكتب هنا ما تريد*/
هذا هو نمط تعليقات الــ CSS يمكنك استخدامه في الاكواد التي فوق الوسم ]]></b:skin>
يعني مثلا او اضفت كود في تلك المنطقة يمكنك ان تكتب قبله تعليق يوضح البداية وتعليق بعده يوضح النهاية بحيث أن أردت حذفه تحذفه من بداية التعليق الأول الى نهاية التعليق  الثاني

تعليقات HTML
<!--اكتب هنا ما تريد-->
نفس الأمر كما في التعليقات السابقة لكن هذه تستخدمها في باقي اجزاء القالب
تجربة موفقة مع تحياتي

Sunday, November 8, 2015

التحكم في تفعيل أو تعطيل الإضافات بحسب فئة الصفحات

show and hide blogger widgets by page type
هذا الدرس سيكون مهم جداً لكل مستخدمي بلوجر , وبالرغم اننا تناولناه سابقاً داخل موضوع لكن حدث بعض التحديثات من بلوجر نفسها فقررنا طرح الامر منفصلاً وبتحديثات جديدة ليكون اكثر شمولية , فهذه الاكواد ستفرق معك كثيراً في التحكم في اضافاتك او اكوادك داخل القالب بحيث تستطيع تفعيل أو تعطيل إضافة في صفحات معينة وكذلك يمكنك تطبيق نفس الأمر على الإعلانات او اى اكواد في القالب أيضاً يمكنك بإستخدام نفس الأكواد ان تنشئ مظاهر لكل فئة من الصفحات بحسب ما تريد وأول ما سنبدأ به هو 

ما هي فئات الصفحات في بلوجر؟

الصفحات في بلوجر تنقسم لعدة فئات وهذا الجدول يوضح معرف كل فئة وما الذي يستهدفه هذا المعرف

الفئةالمعرف
المواضيعitem
الصفحات الثابتةstatic_page
صفحات الفهرسة كالتنقل بين المواضيعindex
الأرشيفarchive

كل ما عليك فعله هو استبدال رمز # في الكود التالي بمعرف الفئة التي تريد واستبدل كلمة كود الإضافة بكود الإضافة او الوحدة الإعلانية او اى شئ ولن تعمل حينها إلا في الفئة التي حددتها
<b:if cond='data:blog.pageType == "#"'>
كود الإضافة
 </b:if>
 هام للغاية : ستلاحظ في الكود علامة = معلمة بالاحمر والسبب هو ان هذه العلامة تعني ان الإضافة او الكود لن يظهر إلا في هذه الفئة من الصفحات
لكن لو استبدلت تلك العلامة بعلامة التعجب ! ستغير معنى الكود تماماً
ويصبح ستظهر الإضافة في جميع الصفحات ما عدا تلك الفئة يعني العكس تماماً

إستخدام الاكواد على أدوات بلوجر الرسمية

أدوات بلوجر الرسمية لها طبيعة خاصة فلا ينفع ان تضيف الكود مثلا قبل اسم الآداة وبعد نهاية اكوادها سظهر خطأ
لكنك ستجد هذا الكود في تلك الأدوات <b:includable id='main'>
بعده تضيف الكود الاول الخاص بالفئة
ثم ستجد الكود التالي في نهاية الأدوات </b:includable>
فوقه تضيف كود الإغلاق
صورة توضيحية

التحديثات الجديدة في المنصة

كان سابقاً غير ممكن دمج فئتين في كود واحد لكن بلوجر حلت تلك المشكلة واصبح هذا ممكنناً عبر الكود التالي
<b:if cond='data:blog.pageType in {"#1","#2"}
كود الإضافة
</b:if>
هذا الكود نفس فكرة عمل الكود السابق لكن الفرق انه كما ترى يحتوي مكان لفئتين ويمكنك الزيادة بوضع فاصلة , ثم وضع معرف الفئة بين علامتين ""
وطبعا الكود يعني ان الإضافات لن تظهر إلا في هذه الفئات

لكن ماذا لو اردنا عكس الامر كما فعلنا بعلامة التعجب ؟

بسيط استبدل in بـ not in
وسيصبح معنى الكود ان تعمل الإضافة في جميع الصفحات ما عدا تلك الفئات

كود الصفحات المعينة

وهو آخر كود معنا كيف تجعل الإضافة تظهر في صفحة معينة
ببساطة بهذا الكود ويسري عليه ما يسري على الاكواد السابقة
<b:if cond='data:blog.url == "#"'>
كود الإضافة
</b:if>
كل ما عليك هو استبدال رمز # برابط الصفحة التي تريد
ما عدا الصفحة الرئيسية ستستبدل رمز الـ "#" مع العلامتين  بالكود التالي
data:blog.homepageUrl
وطبعا علامة = يمكنك استبدالها بعلامة التعجب ! ان اردت تغيير معنى الكود

قلنا في البداية انه يمكن انشاء مظاهر لكل فئة من الصفحات بإستخدام هذه الأكواد

نعم كل ما عليك ان تضيف أكواد الـ CSS الخاصة بك بين اى كودين تريد , مثال لو قررنا عمل مظهر خاص لصفحات المواضيع
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
CSS أكواد الــ
</style>
</b:if>
وكود الستايل المخصص كاملا يضاف فوق الوسم </head>
إستخدام موفق بإذن الله

Friday, November 6, 2015

إضافة وحدة إعلانية عائمة مع زر الإغلاق في بلوجر

إضافة وحدة إعلانية عائمة في منتصف الصفحة مع زر إغلاق داخل المواضيع والصفة الرئيسية في بلوجر

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

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

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


شرح إضافة إعلانات عائمة مستجيبة مع زر إغلاق

  1. الذهاب إلى لوحة تحكم بلوجر
  2. انقر على تبويب قالب
  3. اضغط على تحرير HTML

ابحث عن الوسم </body> و اضف الكود التالي فوقه
<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCa9nZfDrWiVZCIF5rOXchg8knhyphenhyphenZ5Z7SCFSPeFDQ3p-PDkleK6xUyFNAyIDt3JBgM5DAhymR9bbWkoHsSh2WRnTKpyEqK0MpVDO4vP4FKm-ooMJfO0gpu5K_nvM81idvaDFTeSwFr1EjY/s1600/btn_close.gif' title='إغلاق الموضوع' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='عنوان الصورة'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='عنوان الصورة' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPd5gAeliieTQgaxuRNoJbH-cTpSehCQCq4fF-RFl2JPvgCWiplSEb8b79ZJFLDuHqehbQZ9hK1KDViE-Ntr6ziHADOdl84MYBoD_DIWaLsYSHF_vMjOF1S2Wa6u2qd9QoZtmeVoxqsZJu/s1600/arlina-tea.png'/></a>
</div>
</div>

الإعدادت

الرابط الذي باللون الاحمر إستبدله بالبنر الإعلاني الخاص بك
الرابط الذي باللون الازرق وهو زر كلمة close إستبدلها بما تريد
اسبتدل الرمز برابط الموقع المراد الإعلان عنه
الكلمات التي باللون الاخضر استبدلها بعنوان البنر الإعلاني
الرقم 728pxهو المسؤول عن حجم عرض الإعلان

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