اضافة ثلاث أدوات في الفوتر وتنسيقها

Add and Customize Three Column In Footer
الثلاث أعمدة أو اضافات في الفوتر أصبحت رائجة كثيراً في قوالب بلوجر والبعض لا يستغني عنها لكن هناك قوالب لا تحتوي تلك الأعمدة والبعض يريدها سنحاول في موضوعنا شرح أبسط طريقة لإضافتها وضبطها وتنسيقها بما يتناسب مع القوالب فقط نتبع الخطوات البسيطة للتركيب وبإذن الله تنجح الطريقة
أولا نحتاج لإضافة الكود التالي فوق الوسم
لكن هناك ملحوظة أحيانا تكون حقوق القالب ايضا قبل الوسم هي الاخرى وهنا قد نجد الأدوات ظهرت بعد الحقوق وليس قبلها لذلك تحتاج قليل من الخبرة لتحدد اكواد الحقوق وتضيف الكود فوقها وليس بعدها يعني حاول ان تجرب حتى تحصل على نتيجة مضبوطة لذلك لا تنسى أخذ نسخة إحتياطية من القالب

والآن نأتي للمرحلة الثانية أضف الكود التالي فوق الوسم ]]>
#footer-cnmu {
  background:#fff;
  margin: auto;
  padding: 0;
  width: 100%;
}
.footer {
  margin: auto;
  padding: 5px 10px;
  width: 960px;
}
.footer h2 {
  background:#777;
  border-radius: 7px 7px 0 0;
  color: #fff;
  font-size: 18px;
  margin: -5px -5px 5px;
  padding: 4px 5px 8px;
  text-align: center;
}
.footera,.footerb,.footerc {
background:#EBEAEA;
border: 1px solid #bbb;
border-radius: 8px;
float: right;
margin: 5px 0 10px 8px;
padding: 5px;
width: 300px;
}
تابع معي طريقة التنسيق
هذا #fff اللون هو لون الخلفية لمجموعة الأدوات
هذا 960 هو المقاس العام للثلاث ادوات يمكن تغييره بحسب حجم قالبك

هذا #EBEAEA هو لون خلفية الآداة
وهذا #bbb هو لون الإطار
أما الرقم  300 هو عرض الادوات ايضا يمكنك تكبيرة أو تصغيرة بحسب ما تريد

هذا #777 لون خلفية عنوان الآداة
وهذا #fff لون خط العنوان
وهذا  18 حجم الخط
طبعا قليل من الخبرة في CSS وستستطيع تنسيق الآداة بشكل اكبر
وبالتوفيق بإذن الله

اضف وحدة اعلانية بعد فاصل اقرأ المزيد

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

كما ترى المساحة الإعلانية تظهر فوق ولتركيب الكود كل ما عليك اتباع التالي
أولا فوق الوسم أضف الكود التالي
ثم ابحث عن هذا الكود
وبعده اضف التالي
 





اضف كود الإعلان هنا





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

والان مرحلة التنسيق

أضف الكود التالي فوق الوسم ]]>
/*Cnmu.blogspot.com-pager*/
.cnmu-pager {
  font: bold 14px droid arabic kufi;
  border-bottom: 2px dashed #777;
  border-top: 2px dashed #777;
  float: right;
  margin-bottom: 20px;
  padding: 0;
  width: 500px;
}
.cnmu-pager li {
  float: right;
  list-style: none outside none;
  text-align: center;
  transition: all 0.7s ease 0s;
  width: 33%;
}
.cnmu-pager li:hover {
  background:#5A5A5A;
}
.cnmu-pager li a {
  display: block;
  min-height: 90px;
  padding: 5px 0;
  position: relative;
  width: 100%;
 text-decoration: none;
}
.cnmu-pager li a:hover {
  color:#fff;
}
.cnmu-pager li.next {
  border-left:1px solid #777 !important;
  width:49%;
}
.cnmu-pager li.previous {
  width:49%;
}
.cnmu-pager strong {
  color: #ccc;
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.cnmu-pager span {
  font: bold 15px serif;
}

.cnmu-pager li.next i,.cnmu-pager li.previous i{
  color: #CCCCCC;
  font: 45px tahoma;
  margin-top: 25px;
  }
.cnmu-pager li.next i {float: right;}
.cnmu-pager li.previous i {float: left;}
.fa-chevron-right:before {content:"\2039";}
.fa-chevron-left:before {content: "\203A";}
هذا #777  هو لون الإطارات عدله باللون المناسب
قم بزيادة او انقاص الرقم 500 بحسب عرض الموضوع في قالبك
هذا #5A5A5A هو اللون عند تمرير الماوس
هذا #ccc هو لون كلمة السابق والتالي

وهذه هي الجزئية الأخيرة

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



وفوقه اضف
ثم ابحث بعده قليلاً

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


وبالتوفيق في عملية التركيب
دمتم في امان الله

التعامل مع المساحات الإعلانية وإضافتها داخل المواضيع

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

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

2- رؤية الزائر مع أول تمرير
عندما يبدا الزائر بتصفح المدونة والتمرير يفضل ان يصادفه مع بداية منطقة التمرير اعلان آخر

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

!!لكن هناك اماكن اعلانية يجب ان تتجنبها!!


المساحات الإعلانية العائمة

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

المساحة الإعلانية الخارجة عن اطار القالب

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

 المساحات الإعلانية المتجاورة

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

بقي الجزء العملي من الموضوع

 انت طبيعي تجيد اضافة مساحة اعلانية داخل آداة HTML/JavaScript
لكن اضافة المساحة الإعلانية داخل الموضوع تحتاج شرح مبسط

468px; height: 60px; text-align: center; margin: 10px auto;  background:#ddd; border: 1px solid #bbb; padding: 3px 5px; ">
كود الإعلان

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

شرح تنسيق الكود

الكودين المعلمان بالأحمر 468 عرض المساحة الإعلانية 60 ارتفاعها
هذا background:#ddd; هو كود خلفية الإعلان اللون هو المعلم بالأسود اما ان كنت تريد الإعلان بدون خلفية فإحذفه
هذا #bbb هو لون الإطار ويمكنك جعل الرقم 1 صفر ان لم تريد اطار
وبالنسبة لمن ذكرت انهم يضيفون وحدتين اعلانيتين حتى يملأون المكان يمكنهم ملئ المكان بلون الخلفية بدلا من وحده اخرى
وذلك بزيادة الرقم 3 لزيادة ارتفاع الخلفية والرقم 5 لزيادة عرض الخلفية
لكن اين سنضيف الكود ؟؟
إن اردت الكود في بداية التدوينه
اضفه تحت أحد هذه الاكواد مع ملاحظة ان الكود قد يكون متكرر اكثر من مرة واحد يظهر داخل الموضوع والثاني لن يظهر
وطبعا يمكن ان تكرر الكود مرة مثلا في بداية التدوينة ومرة في النهاية اهم شئ ألا تجعل عدد الإعلانات في الصفحة كلها أكثر من ثلاث وحدات لكل شركة والافضل وحدتين ويفضل ان لا تستخدم اكثر من شركتين


أو


اما لو اردته في النهاية فأضفه تحت او فوق احد هذه الأكواد

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

شبكة اعلانات حسوب بالمختصر المفيد

Hsoub Ads
شبكة إعلانات حسوب هي الشبكة الابرز عربياً في مجال الإعلانات تعتمد حسوب على عدة خدمات للويب وشبكة الإعلانات هي خدمة ضمن خدمات حسوب يتلخص تعريفها انها خدمة اعلانية يقوم المعلنون بدفع مبلغ مالي مقابل ظهور اعلاناتهم على المواقع المسجلة في الشبكة وهم (الناشرون) مقابل الضغط على الإعلانات يحصل الناشر على النسبة الربحية المخصصة له من قيمة الضغطة كلما زادت الضغطات كلما ارتفعت ارباح الناشر لكن طبعا لا تضغط على الإعلانات بنفسك او تخبر الزوار بالضغط فهذا سيؤدي الى حظر حسابك


أهم مقومات قبول المواقع في شبكة حسوب

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

1- المواقع ذات المحتوى الحصري

مما يميز شبكة حسوب انها حريصة على قبول المواقع ذات المحتوى الحصري ورفض المواقع ذات المحتوى المنقول حتى وان كانت احصائياتها عالية ولذلك هي تساهم بشكل غير مباشر في تنظيف الويب العربي من السبام ومواقع النقل

2- المواقع ذات الإحصائيات الجيدة

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

3- المواقع ذات المحتوى الهادف

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

4- حقوق الملكية

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

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

كيف تسجل في حسوب

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

التسجيل في حسوب ليس معناه انك اصبحت ناشر ولكن لكي تصبح ناشر يجب ان تسجل موقعك بإتباع التالي

بمجرد ان تعبئ بيانات اضافة موقعك لحسوب وتنتظر يوم أو يزيد قليلاً ستجد موقعك تم اضافته ان كان متوافقاً مع حسوب وان لم يكن سيتم اخبارك بسبب الرفض لتحسن من موقعك

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

قد يظن البعض ان حسوب ترفض النطاقات المجانية بشكل تام وهذا خطأ حسوب تقبل المدونات المميزة وان كانت بنطاق مجاني 
لكن ما سبب وضع هذا الشرط طالما تقبل المدونات المميزة ؟
السبب هو انه مع الأسف هناك كثير من اصحاب المدونات المجانية مدوناتهم سيئة جداً ويسيؤن استخدام الإعلانات بعكس من يصرف على موقعه مال لشراء دومين هذا يكون اكثر حرصاً وحسوب ترغب في تجنب تلك الفئة المزعجة التي لا تعتني بمواقعها لكن ان كانت مدونتك مميزة حقاً سيتم قبولها
لكن طالما نطاقك مجاني تحتاج لعمل اكبر على مدونتك لضمان القبول وساعطيك الوصفة لضمان قبولك بدومين مجاني بإذن الله
هي عن تجارب متعددة والحمد لله من توافرت لديهم تلك الشروط تم قبولهم
  1. محتوى حصري لا يقل عن 50 موضوع
  2. ترتيب اليكسا اقل من مليون
  3. قالب مميز ومنسق ويفضل ان يكون خاص او مطور لمدونتك 
  4. لا تحتوي اى انتهاك لحقوق الملكية
ثم قم بدخول حسوب وفي الأسفل ستجد رابط اتصل بنا اضغط عليه سيظهر لك نموذج اتصال كالصورة التالية


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