قالب مُدون - قالب بلوجر أحترافي متجاوب

السلام عليكم .... �� , في هذه التدوينة المميزة ⭐ , نعود إليكم بقالب مُدون - قالب بلوجر أحترافي متجاوب �� ومناسب للمدونات الشخصية ومدونات التقنية إلخ , قالب مُدون قالب مصمم بحب ♥ وأهتمام , وقمنا بتطويرة بشكل احترافي , حتي يكون أفضل من ذي قبل .

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




     لتشغل صندوق أنضم لموقعنا مع ازرار التواصل الاجتماعي
    1. من التخطيط أضف أداة Html/Javascript وضع بها كود الإضافة

    الكود

    <style>
    .about_blog { padding: 0; overflow: hidden;background: #fff; }
    .about-Pro7web-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
    .about-Pro7web-img{position:relative;max-height:140px;overflow:hidden}
    .about-Pro7web-img img {max-width:100%;width:100%;transition:all .6s;}
    .about-Pro7web-img:hover img{transform:scale(1.2) rotate(-10deg)}
    .about-Pro7web-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s}
    .about-Pro7web-img:hover:before{background:rgba(0,0,0,0.6);}
    .aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;right:22.5%;z-index:3}
    .about-Pro7web-float{text-align:center;display:table;width:100%;height:100%}
    .about-Pro7web-float a{color: #fff; padding: 8px 14px; z-index: 2; display: table-cell; width: 100%; font-size: 100%; text-transform: uppercase; vertical-align: middle; transition: all .3s; border: 2px solid #FFFFFF; font-weight: bold; background: rgba(0,0,0,0.5); text-shadow: 0 2px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08); border-radius: 2px;}
    .about-Pro7web-float:hover a{background:#fff; color: #444!important;}
    .about-Pro7web-float a i{font-weight:normal;margin-left:5px}
    .about-Pro7web-wrpicon{display:block;margin:0 auto;position:relative;}
    .extender{text-align:center;font-size:16px;    margin: 15px!important;}
    .extender .about-Pro7web-icon{display: inline-block!important; border: 0!important; margin: 0!important; padding: 0!important; width: 32%!important;}
    .extender .about-Pro7web-icon a{background: #ccc; display: inline-block; font-weight: 400; color: #fff; line-height: 32px; border-radius: 3px; font-size: 12px; width: 100%; border: 1px solid rgba(0,0,0,0.21); border-bottom-color: rgba(0, 0, 0, 0.27); text-shadow: 0 1px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0, 0, 0, 0), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0, 0, 0, 0.08);}
    .extender .about-Pro7web-icon i{font-family:fontawesome;margin:10px 3px 0 0}
    .about-Pro7web-icon.fbl a{background:#3b5998}
    .about-Pro7web-icon.twitt a{background:#19bfe5}
    .about-Pro7web-icon.crcl a{background:#d64136}
    .about-Pro7web-icon.fbl a:hover,.about-Pro7web-icon.twitt a:hover,.about-Pro7web-icon.crcl a:hover{background:#313B42}
    .extender .about-Pro7web-icon:hover a,.extender .about-Pro7web-icon a:hover{color:#fff;}
    .about-Pro7web-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
    .about-Pro7web-info p{margin:5px 0;font: 12px Droid Arabic Naskh;    color: #444;}
    .about-Pro7web-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
    .about-Pro7web-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
    .about-Pro7web-info h4:before,.about-Pro7web-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0, 0, 0, 0.08)}
    .about-Pro7web-info h4:before {margin-right:-50%;text-align:left;}
    </style>
    <div class="about_blog">
    <div class="inner_wrapper">
    <div class="about-Pro7web-img">
    <img alt="alwan may" class="img-responsive" height="auto" src="https://1.bp.blogspot.com/-SgMP9usY17o/Vq1wQUX40FI/AAAAAAAAA5Q/OOnHGeHuOL4/s1600/Festival-Of-Colors-People-HD-Wallpaper.jpg" width="300" />
    
    <div class="aboutfloat-img">
    <span class="about-Pro7web-float"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-user"></i> انضم لموقعنا</a></span></div>
    </div>
    </div>
    <div class="about-Pro7web-info">
    <h4>
    تابعنا جديد موقعنا</h4>
    تميز بلا حدود</div>
    <div class="about-Pro7web-wrpicon">
    <ul class="extender">
    <li class="about-Pro7web-icon fbl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-facebook fa-fw"></i> صفحتنا</a></li>
    <li class="about-Pro7web-icon twitt"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-twitter fa-fw"></i> تابعنا</a></li>
    <li class="about-Pro7web-icon crcl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-google-plus fa-fw"></i> جوجل</a></li>
    </ul>
    </div>
    </div>
    

    التغييرات الاساسية
    1- المحدد بالأحمر # يغير بالرابط
    2- المحدد بالبرتقالي يغير بالكلمات
    3- المحدد بالأخضر يخص رابط الصورة


      لا تنسا ان تكن من أعضاء المدونة من هنا , إذا واجهتك اي مشكلة لا تترد فى ترك تعليق
      شارك المقال على :

      التعليقات

      لا توجد تعليقات حتى الآن، كن أول من يعلق

      يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
      1أن يكون التعليق خاص بمحتوى التدوينة
      2أن لا تضع أي روابط خارجية
      3أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة

      المشاركات الشائعة

      أحدث التعليقات

      رسالة!

      نأسف بشده عن عدم الرد علي بعض تعليقاتكم ورسائلكم ، نظرا لانشغالي بالامتحانات ، اتمني منكم الدعاء لي بالنجاح ، واتمني لقم قضاء أجمل الاوقات معنا في " برو ويب " وسوف اعود لكم في 24/6

      اذا كان لديكم اي استفسار مهم تفضلو بمراسلتني من حسابي علي الفيسبوك من هنا
      تم النسخ