2.ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.quickedit{
display:none;
}
1. من داخل القالب ابحث باستعمال CTRL+F عن <head/> ثم ضع فوقه الكود التالي
<script type="text/javascript">
(function($){$("html").removeClass("wwy");
$("#header").ready(function(){ $("#progress-bar").stop()
.animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#progress-bar").stop()
.animate({ width: "75%" },1500) });
$(window).load(function(){ $("#progress-bar").stop()
.animate({ width: "100%" },600,function(){ $("#loading")
.fadeOut("fast",function(){ $(this)
.remove(); }); });});})(jQuery);
</script>
2. ابحث عن <body> وضع الكود التالي أسفله
<div id="loading">
<div id="progress-bar">
</div>
</div>
3. ابحث عن ]]></b:skin> وضع الكود التالي فوقه
/* CSS Loader Pg 6ef.co */
#loading {
position: fixed;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #3884fd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgMgBg5T3AP-xpTtZOXS8iAU2WN1Li1pTZrGlo_4PkTodezDgzRVIWCWdKIx4H_7lJqrAcaIjlyxuOov34-_7ndcFLewQL2Zv520_Yw226bs-hFF8-qljKS3NmrcgSo0FtP20qUDUvWyw/s1600/lo.gif) no-repeat center;
line-h eight: 350px;
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.wwy #loading {
display: none;
}
#progress-bar {
position: absolute;
top: 0;
left: 0;
background: #eee;
opacity: 0.8;
width: 0;
height: 18px;
}
2.ابحث بإستعمال CTRL+F عن <head> ثم ضع الكود التالي فوقه
<script src='https://ar1web-com.googlecode.com/svn/trunk/slide-img.js'/>
3. ابحث عن : <b:skin/><[[ ثم ضع كود التأثير المختار فوقه
/* www.6ef.co */
.grid {
padding: 0;
margin: 0 auto;
list-style: none;
text-align: center;
overflow: hidden;
}
.grid li {
display: inline-block;
width: 300px;
margin: 0 0 10px 10px;
text-align: right;
position: relative;
background: #FFF;
padding: 10px;
box-shadow: 0 0 3px #C9C6C6;
}
.grid figure {
margin: 0;
position: relative;
}
.grid figure img {
width: 100%;
display: block;
position: relative;
}
.grid figcaption {
position: absolute;
top: 0;
right: 0;
padding: 10px;
background: #1F4977;
color: #33F55B;
}
.grid figcaption h3 {
margin: 20px 0 0;
padding: 0;
color: #FFF;
font: normal 17px ges,tahoma;
text-align: center;
display: block;
}
.grid figcaption span:before {
content: '$';
}
.grid figcaption a {
text-align: center;
padding: 11px 10px;
border-radius: 2px;
display: inline-block;
background: #ed4e6e;
color: #fff;
}
/* www.ar1web.com */
.cs-style-3 figure {
overflow: hidden;
}
.cs-style-3 figure img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img {
-webkit-transform: translateY(-130px);
-moz-transform: translateY(-130px);
-ms-transform: translateY(-130px);
transform: translateY(-130px);
}
.cs-style-3 figcaption {
width: 93.3%;
top: auto;
height: 92%;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.cs-style-3 figcaption a {
position: absolute;
bottom: 45px;
left: 75px;
border-radius: 3px;
}
figcaption span {
font: normal 16px tahoma;
position: relative;
padding: 0 21px 0;
top: 0;
}
.cs-style-3 figcaption a:hover {
background:#fff;
color:#ED4E6E;
}
<ul class='grid cs-style-3'>
<li>
<figure>
<img alt='img04' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj-Qec3AuXeL-Qt0nTUIltB6VtGeLPTKm-nuA0d3RW-Qiailx-ziH5Jt7qHnb9Vmh4KOyA19SwaekVNyOFfVhthRQXoS7V2L7nvYCkXGTuSUZfeQY0O7kaMuw4Ar7d0CEBGP2CLSfV-BZr/s1600/1.png'/>
<figcaption>
<h3>
تحويل صورتك الشخصية إلى كرتون
</h3>
<span>
10
</span>
<a href='http://www.6ef.co' target='_blank'>
طلب الخدمة
</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img alt='img01' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Ma49FsJiVqjwxgW10XcorbWkjZMM_9S_gJXTu93TzokYTE3qU_FpeaDSd3RrT67plf8JvH8XQM7Q_s4co2C-OzegCM5RO-7q8cRyafTLT1XXt-u7jYr4UObA9I_s1k2jQHGaJvyptgz_/s1600/2.png'/>
<figcaption>
<h3>
تصميم احترافي لصورتك الشخصية
</h3>
<span>
5
</span>
<a href='http://www.6ef.co' target='_blank'>
طلب الخدمة
</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img alt='img02' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglWEYVKHwQFlAKdV1ZXZQclbsIWnnqol14qPz4_V6tdlafaaPg7oq7JOjWpa7Vl8wDtWE3XRYG3RGoh6dhdVixOSpxCqFlrscwUSlbQ59DNoqqTRDaGCfsoHENllajq47OsYTN5eltK2Ba/s1600/3.png'/>
<figcaption>
<h3>
تصميم صور احترفية لعرض خدماتك في خمسات
</h3>
<span>
5
</span>
<a href='http://www.6ef.co' target='_blank'>
طلب الخدمة
</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img alt='img05' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO637pbwAXcr2JH99NWIvEeQU8KXo6A5vsyd6PXKZi7EeQjVqV4HqISIuqtwbvEqd3ScWIXasvhjXfMDye7DPHcBRk5dHMWro3k4Y0x_aGUu1z-Yl0r4JmH_D2lQVuId_fYRamIfJU2tZl/s1600/1.png'/>
<figcaption>
<h3>
واجهة "معرض حسام"
</h3>
<span>
5
</span>
<a href='http://www.6ef.co' target='_blank'>
طلب الخدمة
</a>
</figcaption>
</figure>
</li>
</ul>
body#layout #sidebartab1,body#layout #sidebartab2,body#layout #sidebartab3{width: 10%; float: right; margin-top: 35px;}
.tabviewsection {background: #FFFFFF; text-transform: uppercase; border: 1px solid #E7E8E8; float: right; width: 30.2%;margin-top: 10px; margin-bottom: 10px; margin-right: 6px;} .tabs-widget { list-style: none; list-style-type: none; margin: 0 0 10px 0; padding: 0; } .tabs-widget li {list-style: none; list-style-type: none; padding: 0; float: right; width: 102.6px; text-align: center;} .tabs-widget li a {color: #fff; display: block;font-size: 13px; padding-top: 15px; padding-bottom: 15px; text-decoration: none; font-family: droid arabic kufi;} .tabs-widget-content { }.tags_tab { width: 80px; text-align: center; } .about_tab { width: 96px; text-align: center; } .blog-mobile-link { display: none; } .tabs-widget { height: 51px; } .tw-authors { width: 570px; } .tabviewsection h2 { display: none; } .tabs-widget li a.tabs-widget-current {background: #FFFFFF; font-weight: bold; color: #797777; text-decoration: none; border-top: none!important; font-size: 12px; font-family: droid arabic kufi; text-align: center;}.tabs-widget li a { background:#0FA4D2; }
<div class='tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();
$(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() {
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");
$(this).addClass("tabs-widget-current");
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li class='about_tab'><a href='#widget-themater_tabs-1432447472-id1'>الأكثر زيارة</a></li>
<li class='tags_tab'><a href='#widget-themater_tabs-1432447472-id2'>اخر التعليقات </a></li>
<li class='laster'><a href='#widget-themater_tabs-1432447472-id3'>الأرشيف </a></li>
</ul>
<!-- Tab Widget 1 -->
<span class='likebtn-wrapper' data-counter_zero_show='true' data-popup_enabled='false' data-show_copyright='false' data-show_like_label='false' data-style='transparent' data-tooltip_enabled='false'/><p class='likebtn-ar1web'>تقييمك للمدونة تشجيع لنا لا تبخل علينا بتقييمك! </p>4. ابحث عن ]]></b:skin> ثم ضع الكود التالي فوقه
<script async='async' src='https://googledrive.com/host/0B0LkZloPKBfWbDJiRmNsbGlXN0U' type='text/javascript'/>
.likebtn-wrapper {
float: right;
padding: 14px 28px 15px;
border: 1px solid #eee;
border-radius: 0 3px 3px 0;
border-left: none;
}
.likebtn-ar1web{
padding: 20px 28px 15px;
border: 1px solid #eee;
border-radius: 0 3px 3px 0;
}
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />
<b:if cond='data:blog.pageType != "static_page"'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>تقييم الموضوع: <div class='ffbs_rate' expr:id='data:post.id'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div><div class='ffbs_stats' expr:id='"ffbs_stats_" + data:post.id'/><script expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"' type='text/javascript'/></b:if>
.ContactForm, .ContactForm .title {
display:none;
}
.floating-ai {
position:fixed;
width:250px;
right:15px;
bottom:0;
z-index:999;
}
.floating-ai-head a {
padding:5px 10px;
background:#2997e0;
color:#fff;
font-weight:bold;
display:inline-block;
font-family:droid arabic kufi;
text-transform:uppercase;
*display:block;
zoom:1;
transition:all 0.3s linear;
}
.fa-envelope-o:before {
content: "\f003";
margin-left: 5px;
font-weight: bold;
background: rgba(68, 68, 68, 0.27);
padding: 5px;
}
.floating-ai-head a:hover {
background:#2588ca;
color:#fff;
}
.floating-ai-body {
height:400px;
background:#fff;
padding:10px;
display:none;
box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
}
.floating-ai-head {
text-align:right;margin-right: 15px;}
.floating-ai-body .ContactForm {margin:0;display:block!important;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email {
background:#eee;
margin-bottom:10px;
border:none;
color:#8f8f8f;
padding:2px;
width:75%;
}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus {
background:#f5f5f5;
transition:all 0.3s linear;
}
#ContactForm1_contact-form-email-message {
background:#eee;
margin-bottom:10px;
border:none;
color:#8f8f8f;
font-family:droid arabic kufi;
padding:5px;
width:95%;
}
#ContactForm1_contact-form-submit {
width:100px;
color:#fff;
font-family:droid arabic kufi;
text-transform:uppercase;
font-weight:400;
font-size:14px;
cursor:pointer;
background:#57ad68;
border:none;
float:left;
transition:background 0.3s linear;
}
#ContactForm1_contact-form-submit:hover {
background:#468a53;
}
<script type='text/javascript'>
//<![CDATA[
$('body').append('<div class="floating-ai"><div class="floating-ai-head"><a href="#no-move"><i class="fa fa-envelope-o"></i>إتصل بنا</a></div><div class="floating-ai-body"></div></div>');
$('.ContactForm').appendTo('.floating-ai-body');
var slide_up_ai = false;
$('.floating-ai-head a').click(function(){
if (!slide_up_ai) {
slide_up_ai = true;
$('.floating-ai-body').slideDown();
} else {
slide_up_ai = false;
$('.floating-ai-body').slideUp();
}
});
//]]>
</script>
#contact{position: fixed;bottom: 0;right: 1%;background-color: #434E52;color: #555;width:250px;z-index: 999999;}
#contact h2.title{font-weight: 400;color: #FFF;padding: 8px 15px;font-size: 16px;cursor: pointer;text-align: center;background-color: #2B2B2B;border-bottom: none; font-family: electrolize,'Droid Arabic Naskh', serif; ;}
#contact h2.title .fa{position:absolute;left:10px;top:12px}#contact h2.title:before { content: "\f1d8"; font-family: FontAwesome; float: left; background-color: #434E52; padding: 15px; margin-top: -8px; margin-left: -15px; }
#contact .contact-form-widget{padding: 0px; display: none; padding-right: 10px; width: 240px;}
#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#DDD;color:#111;border:0;padding:10px 5px;}
.contact-form-widget {margin-right:0;max-width:250px;padding:0;padding-top:0;
width:100%;height:auto;}
.contact-form-email, .contact-form-email-message, .contact-form-name {max-width:100%;
width:100%;}#contact *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
.contact-form-email, .contact-form-name {background:#dce1e2;border:none;border-top:none;box-sizing:border-box;color:#2e3639;display:inline-block;font-family:'Arial',sans-serif;font-size:13px;height:24px;margin:0;margin-top:5px;padding:10px;vertical-align:top;transition:.3s linear;}
.contact-form-email-message {background:#dce1e2;border:none;border-top:none;box-sizing:border-box;color:#2e3639;display:inline-block;font-family:'Arial',sans-serif;font-size:13px;margin:0;margin-top:5px;padding:10px;vertical-align:top;transition:.3s linear;}
.contact-form-email:hover, .contact-form-email:focus, .contact-form-name:hover, .contact-form-name:focus, .contact-form-email-message:hover, .contact-form-email-message:focus {background:#fff;border:none;border-top:none;outline:none;box-shadow:none;transition:.3s linear;}
form {color:#dce1e2;}
.contact-form-button-submit {width:100%;height:30px;background-color:#55849E;background-image:none;border:none;color:#fff;transition:.3s linear; margin-top: 5px; font-family: electrolize,'Droid Arabic Naskh', serif;}
.contact-form-button-submit:hover,.contact-form-button-submit:focus {background-color:#4DB2EC;background-image:none;;border:none;outline:none;color:#fff;cursor:pointer;transition:.3s linear;}
.contact-form-error-message-with-border {background:#FC4F3F;border:none;
bottom:0;box-shadow:none;color:#fff;font-size:11px;
font-weight:700;line-height:19px;margin-right:0;opacity:1;position:static;
text-align:center;transition:all 0.1s linear;}
.contact-form-success-message {background:#e1dae7;border:none;bottom:0;
box-shadow:none;color:#6a5b7a;font-size:11px;line-height:19px;margin-right:0;
opacity:1;position:static;text-align:center;transition:all 0.1s linear;}
<script type='text/javascript'>
;$( "#contact h2.title" ).click(function() {$( "#contact .contact-form-widget" ).toggle("fast");});
</script>
<b:section class='contact section' id='contact' maxwidgets='1' >
<b:widget id='ContactForm1' locked='false' title='اتصل بنا' type='ContactForm'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;color: #F32525;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;color: #F32525;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
/* CSS Sitemap 6ef.co */
#bp_toc {background:transparent;width:100%;color:#999;margin-top:10px;margin:0 auto;padding:5px;}
.toc-header-col1 {padding:10px!important;line-height:15px;background-color:#e74c3c;width:250px;transition:all 0.3s ease-in-out;}
.toc-header-col2 {padding:10px!important;line-height:15px;background-color:#6cd9dd;width:75px;transition:all 0.3s ease-in-out;}
.toc-header-col3 {padding:10px!important;line-height:15px;background-color:#44cc9a;width:125px;transition:all 0.3s ease-in-out;}
.toc-header-col1:hover, .toc-header-col2:hover, .toc-header-col3:hover {opacity:0.9;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:15px;text-transform: lowercase;text-decoration:none;color:#fff;font-family:Electrolize,ge_ss_tvbold;font-weight:400;letter-spacing:0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding:10px;font-size:89%;;transition:all 0.3s ease-in-out;}
.toc-entry-col1:hover, .toc-entry-col2:hover, .toc-entry-col3:hover {background:#fff;}
.toc-entry-col1:nth-child(odd), .toc-entry-col2:nth-child(odd), .toc-entry-col3:nth-child(odd) {padding:10px;font-size:89%;}
.toc-entry-col1:nth-child(even), .toc-entry-col2:nth-child(even), .toc-entry-col3:nth-child(even) {padding:10px;font-size:89%;}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{text-decoration:none;color:#666;transition:all 0.3s ease-in-out;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#f6af54;}
span.toc-note {padding:10px;margin:10px 0;display:inline-block;background:#fff;
color:#666;}
#bp_toc table {width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0;border-color: transparent;}
#bp_toc tr:nth-child(even) {background:#fafafa}
#bp_toc tr:nth-child(odd) {background:#eee}
