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

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

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

                                                          تحميل القالب 

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

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

توجه الى التخطيط تم إضافة اداة 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")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMZfluA5JQcYHQi2AVoJqfHPsQLP1iGS4Y5wtvdIyW3JDuRl6bUOTY-GqhsPUDd6Aq3JXbCtk3iv5NHEeAkqFeOUtUtGFBOv1eQtILgJqks7DoZWftxfF8r737XtzRyPtpMUtzOQrMk0gc/"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkzHbJB1Ym0qrjw8LrO-IEDzGxSoOx56QVPgbHh5WXmcYrbbGr1L56Su_jBh232m967EczTR4TiSEIiVvTlzd9xjl0x8pqksDiG0dHjJMuItr7gyVgjesIYOZ8riSfOTcb08ydAdJ5NtR/"+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||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtKagB9aSt5KMr792gklqEmBB8MfbGFLD98a7cthi0V8zMlGxlfYr4jp8RCDEqz-NHWjDaTjvj5OJuHKgfkFwVGeWcU7g5G7scnO2wm0Usqy6LKP9aKbHs_CjiymU7YBXD83kmTwEfrIeE/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 = 'طبيعة';

ثم قم بتغيير طبيعة الى التسمية المراد إضهارها في السلايدر

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