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

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

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

مميزات القالب :
  • متجاوب مع جميع الشاشات
  • سريع
  • مهيئ بالكامل لمحركات البحث
  • يحتوي على صندوق أنضم لموقعنا مع ازرار التواصل الاجتماعي
  • تصميم منظم
  • مواضيع ذات صلة
  • إتصل بنا
  • صفحة خطأ 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- المحدد بالأخضر يخص رابط الصورة


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

      خط Arkhip الاحترافي

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




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

      بوستر بيت القهوة PSD

      السلام عليكم .... �� ,اليوم لدينا تدوينة مختلفة الا وهي بوستر بيت القهوة �� PSDبوستر من النمط التراثي القديم "Vintage" جاهز للطباعة �� والاستخدام، مفيد جداً لأصحاب محلات القهوة، أو الباتسري بحيث يعطي انطباع أو نمط عصري مميز وملفت للأنتباة

      مميزات البوستر
      • جاهز للطباعة والاستخدام
      • البوستر بالصيغ التالية : ai,eps
      • جميع الطبقات منسقة ومرتبة كمجموعات
      • قابل للتحجيم وتغير اللون والشكل ببساطة


      الواجهة الكاملة للبوستر
      ��




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

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

      السلام عليكم .... �� , اليوم جلبت لكم قالب تقنياتي للمدونات التقنية , قالب يتميز بالخفة والبساطه والابداع , يحتوي على سلايدر تلقائي مميز وشريط اخر التدوينات والعديد من المميزات ⭐سوف نذكرها لكم.

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




      لتشغيل تصنيفات تكنولوجيا و ويندوز
      أضف هذا الكود بهم من خلال " التخطيط "

      الكود

      <script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script> 
      <script type="text/javascript" src="/feeds/posts/default/-/تكنولوجيا?published&alt=json-in-script&callback=labelthumbs"></script>
      
      قم بتغيير تكنولوجيا بالقسم اللذي تريدة
      لا تنسا ان تكن من أعضاء المدونة من هنا , إذا واجهتك اي مشكلة لا تترد فى ترك تعليق
      أضافة زر متابعة المدونة بشكل منزلق

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

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


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

      الكود

      <style scoped='' type="text/css">
      /*<![CDATA[*/
      #Pro7webfollowSubscribe{background-color:#464646;width:220px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}
      .Pro7webfollowButton{background:#464646;color:#fff;font-size:13px;line-height:28px;padding:0 10px;text-decoration:none;position:absolute;top:-28px;right:0;display:block;border-radius:2px 2px 0 0;height:28px;font-weight:700}
      .Pro7webfollowButton span{background:url("https://4.bp.blogspot.com/-fc3-0J--iW8/VyPNjRmxJtI/AAAAAAAAD7U/emRRY6ntYEg3IaL-mev9XxE9M1OKh50fACLcB/s1600/follow-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
      .Pro7webfollowButton:hover,.Pro7webfollowButton:focus,.followActive,.followActive:hover{color:#fff}
      .Pro7webfollowButton:hover span,.followActive span{background-position:0 -37px!important}
      .followactive{background-color:#333}
      .Pro7webfollowForm{padding:15px;margin:auto;text-align:center;font-size:12px}
      .Pro7webfollowForm p{margin:10px 0}
      .Pro7webFollowFooter{text-align:center;font-size:11px;padding:7px 0;margin:0 0 -15px;border-top:1px solid #3c3c3c}
      .Pro7webFollowFooter a{color:#aaa;background:none;text-decoration:none}
      .Pro7webFollowFooter a:hover{color:#fff;background:none}
      /*]]>*/
      </style>
      <script type="text/javascript">
      /*<![CDATA[*/
      !function(e){e(document).ready(function(){e.extend(e.easing,{easeOutCubic:function(e,o,t,a,n){return a*((o=o/n-1)*o*o+1)+t}});var o=e("#Pro7webfollowSubscribe"),t="-"+o.outerHeight()+"px";o.hide().css({bottom:"-510px"}),setTimeout(function(){o.show().animate({bottom:t})},500),e(".Pro7webfollowButton").click(function(a){o.hasClass("followOpened")?(e(this).removeClass("followActive"),o.removeClass("followOpened").stop().animate({bottom:t},{duration:300,easing:"easeOutCubic"})):(e(this).addClass("followActive"),o.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})),a.preventDefault()})})}(jQuery);
      /*]]>*/
      </script>
      <div id="Pro7webfollowSubscribe" style="bottom: -971px;">
        <div class="Pro7webfollowForm">
          <a class="Pro7webfollowButton" href="#" title="Follow"><b>+ تابعنا</b></a>
          <br />
          <a href="http://www.Blogger.com/follow-blog.g?blogID=4222096331965947574" title="join this site" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="https://1.bp.blogspot.com/-HViEx99kxmQ/VyPMrPGAvEI/AAAAAAAAD7M/bWz5CKpHrHkxtVdgL0z-xJQa_nA_tK0gACLcB/s1600/Follower.png" alt="Join on this site" /></a>
          <br />
          <p>كن من متابعينا الأوفياء</p>
        </div>
      </div>
      

      التغييرات الأساسية
      1- قم بتغير كن من متابعينا الأوفياء " بأي كلمة تريدها
      2- قم بتغيير 4222096331965947574 بـ ID مدونتك ( شاهد الصورة أسفل لتعرف اين تجد ID مدونتك )

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