مكتبــــــة المــــــدون أكبر مكتبة عربية للمدونات

مكتبة المدون هي مكتبة حديثة الإنشاء هدفها دعم المدونات والرفع من قيمة المدونات العربية المميزة بدون أي مقابل . من أهداف المكتبة :

1. دعم المواقع
2. اشهار المواقع بجميع انواعها
3. سهولة العثور على المواقع
4. نشر اخبار جميع المواقع
5. توصيل المواقع للشهرة
6. تخفيض ترتيب المواقع

نبذة عن مدير الموقع

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

أدخل للمكتبة من هنا

قالب مدونة نكهة الاصلى مجانا بدون مشاكل

قالب مدونة نكهة الاصلى مجانا بدون مشاكل

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

معاينةإضغط هنا

الشروط

1. انضم الى الاعضاء
2. اعجاب لصفحتنا على الفيسبوك
3. اترك تعليق به اسم الاعجاب بالصفحة وايميلك

نصائح هامة يجب ان تعرفها قبل انشاء مدونة بلوجر جديدة !

1. النصيحة الاولى : ركز على مدونة واحدة فقط

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

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

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

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

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

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

1. النصيحة الثانية : اختيار اسم جيد لمدونتك

هل تعلم ان اسم مدونتك اذا كان جذاب ويصف المحتوى الذى ستقدمة فى موقعك سيؤدى الى رفع الترافيك لموقعك وبناء علية اختيار اسم جيد وجذاب للزائر حتى تشجعة على متابعة وزيارة موقعك باستمرار حتى يحصل منك على دروس كان يتمناها، ولا تقف عملية اختيار اسم الدومين فقط على انة يكون جذاب، ولكن ان تُقيم سعر النقرة فى ادسنس على الكلمات التى ستسهدفها ، فاذا كنت ستقوم بانشاء مدونة فوركس عليك بمعرفة ما هو سعر النقرة المتوقع والذى يمكن الحصول علية من ادسنس وذالك من خلال اداة google keyword planner تستطيع معرفة سعر النقرة وعدد الزيارات على الكلمة المفتاحية شهريا على المستوى المحلى والعالمى، ولا تنسى ايضا انة عندما تقوم بانشاء مدونة جديدة ستقوم بانشاء صفحة على الفيسبوك باسم مدونتك وكذالك قناة على اليوتيوب وباقى مواقع التواصل الاجتماعى فضع فى الاعتبار كل ذالك لانها ستكون مرتبطة بشكل مباشر مع موقعك ، ولا تنسى ان تعرف سعر شراء دومين .com لموقعك من موقع godaddy.

- ومن الاشياء الهامة التى يجب عليك ان تعرفها عند اختيار اسم مدونتك ان تربط عنوان موقعك بمحتوى موقعك ، فاذا كنت ستقوم بانشاء مدونة تتحدث عن الـ forex يجب ان تضع هذة الكلمة فى اسم نطاق ( domain name ) موقعك، ولا يشترط ان تكون هذة الكلمة بالطبع فانا اعطى مثال على موقع يتحدث عن الفوركس.

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

1. النصيحة الثالثة : اختيار قالب جيد وسريع لمدونتك

بعد الاطلاع على كل ما سبق واختيار اسم الدومين الجيد لموقعك عليك الان بشراء او تصميم قالب سريع وخالى من الاخطاء، وذالك لان محركات البحث فى جوجل تضع فى الاعتبار سرعة الموقع عندما ترشحة للزائر القادم من جوجل ، فـ على افتراض تساوى نفس الظروف والاحداث بين موقعك وبين موقع اخر منافس لك .. ستظهر المدونة ذات القالب السريع للزائر قبل المدونة الاخرى ذات القالب البطئ ، اضف الى ذالك ان الزائر يمل من انتظار تحميل الصفحة ولن يعود الى موقعك مرة اخرى وبهذا يرتفع الـ bounce rate الذى يجب ان تسعى دائما الى تخفيضة حتى يرتفع تقيم موقعك ( rank ) فى جوجل.

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

1. النصيحة الرابعة : الاهتمام بمواقع التواصل الاجتماعى جيدا ( social signals )

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

1. النصيحة الخامسة : كتابة تدوينات يوميا وبانتظام مهم لبقاء مدونتك نشطة طول الوقت

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

1. النصيحة السادسة : تدوينات قليلة مع مشاهدات عالية

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

1. النصيحة السابعة : بداية السيو لموقعك لازم تبقى صح

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

افضل المدونات العربية 2016 !

لمدونات العربية تشهدُ تطوُّراً رائعاً خلال السنوات الأخيرة، هناك مدونات قامت بغلق أبوابها و هناك أخرى ظهرت للتو و هناك من قاومت التيّار لتبقى شامخة على الويب العربي.

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

في هذا المقال ستكتشفُ معي قارئي العزيز أروَع المدونات العربية مع نبدة بسيطة عن كل واحدة منها !
كل ما سأكتُبُه يُعبّر عن نظرتي الشخصية تُجاه هاته المدونات، و بإمكانك مشاركتنا رأيك عبر نشر تعليق أسفل هذا المقال =)
هيّا بنا !

1. ويب نايت 
2. http://www.web3-night.net/
3. مبدعى التصميم
4. http://www.moubdi3in.com/
5. دبور فون
6. www.dabourphone.com
7. عالم المدون
8. https://wdbloog.blogspot.com
9. البروفيسور الصغير 
10. http://www.th3littleprofessor.com
11. عرب ويب 
12. http://www.ar1web.com/
13. مستلزمات
14. http://www.mostlzmat.com/
15. موسى للمعلوميات
16. http://www.th9pro.com
17. مجرات المحترفون 
18. http://www.th5pro.com/
19. احتياجات
20. www.e7tyagat.com
21. عالم المحترف 
22. https://allampro16.blogspot.com
23. كن مهووس
24. http://www.cn1gk.com/
25. مدونة نكهة
26. nak1ha.blogspot.com
27. seif
28. http://www.seif-de.cf/
29. مدونة نت مصر 
30. https://net-eg.blogspot.com/
31. المعلوماتي
32. ma3loumtie.blogspot.com
33. مدونة امني للمعلوميات
34. amni3.blogspot.com
35. مدونة الاحترافى
36. https://ala7travy.blogspot.com/
37. انفريت للمعلوميات | invert info
38. http://www.invert-info.com/

واخير مدونتى :) 

لك الإختيار !

بعد أن قُمتُ بسرد أفضل 18 مدوّنات حسب تقديري و خبرتي، ما المدونة التي لم نطرحها في اللائحة و تستحق الرتبة الأولى ؟
من فضلك ضَعْ تَعليق أسفل هذا المقال و قُل لنا ما هي أفضل مدونة أو موقع تزوره !

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

بسم الله الرحمن الرحيم

الحمد لله عدنا احبابي في الله بعد غياب طويل عدنا ومعنا الجديد .

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

نبدأ بالشرح 

• لا تنسى حفض نسخة للقالب 

1. اول شيئ نقوم به وهو التوجه الى :
2. لوحة التحكم >> قالب>> تحرير html 
3. قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)

]]></b:skin>

1. واضف الكود التالي فوقه مباشرة

/*============================*/


*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.fb-cont {
  overflow: hidden;
  position: relative;
  margin: 100px auto;
  width: 800px;
  padding: 75px;
  padding-bottom: 140px;
  background: #fff;
}
.fb-cont__inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fb-cont__inner:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  height: 4px;
  margin-top: -2px;
  background: rgba(200, 206, 211, 0.5);
  border-radius: 2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.fb-cont__drag-cont {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 0;
  width: 574px;
  height: 100%;
  margin-left: -287px;
  pointer-events: none;
  -webkit-transform: translate3d(50%, 0, 0);
          transform: translate3d(50%, 0, 0);
}
.fb-heading {
  margin: 0 auto 60px;
  font-size: 30px;
  text-align: center;
  color: #737b7b;
}
.fb-emote {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 76px;
  height: 76px;
  cursor: pointer;
}
.fb-emote svg {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  height: 100%;
  background: #c8ced3;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.fb-emote.s--active svg {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.fb-emote__caption {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  color: #c8ced3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.fb-emote.s--active .fb-emote__caption {
  color: #655e53;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
}
.fb-emote__eye {
  stroke: none;
  fill: #fff;
}
.fb-emote__smile {
  stroke: #fff;
  stroke-width: 10;
  stroke-linecap: round;
  fill: none;
}
.fb-active-emote {
  position: absolute;
  left: 0;
  top: 50%;
  width: 110px;
  height: 110px;
  margin-left: -55px;
  margin-top: -55px;
  background: #ffd68c;
  border-radius: 50%;
}
.fb-active-emote svg {
  width: 100%;
  height: 100%;
}
.fb-active-emote__eye {
  stroke: none;
  fill: #655e53;
}
.fb-active-emote__smile {
  stroke: #655e53;
  stroke-width: 10;
  stroke-linecap: round;
  fill: none;
}
.icon-link {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 32px;
}
.icon-link img {
  width: 100%;
  vertical-align: top;
}
.icon-link--twitter {
  left: auto;
  right: 5px;
}

1.  ضع فوق

</body>

1. الكود التالي

<script type='text/javascript'>
function $$(selector, context) {
var context = context || document;
var elements = context.querySelectorAll(selector);
var nodesArr = [].slice.call(elements);
return nodesArr.length === 1 ? nodesArr[0] : nodesArr;
};
var $emotesArr = $$('.fb-emote');
var numOfEmotes = $emotesArr.length;
var $dragCont = $$('.fb-cont__drag-cont');
var $activeEmote = $$('.fb-active-emote');
var $leftEye = $$('.fb-active-emote__eye--left');
var $rightEye = $$('.fb-active-emote__eye--right');
var $smile = $$('.fb-active-emote__smile');
var emoteColors = {
terrible: '#f8b696',
bad: '#f9c686',
default: '#ffd68c'
}
var animTime = 0.5;
$emotesArr.forEach(function($emote, i) {
var progressStep = i / (numOfEmotes - 1);
$emote.dataset.progress = progressStep;
$emote.addEventListener('click', function() {
var progressTo = +this.dataset.progress;
var type = this.dataset.emote;
var $target = document.querySelector('#fb-emote-' + type);
var $lEye = $target.querySelector('.fb-emote__eye--left');
var $rEye = $target.querySelector('.fb-emote__eye--right');
var leftEyeTargetD = $lEye.getAttribute('d');
var rightEyeTargetD = $rEye.getAttribute('d');
var smileTargetD = $target.querySelector('.fb-emote__smile').getAttribute('d');
var bgColor = emoteColors[type];
if (!bgColor) bgColor = emoteColors.default;
$$('.fb-emote.s--active').classList.remove('s--active');
this.classList.add('s--active');
TweenMax.to($activeEmote, animTime, {backgroundColor: bgColor});
TweenMax.to($dragCont, animTime, {x: progressTo * 100 + '%'});
TweenMax.to($leftEye, animTime, {morphSVG: $lEye});
TweenMax.to($rightEye, animTime, {morphSVG: $rEye});
TweenMax.to($smile, animTime, {attr: {d: smileTargetD}});
});
});</script>

1. واخيرا ابحث عن هذا الكود ستجد اكثر من واحد الاخير هو المقصود 

<data:post.body/> 

الان اضف الكود التالي  :

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

<svg class="fb-emotes-svg" style="display: none;">
  <symbol id="fb-emote-terrible" data-emote="terrible" viewBox="0 0 100 100">
    <path class="fb-emote__eye fb-emote__eye--left" d="M32,25 l10,10 a10,10 0 0,1 -20,0 a10,10 0 0,1 10,-10"/>
    <path class="fb-emote__eye fb-emote__eye--right" d="M58,35 l10,-10 a10,10 0 0,1 0,20 a10,10 0 0,1 -10,-10"/>
    <path class="fb-emote__smile" d="M30,68 q20,-13 40,0 M30,68 q20,-13 40,0"/>
  </symbol>
  <symbol id="fb-emote-bad" data-emote="bad" viewBox="0 0 100 100">
    <path class="fb-emote__eye fb-emote__eye--left" d="M22,35 l10,-10 a10,10 0 0,1 0,20 a10,10 0 0,1 -10,-10"/>
    <path class="fb-emote__eye fb-emote__eye--right" d="M68,25 l10,10 a10,10 0 0,1 -20,0 a10,10 0 0,1 10,-10"/>
    <path class="fb-emote__smile" d="M30,68 q20,-10 40,0 M30,68 q20,-10 40,0"/>
  </symbol>
  <symbol id="fb-emote-okay" viewBox="0 0 100 100">
    <path class="fb-emote__eye fb-emote__eye--left" d="M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
    <path class="fb-emote__eye fb-emote__eye--right" d="M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
    <path class="fb-emote__smile" d="M35,73 q20,-4 35,-8 M35,73 q20,-4 35,-8"/>
  </symbol>
  <symbol id="fb-emote-good" viewBox="0 0 100 100">
    <path class="fb-emote__eye fb-emote__eye--left" d="M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
    <path class="fb-emote__eye fb-emote__eye--right" d="M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
    <path class="fb-emote__smile" d="M30,68 q20,10 40,0 M30,68 q20,10 40,0"/>
  </symbol>
  <symbol id="fb-emote-great" viewBox="0 0 100 100">
    <path class="fb-emote__eye fb-emote__eye--left" d="M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
    <path class="fb-emote__eye fb-emote__eye--right" d="M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
    <path class="fb-emote__smile" d="M30,68 q20,15 40,0 M30,68 q20,0 40,0"/>
  </symbol>
</svg>
<div class="fb-cont">
  <div class="fb-heading">كيفية المساعدة التي حصلت عليها؟
</div>
  <div class="fb-cont__inner">
    <div class="fb-emote" data-emote="terrible">
      <svg><use xlink:href="#fb-emote-terrible"/></svg>
      <p class="fb-emote__caption">فظيع</p>
    </div>
    <div class="fb-emote" data-emote="bad">
      <svg><use xlink:href="#fb-emote-bad"/></svg>
      <p class="fb-emote__caption">سيئة</p>
    </div>
    <div class="fb-emote s--active" data-emote="okay">
      <svg><use xlink:href="#fb-emote-okay"/></svg>
      <p class="fb-emote__caption">حسنا</p>
    </div>
    <div class="fb-emote" data-emote="good">
      <svg><use xlink:href="#fb-emote-good"/></svg>
      <p class="fb-emote__caption">جيد</p>
    </div>
    <div class="fb-emote" data-emote="great">
      <svg><use xlink:href="#fb-emote-great"/></svg>
      <p class="fb-emote__caption">عظيم</p>
    </div>
    <div class="fb-cont__drag-cont">
      <div class="fb-active-emote">
        <svg viewBox="0 0 100 100">
          <path class="fb-active-emote__eye fb-active-emote__eye--left" d="M32,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
          <path class="fb-active-emote__eye fb-active-emote__eye--right" d="M68,25 a10,10 0 0,1 0,20 a10,10 0 0,1 0,-20"/>
          <path class="fb-active-emote__smile" d="M35,73 q20,-4 35,-8 M35,73 q20,-4 35,-8"/>
        </svg>
      </div>
    </div>
  </div>
</div> 

1. قم بحفض القالب 

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

فوتر مدونة موسى للمعلوميات الاحترافية 2016 حصريا

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

وقبل دلك لا تنسو الانضمام لقناتنا عبر الفوتر

سأترككم مع الشرح

1. أولا نقوم بادخال هده الأكواد فوق ]]></b:skin>

.share-buttons-box {
height: 67px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK3_a1Mn69mk56yngQkYWAbPnt244oXRsivOsbpZvO4B0pUsTmweDwINKPlo-4_2D5dQHHAqa15BZzrp9ncsC9MgPOEEZS_vwlOa0bO_U1wku_aqXxrT7R5XyvwM1tyJw-kQqEI_ONTKl8/s1600/share.png) no-repeat 330px 10px;
margin:20px 0 15px;
overflow:hidden;
}
.share-buttons {
margin:0 0;
height:67px;
float:right;
}
.share-buttons .share {
float:right;
margin-left:10px;
display:inline-block;
}
.search {
background: url("http://badil.io/includes/images/search-bg.png") #161616;
background-size: 150%;
padding: 3em 0;
box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.search h1 {
text-align: center;
color: #fff;
padding: 0 !important;
margin: 0 0 0.6em 0 !important;
}
.search .search-box-input {
width: 80%;
margin: 0 auto;
position: relative;
}
.search .search-box-input span,
.search .search-box-input input[type="search"] {
height: 55px;
font-weight: lighter;
background-color: white;
}
.search .search-box-input input[type="search"] {
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
}
.search .search-box-input span {
float: right;
display: inline-block;
width: 10%;
text-align: center;
padding-top: 0.7em;
background: #161616;
color: #838383;
font-size: 1.25em;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.search .search-box-input .search-box-select {
display: inline-block;
float: left;
width: 15%;
text-align: center;
padding-top: 0.7em;
background: #fff;
color: #838383;
font-size: 1.25em;
border-right: 1px solid #d2d2d2;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
height: 55px;
font-weight: lighter;
}
.search .search-box-input .search-box-select i {
position: relative;
top: 4px;
right: 4px;
}
.search .search-box-input .search-box-select:hover {
background: #161616;
}
.search .search-box-input .search-box-select-items {
position: absolute;
left: 0;
top: 60px;
padding: 0.3em 0 !important;
text-align: right;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
display: none;
}
.search .search-box-input .search-box-select-items:before {
content: "";
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 12px solid rgba(0, 0, 0, 0.05);
top: -11px;
right: 72%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}
.search .search-box-input .search-box-select-items:after {
content: "";
position: absolute;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 10px solid #fff;
top: -9px;
right: 75%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}
.search .search-box-input .search-box-select-items li a {
white-space: nowrap;
padding: 0.5em 0.85em 0.5em 3em !important;
background: #fff;
width: 100%;
display: block;
font-weight: lighter;
color: #838383;
}
.search .search-box-input .search-box-select-items li a:hover {
background: #161616;
color: #fff;
}
.search .search-box-input input[type="search"] {
width: 90%;
border: 0;
outline: none;
padding: 0.5em 0.5em 0 0.5em !important;
color: #bababa;
border: 1px solid #fff;
box-sizing: border-box;
}
.search .search-box-input input[type="search"]:focus {
background: #161616;
color: #fff;
}
.search .search-box-input input[type="search"]:focus::-webkit-input-placeholder {
color: #fff;
}
.search .search-box-input input[type="search"]:focus:-moz-placeholder {
color: #fff;
}
.search .search-box-input input[type="search"]:focus::-moz-placeholder {
color: #fff;
}
.search .search-box-input input[type="search"]:focus:-ms-input-placeholder {
color: #fff;
}
.search .meta {
display: table;
margin: 1.5em auto 0 auto !important;
width: 40%;
text-align: center;
clear: both;
}
.search .meta .content {
display: table;
margin: 0 auto;
}
.search .meta .meta-item {
float: right;
margin-left: 1.5em;
}
.search .meta .meta-item h2 {
font-size: 1.25em;
color: #fff;
}
.search .meta .meta-item span {
color: #d3e9d9;
font-weight: lighter;
}
div#footer-buttons >div a{ color:#fff}
#footer-buttons >div a{ transition:0.2s;  background:transparent !important}
#footer-buttons >div:hover, #footer-buttons >div:hover a{ background:#fff;  color:#102C46 !important}
div#footer-buttons >div{ float:right;  transition:0.2s;  border:2px solid #fff;  width:31.6%;  text-align:center;  margin-right:1%;  height:44px;  line-height:42px;  font-size:18px}
div#footer-buttons {
    clear: both;
    overflow: hidden;
    border-top: 2px solid #fff;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}
.newsletter_mostlzmat p { color: #FFFFFF; font-size: 16px; margin-bottom: -17px; } .newsletter_mostlzmat { clear: both; overflow: hidden; padding: 20px; background: #161616; text-align: center; } .newsletter_mostlzmat input { background: rgb(101, 98, 98); color: #fff; font-family: 'Alba-Sans'; border-radius: 3px; padding: 10px 0px 10px 0px; width: 100%; text-align: center; font-size: 17px; border: 0; }input#SubmNews { background: #CB2027; cursor: pointer; width: 100%; }
.avatar-author{float: right; border: 0; border-radius: 50%; width: 50px; padding: 5px;}

#th9moussa-live {
    padding: 10px 10px;
    background: #161616 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK06ghWty4ldj0XxVmWMZddOgQAfGe_9So1ARGZv-VTW4162hT0Gqx-YBexXnJ-iCpDsblFqiKh6UHOJY_OQb5ktnqNUhLAWCopJdNDeQfHyd34bL3S0oYFVirc_r3pmmCQZSXhCkY9TI/s1600/header-bg.png) no-repeat left bottom;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.right-live {
    position: relative;
    float: right;
    margin-top: 33px;
    margin-right: 33px;
}
.right-live img {
    width: 118px;

}
.left-live {
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    font-size: 17px;
    left: 0;
    width: 600px;
    top: 40px;
    margin: 0 auto;
    display: block;
}
.left-live a {
    margin-top: 10px;
    border-radius: 3px;
    transition: 0.2s;
    color: #fff;
    display: inline-block;
    padding: 8px;
    border: 2px solid #FFFFFF;
    font-size: 16px;
    width: 80%;
    font-weight: 600;
}
.left-live a:hover { background: #ffffff;font-size: 23px;color:#000; }
span#saaa {
    font-size: 31px;
    margin-right: 0px;
    margin-left: 20px;
    line-height: normal;
}
span#d9i9a {
}
span#ssss {
}
.time-live {
    float: left;
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    position: relative;
    width: 129px;
  }
.moussa:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.9}
.Moussa:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.social__item:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.menubar2 li:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.navbar ul li:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
div#logo:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.left-live a:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.fa.fa-arrow-up:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
i.fa.fa-phone:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.contact-close:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.header img:hover{ -webkit-animation:rubberBand .8s 1;  -moz-animation:rubberBand .8s 1;  -o-animation:rubberBand .8s 1;  animation:rubberBand .8s 1}
.fa.fa-arrow-up:hover{background-color: #CB2027;color: #FFFFFF;}
i.fa.fa-phone:hover{background-color: #CB2027;color: #FFFFFF;}
#f-row { width: 1140px; clear: both; background: #CB2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK06ghWty4ldj0XxVmWMZddOgQAfGe_9So1ARGZv-VTW4162hT0Gqx-YBexXnJ-iCpDsblFqiKh6UHOJY_OQb5ktnqNUhLAWCopJdNDeQfHyd34bL3S0oYFVirc_r3pmmCQZSXhCkY9TI/s1600/header-bg.png) no-repeat left bottom; padding: 5px 14px; height: 97px; position: relative; margin: 0 auto; }i.fa.fa-phone {color: #CB2027; font-size: 50px; background-color: #FFFFFF; width: 80px; height: 64px; text-align: center; border-radius: 100%; padding-top: 14px; margin-top: 5px; display: inline-block; cursor: pointer; vertical-align: top;}.fa.fa-arrow-up { color: #CB2027; font-size: 40px!important; background-color: #FFFFFF; width: 80px; height: 63px; text-align: center; border-radius: 100%; padding-top: 15px; margin-top: 5px; vertical-align: top; display: inline-block; cursor: pointer;}#HTML140 p { color: #FFF; font-size: 15px; text-align: justify; display: inline-block; width: calc(100% - 510px); margin: 15px 20px; vertical-align: top; }

1. وألآن نقوم بالبحث عن <div id='footer-wrapper'>
2. وتقوم يتحديد كل الوسوم المرتبطة بها وتغييرها لهدا الكود

<div id='footer-wrapper'>

   <div class='row' id='footer'>
      <b:section class='sect-right ready-widget wow bounceIn animated' id='footer-sec1' maxwidgets='3' name='Widget 1' showaddelement='yes'>
        <b:widget id='HTML12' locked='false' title='' type='HTML' visible='true'>
          <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='sect-right ready-widget wow bounceInUp animated' id='footer-sec2' maxwidgets='3' name='Widget 2' showaddelement='yes'>
        <b:widget id='HTML15' locked='false' title='' type='HTML' visible='true'>
          <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='sect-right ready-widget wow bounceInLeft animated ' id='footer-sec3' maxwidgets='3' name='Widget 3' showaddelement='yes'>
        <b:widget id='HTML9' locked='false' title='' type='HTML' visible='true'>
          <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
  </div>


<div id='th9moussa-live'>
<div class='right-live wow bounceIn animated'>
<div class='contact-button'><a href='#'><i class='fa fa-phone'/></a>
<block;'/>
</div>
</div>
<div class='left-live wow bounceInUp animated'>
<span id='ssgf1'>يمكنك طرح أي سؤال وسيتم الرد عليك في أسرع وقت ممكن
</span>
<a href='http://ismailprofessional.blogspot.com/p/blog-page_23.html'>
إطرح سؤالك كن الاول</a>
</div>
<div class='time-live wow bounceInLeft animated'>
  <span id='saaa'>يوميا</span>
  <br/>
  <span id='saaa'>24</span><span id='d9i9a'>/24</span>
<br/>
بتوقيت غرينيتش
  </div>
</div>

<div class='newsletter_mostlzmat'>
<div class='width_newsl'>
<p>اشترك بالقائمة البريدية لمدونتنا وتوصل بجديد الدروس و المواضيع التي يتم طرحها مباشرة على بريدك الإلكتروني</p>
<br/>
<div class='formnewss'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='sidebar-subscribe-box-form wow bounceIn animated' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=opsdevme/jzHR;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input id='inpNews' name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='ادخل بريدك@الإلكتروني'/>
<input id='SubmNews' name='submit' type='submit' value='إشترك الان'/>
<input name='uri' type='hidden' value='mostlzmatpro'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div></div>
</div>


<div class='search'>
<div class='search-box'>
<h1>يمكنك البحث عن أي موضوع سابق بالمدونة باستخذام مستطيل البحث الموجود اسفله</h1>
<div class='search-box-input wow bounceInLeft animated'>
<form action='https://cse.google.dz/cse/home?cx=016932594220321475311:repf-eh1sjy' class='navbar-form' id='search' method='get' role='search'>
<input name='cx' type='hidden' value='016932594220321475311:repf-eh1sjy'/>
<input name='ie' type='hidden' value='UTF-8'/>
<input id='SearchBox' name='q' placeholder='اكتب هنا ثم انقر enter للبحث&quot;' type='search'/>
</form>
</div>
</div>
<div class='meta'>
<div class='content'>
<div class='meta-item'>
<h2>تجدون عندنا كل ماتطلبون</h2>
</div>
</div>
</div>
</div>


<div id='footer-buttons'>
<div class='total-posts  wow bounceIn animated'>
<a href='https://www.facebook.com/ismail.tagliout' traget='blank'>تعريب&amp;تطوير: الروسافي عمر</a>
</div>
<div class='call-th3 wow bounceInUp animated'>
<a href='#' target='_blank'>اتفاقية الاستخدام</a>
</div>
<div class='privacy-th3 wow bounceInLeft animated'>
<a href='#'>سياسة الخصوصية</a>
</div>
</div>

<style>.copyright a{    color:#ccc;    line-height:30px;    font-size:13px;}
.copyright a:hover{font-size:13.5px;color:#ff0000}</style>

<div class='footer-wrapper'>
<div class='footer-copy row'>
<div class='copyright'>
جميع الحقوق محفوظة &amp;copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | تصميم: <a href='#' id='mycontent' title='الروسافي ويب'>ismail tagliout</a>
</div>
<div class='native-opt'>
<li><a class='back-top' href='#top' title='الى الأعلى'><i class='fa fa-caret-up'/></a></li>
</div>
</div>
</div>
</div>

حصريا قالب ليفون من موقع نت مصر المدفوع فى بيكاليكا

حصريا قالب ليفون من موقع نت مصر

كان قد طلب منا الاخوة على الفيس بوك قالب ليفون 

وهذا هو القالب 

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

1. الاحترافية فى التصميم
2. قوائم منسقة
3. الوان جميلة
4. قالب متجاوب مع جميع الاجهزة 
5. وغيرهم

المعاينة

معاينة إضغط هنا

قمت انا بتعديل القالب بدون مساعدة احد لى 

فتعبت ولكن لا اجد مقابل لتعبى 

لذلك نحن الان 125 متابع فقط

نريد ان نصل الى 150 

شارك هذه لتدوينة من فضلك

ملحوظة : سيكون مع القالب شرح تعديل 

كن عضو للموقع  !

من هنا

لتحميل القالب نفذ الطلبات فضلا وليس امر 

تحميل إضغط هنا