السلام عليكم , قالب اليوم من القوالب الجميلة جدا والمريحة يتميز بتصميم فريد واحترافي متوافق مع جميع الشاشات إضافة الى الوانه المريحة وسرعته الهائلة والاهم من دالك توافقه مع السيو , حقا يستحق التحميل لان فيه العديد من المميزات التي ادعك لتكتشفها بنفسك.....
هدا كل ما في الامر ادا واجهت أي مشكل في التعديل لا تتردد نحن في الخدمة في امان الله
معاينة مباشرة للقالب
تحميل القالب
التعديل على القالب
✔ إضافة نمودج الاتصال
توجه الى التخطيط تم إضافة اداة 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 == "") {this.placeholder = "Cari artikel...";}" onfocus="if (this.value == "Cari disini..") {this.value = ""}" 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+="…",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 »",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&callback=arlinacomments&max-results=15"></script>
✔ إضافة نمودج المشاركات الشائعة
توجه الى التخطيط تم إضافة اداة html مع وضع هدا الكود<script>
var arlina_thumbs = 73;
var arlina_title = true;
</script>
<script src="/feeds/posts/summary?max-results=6&alt=json-in-script&callback=arlinagrid"></script>
✔ تفعيل السلايدرشو
إبحث عن هدا الكودcat1 = 'طبيعة';ثم قم بتغيير طبيعة الى التسمية المراد إضهارها في السلايدر
هدا كل ما في الامر ادا واجهت أي مشكل في التعديل لا تتردد نحن في الخدمة في امان الله
