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


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

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

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

صورة عن القالب:


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

معاينة القالب


تحميل القالب

في أمان الله.

حصريا قالب Hot Games معرب لمدونات البلوجر


السلام عليكم و رحمة الله تعالى و بركاته
اهلا و سهلا بكم متابعي مدونة مدرسة المدون في حلقة جديدة و حصرية نقدم لكم في هذه الحلقة قالب بلوجر جديد و احترافي جدا هو قالب Hot Games gaming و هذا القالب مخصص لمدونات الالعاب و يمكنك استخدامه في عدة مجالات ليس الالعاب فقط و اليكم اهم مميزات هذا القالب:

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

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

صورة عن القالب:

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

معاينة القالب

تحميل القالب

لن نسامح من يحذف حقوق التعريب في القالب.

حصريا قالب Best Seo معرب لمدونات البلوجر


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

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

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

صورة عن القالب:


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

معاينة القالب

تحميل القالب

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

حصريا تحميل قالب Simple Gride معرب و مطور


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

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

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

صورة عن القالب:


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

معاينة القالب

تحميل القالب

و في الاخير نتمنى عدم حذف حقوق التعريب و شكرا.

حصريا تحميل قالب Sora one معرب و مطور


السلام عليكم و رحمة الله تعالى و بركاته
اهلا بكم متابعي مدرسة المدون في حلقة جديدة نقدم لكم قالب بلوجر احترافي جدا بتصميم عصري احترافي و متعدد الاستخدامات يمكنك استخدامه في العديد من المجالات مثل التقني و الاخباري معرب و مطور و هو قالب Sora one الرائع يمكنك معاينته و تحميله من الروابط أسفل التدوينة.

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

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

صورة مصغرة للقالب:


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


و في الاخير نتمنى عدم حذف حقوق التعريب و شكرا.

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


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

معاينة الاضافة:


صورة الاضافة:

كيفية التركيب:

طريقة التركيب سهلة  كشرب الماء كلما عليك هو الدخول الى صفحة التخطيط و اضافة اداة HTML/JavaScript و ضع الكود التالي داخلها و احفظ الاضافة:

<div class="widget HTML" data-version="1" id="HTML1">
<div class="title-wrap"><h2 class="title">Follow us</h2></div>
<div class="widget-content">
<div class="social-counter-man">
      <a class="count facebook" href="#">
        <div class="icon"><i class="fa fa-facebook"></i></div>
        <p><span>34.2k</span> likes</p>
        <p class="action-btn">Like</p>
      </a>
     
     
   
      <!-- TWITTER -->
      <a class="count twitter" href="#">
        <div class="icon"><i class="fa fa-twitter"></i></div>
        <p><span>28.6k</span> followers</p>
        <p class="action-btn">Follow</p>
      </a>
     
      <!-- YOUTUBE -->
      <a class="count youtube" href="#">
        <div class="icon"><i class="fa fa-youtube"></i></div>
        <p><span>8.6k</span> subs</p>
        <p class="action-btn">Subscribe</p>
      </a>
      <!-- GOOGLE PLUS -->
      <a class="count google-plus" href="#">
        <div class="icon"><i class="fa fa-google-plus"></i></div>
        <p><span>17.3k</span> followers</p>
        <p class="action-btn">+1</p>
      </a>
      <!-- INSTAGRAM -->
   
   
    </div>
<style>
.social-counter-man{
  padding: 0;
  display: block;
}
.count{
  display: block;
  padding: 7px 0;
  text-align: left;
  transition: all 0.5s ease;
}
.count:hover{
  background: rgba(0,0,0,0.033);
  transform: scale(1.065);
}
.count .icon{
  background: #aaa;
  display: inline-block;
  float: left;
  color: white;
  font-size: 22px;
  margin-left: 5px;
  text-align: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-shadow: 0 0 3px rgba(0,0,0,0.2);
  display: table;
}
.count .icon i{
  display: table-cell;
  vertical-align: middle;
}
.count p{
  display: inline-block;
  font-size: 13px;
  color: #ececec;
  margin: 11px;
}
.count p span{
  color: #1c1c1c;
  font-size: 18px;
  font-weight: bold;
  padding-right: 2px;
}
.count .action-btn{
  float: right;
  display: inline-block;
  background: #aaa;
  color: white;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 14px;
  margin: 11px;
}
/*== COLORS ==*/
.facebook .icon{background:#3b5999;}
.facebook .action-btn{background:#3b5999;}
.facebook .icon i{padding-top:2px;}
.twitter .icon{background:#55acee;}
.twitter .action-btn{background:#55acee;}
.twitter .icon i{padding-top:2px;}
.youtube .icon{background:#cd201f;}
.youtube .action-btn{background:#cd201f;}
.youtube .icon i{font-size:24px}
.google-plus .icon{background:#dd4b39;}
.google-plus .action-btn{background:#dd4b39;}
.google-plus .icon i{font-size: 18px; padding-top: 1px;}
.instagram .icon{background:#e4405f;}
.instagram .action-btn{background:#e4405f;}

.rss .icon{background:#f57d00;}
.rss .action-btn{background:#f57d00;}

.social-counter-2 .linkedin, .linkedin .icon,.linkedin .action-btn{background:#0077B5}

.social-counter-2 .vimeo, .vimeo .icon,.vimeo .action-btn{background:#1ab7ea}

.social-counter-2 .vk, .vk .icon,.vk .action-btn{background:#4c75a3}

.social-counter-2 .tumblr, .tumblr .icon,.tumblr .action-btn{background:#34465d}

.social-counter-2 .pinterest, .pinterest .icon,.pinterest .action-btn{background:#bd081c}
.social-counter-2 .stumbleupon, .stumbleupon .icon,.stumbleupon .action-btn{background:#eb4924}
.social-counter-2 .reddit, .reddit .icon,.reddit .action-btn{background:#ff5700}
.social-counter-2 .yelp, .yelp .icon,.yelp .action-btn{background:#af0606}
.social-counter-2 .weibo, .weibo .icon,.weibo .action-btn{background:#df2029}
.social-counter-2 .producthunt, .producthunt .icon,.producthunt .action-btn{background:#da552f}
.social-counter-2 .whatsapp, .whatsapp .icon,.whatsapp .action-btn{background:#25D366}

.social-counter-2 .vine, .vine .icon,.vine .action-btn{background:#00b489}

.social-counter-2 .slack, .slack .icon,.slack .action-btn{background:#3aaf85}

.social-counter-2 .dribbble, .dribbble .icon,.dribbble .action-btn{background:#ea4c89}

.social-counter-2 .flickr, .flickr .icon,.flickr .action-btn{background:#ff0084}

.social-counter-2 .behance, .behance .icon,.behance .action-btn{background:#131418}
.behance .icon i{font-size:18px;}

.social-counter-2 .foursquare, .foursquare .icon,.foursquare .action-btn{background:#f94877}

.social-counter-2 .snapchat, .snapchat .icon,.snapchat .action-btn{background:#FFFC00}
.snapchat .icon i{font-size:24px;text-shadow: -1px 0 black,0 -1px black, 1px 0 black, 0 1px black}
.snapchat .action-btn{text-shadow: 0 0 1px black}
</style>
</div>
</div>
و مبروووووووووووووك الاضافة الجديدة. 

اضافة ازرار المعاينة والتحميل بشكل متحرك و احترافي

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

صورة عن الاضافة:

طريقة التركيب:

اولا: ابحث عن الوسم ]]></b:skin> و ضع الكود التالي فوقه:

#wrap {
    margin: 20px auto;
    text-align: center;
}
#wrap br {
    display: none;
}
.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}
.btn-slide2 {
    border: 2px solid #efa666;
}
.btn-slide:hover {
    background-color: #0099cc;
}
.btn-slide2:hover {
    background-color: #efa666;
}
.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}
.btn-slide2:hover span.circle2 {
    color: #efa666;
}
.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}
.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}
.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}
.btn-slide2 span.circle2 {
    background-color: #efa666;
}
.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}
.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}
ثانيا: هذا كود ال HTML و هو لاظهار الاضافة في مواضيعك كلما عليك ان تدخل الى وضعية HTML و ضع الاكواد الاتية:

كود زر المعاينة:

<div id="wrap">
<a href="هنا رابط المعاينة" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">للمعاينة</span>
  <span class="title-hover">إضغط هنا</span>
</a>

كود زر التحميل:

<a href="هنا رابط التحميل" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">للتحميل</span>
  <span class="title-hover2">إضغط هنا</span>
</a>
</div>
جميع الحقوق محفوظة لـ مدرسة المدون © 2019