7 سبتمبر، 2015

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

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




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



                                                          تحميل القالب 

التعديل على القالب 

إضافة نمودج الاتصال 

توجه الى التخطيط تم إضافة اداة html ثم ضع فيها هدا الكود 

<form name="contact-form">
<span> Name </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<span> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<span> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit{float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
.post-body input {width:initial;}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style>

✔ إضافة نمودج تابعنا على مواقع التواصل 

نفس الخطوات مع إضافة هدا الكود ووضع الرابط المناسب لك مكان #

 <div class='invert-socials-icon mom-socials-widget'>
    <ul>
        <li class='facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/></i></a></li>
        <li class='twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/></i></a></li>
        <li class='googleplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/></i></a></li>
        <li class='rss'><a href='#' rel='nofollow' target='_blank' title='Follow us on RSS'><i class='fa fa-rss '/></i></a></li>
        <li class='youtube'><a href='#' rel='nofollow' target='_blank' title='Follow us on Youtube'><i class='fa fa-youtube '/></i></a></li>
        <li class='dribbble'><a href='#' rel='nofollow' target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble '/></i></a></li>
        <li class='deviantart'><a href='#' rel='nofollow' target='_blank' title='Follow us on DeviantArt'><i class='fa fa-deviantart'/></i></a></li>
        <li class='pinterest'><a href='#' rel='nofollow' target='_blank' title='Follow us on Pinterest'><i class='fa fa-pinterest '/></i></a></li>
        <li class='instgram'><a href='#' rel='nofollow' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram '/></i></a></li>
        <li class='tumblr'><a href='#' rel='nofollow' target='_blank' title='Follow us on Tumblr'><i class='fa fa-tumblr '/></i></a></li>
        <li class='linkedin'><a href='#' rel='nofollow' target='_blank' title='Follow us on LinkedIn'><i class='fa fa-linkedin '/></i></a></li>
        <li class='soundcloud'><a href='#' rel='nofollow' target='_blank' title='Follow us on Soundcloud'><i class='fa fa-soundcloud '/></i></a></li>
        <li class='delicious'><a href='#' rel='nofollow' target='_blank' title='Follow us on Delicious'><i class='fa fa-delicious '/></i></a></li>
        <li class='flickr'><a href='#' rel='nofollow' target='_blank' title='Follow us on Flickr'><i class='fa fa-flickr '/></i></a></li>
    </ul>
</div>

✔ إضافة نمودج البحث في الهيدر

نفس الخطوات مع وضع هدا الكود

 <div id="search-box">
<form action="/search" id="cse-search-box" method="get">
<input id="search-text" name="q" onblur="if (this.placeholder == &quot;&quot;) {this.placeholder = &quot;Cari artikel...&quot;;}" onfocus="if (this.value == &quot;Cari disini..&quot;) {this.value = &quot;&quot;}" placeholder="إبحث في الموقع..." type="text" />
<button id="search-button" type="submit"></button>
</form>
</div>

✔ إضافة أداة أخر التعليقات 

دائما نفس الخطوات مع إضافة هدا الكود

 <style scoped='' type="text/css"> #HTML4 .widget-content {max-height:300px;overflow:auto;} ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-all;padding:10px 0;margin:0;}.arlinacomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.arlinacomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.arlinacomments li a{font-weight:700}.arlinacomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments function arlinacomments(a){var e;e='<ul class="arlinacomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"http://1.bp.blogspot.com/-7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"http://2.bp.blogspot.com/-VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'" src="'+n+'" alt="'+o+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+="</ul>";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=15,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"http://4.bp.blogspot.com/-SRSVCXNxbAc/UrbxxXd06YI/AAAAAAAAFl4/332qncR9pD4/s1600/default-avatar.jpg",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar; //]]> </script> <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=arlinacomments&amp;max-results=15"></script>

✔ إضافة نمودج المشاركات الشائعة 

توجه الى التخطيط تم إضافة اداة html مع وضع هدا الكود

 <script>
var arlina_thumbs = 73;
var arlina_title = true;
</script>
<script src="/feeds/posts/summary?max-results=6&amp;alt=json-in-script&amp;callback=arlinagrid"></script>

تفعيل السلايدرشو

إبحث عن هدا الكود
cat1 = 'طبيعة';
ثم قم بتغيير طبيعة الى التسمية المراد إضهارها في السلايدر

هدا كل ما في الامر ادا واجهت أي مشكل في التعديل لا تتردد نحن في الخدمة في امان الله


هناك 45 تعليقًا

  1. اخى ما هو الباسورد حسابى ahmedsamirlove32@gmail.com

    ردحذف
  2. اخي ممكن ارسال الباس هاد ايميلي

    haxor@yopmail.org

    ردحذف
  3. أنا مشترك قديم لديك هل يمكن ان ترسل الباسوورد

    ردحذف
  4. paly0desert@gmail.com
    مشترك قديم هل يمكن الارسال

    ردحذف
  5. جاري الارسال اخي الكريم

    ردحذف
  6. هل يمكنك ارسال لي الباسورد اخي العزيز

    ردحذف
  7. alansereroy997@gmail.com
    هل يمكن ؟

    ردحذف
  8. alansereroy997@gmail.com
    هل يمكن ؟

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

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

      حذف
  9. اخي ممكن ترسلى الباس هادى بريدى
    ehabelginral258741@gmail.com

    ردحذف
  10. اخي ممكن ترسلى الباس هادى بريدى
    ehabelginral258741@gmail.com

    ردحذف
  11. شكرا لك هذا بريدي

    comancho_99@hotmail.com

    ردحذف
  12. لدي مشكلة اخي في قالب انت قمت بتعريبه سابقا ولكنني لا اراه في المدونة هنا وحقيقة لا اعرف اسمه

    ولكنني مركبه على مدونتي www.idealfoundtech.com

    حاولت كثيرا جدا ان اغير الشكل من شبكة grid إلى قائمة list ، اريد فقط الظهور على شكل قائمة ؟؟ ايضا لا اعرف كيف اضيف أقسام في الرئيسية ؟ وشكراً لك

    ردحذف
  13. الردود
    1. هناك مشكلة في ظهور صور المشاركات بالرئيسية ؟

      حذف
  14. الردود
    1. ثم التعديل شكرا جزيلا على التنبيه فقط كان هناك خطأ

      حذف
  15. لو تكرمت أخي
    majorinwar@gmail.com

    ردحذف
  16. الردود
    1. اخي ممكن ترسل لي الباسورد هدا ايمايلي
      ultraspress@gmail.com

      حذف
  17. اخي ممكن ترسل لي الباسورد هدا ايمايلي
    ultraspress@gmail.com

    ردحذف
  18. ثم ارسال الباسورد اخي واسف على التأخير :e01: :e01: :e01:

    ردحذف
    الردود
    1. مشكووووووور اخي الكريم على تعاملك الراقي و كدالك على ما تقدمه من تدويينات شكلرا لك اخي الكريم اللهم يسر و اجعل ما تنشره مفتاح لابواب الرزق ان شاء الله

      حذف
    2. شكرا جزيلا على كلامك الطيب والدي سيكون سببا في تقديم الافضل ان شاء الله :e05:

      حذف
  19. أخي الكريم ، لماذا تضع موقعك في أكواد القالب لكي تتأشف في جوجل ؟؟

    يكفيك وضع حقوقك فقط ، موقعك يظهر عندي في نتائج البحث بجوجل

    لماذا أخي ؟؟

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

      حذف
  20. الرجاء ارسال الباسورد على هذا الايميل لو سمحت
    shazaa.bloge@gmail.com

    ردحذف
    الردود
    1. لقد ثم الارسال بالتوفيق

      حذف

جميع الحقوق محفوظة © 2015 أبو نزار للمعلوميات ® سياسة الخصوصية