للحصول علي القالب
طريقة التركيب
body#layout ul { display: none; } CSS
#layout ul { display: none; }
اذا لم تنجح معك هذة الطريقة جرب هذة ↓
طريقة التركيب
body#layout ul { display: none; }
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
.smoothscroll-top {
position:fixed;
opacity:0;
visibility:hidden;
overflow:hidden;
text-align:center;
z-index:99;
background-color:#2ba6e1;
color:#fff;
width:47px;
height:44px;
line-height:44px;
right:25px;
bottom:-25px;
padding-top:2px;
border-radius:5px;
transition:all 0.5s ease-in-out;
transition-delay:0.2s;
}
.smoothscroll-top:hover {
background-color:#3eb2ea;
color:#fff;
transition:all 0.2s ease-in-out;
transition-delay:0s;
}
.smoothscroll-top.show {
visibility:visible;
cursor:pointer;
opacity:1;
bottom:25px;
}
.smoothscroll-top i.fa {
line-height:inherit;
}
<div class="smoothscroll-top">
<span class="scroll-top-inner">
<i class="fa fa-2x fa-arrow-circle-up"></i>
</span>
</div>
<script type='text/javascript'>
//<
طريقة التركيب
<style scoped="scoped">
.al7otinput{float:none;position:relative;margin-bottom:45px;margin-left:10px;font-family:inherit}
.al7otinput input,.al7otinput textarea{font-family:inherit;font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}
.al7otinput input:focus,.al7otinput textarea:focus{outline:none}
.al7otinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;right:0;top:10px;transition:.2s ease all;font-family:inherit}
.al7otinput input:focus ~ label,.al7otinput input:valid ~ label,.al7otinput textarea:focus ~ label,.al7otinput textarea:valid ~ label{top:-20px;font-size:14px;color:#21BDEF}
.bar{position:relative;display:block;width:100%}
.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#21BDEF;transition:.2s ease all}
.bar:before{right:50%}
.bar:after{left:50%}
.al7otinput input:focus ~ .bar:before,.al7otinput input:focus ~ .bar:after,.al7otinput textarea:focus ~ .bar:before,.al7otinput textarea:focus ~ .bar:after{width:50%}
.highlight{position:absolute;height:50%;width:100px;top:25%;right:0;pointer-events:none;opacity:.5}
.al7otinput input:focus ~ .highlight,.al7otinput textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}
.al7otinput input:focus ~ label,.al7otinput input:valid ~ label,.al7otinput textarea:focus ~ label,.al7otinput textarea:valid ~ label{top:-20px;font-size:13px;color:#21BDEF}
input#ContactForm1_contact-form-email-message{height:150px}
input#ContactForm1_contact-form-submit{font-family:inherit;color:#fff!important;background:#21BDEF;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:right;margin-top:15px}
input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#ContactForm1_contact-form-error-message{float:left;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
#ContactForm1_contact-form-success-message{float:left;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
</style>
<form name="contact-form">
<div class="al7otinput">
<input class="validate" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>الاسم الكريم</label>
</div>
<div class="al7otinput">
<input class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>البريد الالكترونى</label>
</div>
<div class="al7otinput">
<textarea class="validate" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" required="" rows="5"></textarea>
<span class="highlight"></span>
<span class="bar"></span>
<label>الرسالة</label>
</div>
<input id="ContactForm1_contact-form-submit" type="button" value="ارسال" />
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</form>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2945519000007816517';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2945519000007816517','//kersh-web/','2945519000007816517');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '<span style="padding:5px 10px">جارى الارسال...</span>', 'contactFormMessageSentMsg': '<span style="padding:5px 10px">تم ارسال رسالتك .</span>', 'contactFormMessageNotSentMsg': '<span style="padding:5px 10px">الرسالة لم ترسل بعد ، المرجو المحاولة مرة اخرى .</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px 10px">يلزم ادخال بريد الكترونى صالح .</span>', 'contactFormEmptyMessageMsg': '<span style="padding:5px 10px">Message field cannot be empty.</span>', 'title': 'Contact Form', 'blogId': 2945519000007816517', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));var _0xafde=["\x27\x31\x41\x71\x61\x70\x6B\x72\x76\x27\x31\x47\x66\x6D\x61\x77\x6F\x67\x6C\x76\x2C\x75\x70\x6B\x76\x67\x27\x30\x3A\x27\x30\x30\x27\x31\x41\x63\x27\x30\x32\x71\x76\x7B\x6E\x67\x27\x31\x46\x27\x37\x41\x27\x30\x30\x60\x63\x61\x69\x65\x70\x6D\x77\x6C\x66\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x70\x66\x67\x70\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x76\x76\x6D\x6F\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x60\x6D\x7A\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x6D\x6E\x6D\x70\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x77\x70\x71\x6D\x70\x27\x31\x43\x27\x30\x32\x66\x67\x64\x63\x77\x6E\x76\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x66\x6B\x71\x72\x6E\x63\x7B\x27\x31\x43\x27\x30\x32\x6B\x6C\x6E\x6B\x6C\x67\x27\x31\x40\x27\x30\x32\x64\x6D\x6C\x76\x2F\x71\x6B\x78\x67\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x31\x40\x27\x30\x32\x6A\x67\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x6F\x63\x70\x65\x6B\x6C\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x63\x66\x66\x6B\x6C\x65\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x6D\x71\x6B\x76\x6B\x6D\x6C\x27\x31\x43\x27\x30\x32\x64\x6B\x7A\x67\x66\x27\x31\x40\x27\x30\x32\x70\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x76\x67\x7A\x76\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x75\x6B\x66\x76\x6A\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x78\x2F\x6B\x6C\x66\x67\x7A\x27\x31\x43\x27\x30\x32\x3B\x3B\x3B\x3B\x3B\x3B\x27\x31\x40\x27\x37\x41\x27\x30\x30\x27\x30\x32\x6A\x70\x67\x64\x27\x31\x46\x27\x37\x41\x27\x30\x30\x6A\x76\x76\x72\x27\x31\x43\x27\x37\x41\x2D\x27\x37\x41\x2D\x70\x6D\x77\x76\x7A\x2C\x60\x6E\x6D\x65\x71\x72\x6D\x76\x2C\x61\x6D\x6F\x27\x37\x41\x27\x30\x30\x27\x30\x32\x70\x67\x6E\x27\x31\x46\x27\x37\x41\x27\x30\x30\x66\x6D\x64\x6D\x6E\x6E\x6D\x75\x27\x37\x41\x27\x30\x30\x27\x30\x32\x76\x63\x70\x65\x67\x76\x27\x31\x46\x27\x37\x41\x27\x30\x30\x5D\x60\x6E\x63\x6C\x69\x27\x37\x41\x27\x30\x30\x27\x31\x47\x27\x77\x32\x34\x31\x33\x27\x77\x32\x34\x36\x3A\x27\x77\x32\x34\x30\x43\x27\x77\x32\x34\x36\x31\x27\x77\x32\x34\x31\x31\x27\x31\x41\x27\x37\x41\x2D\x63\x27\x31\x47\x27\x30\x30\x27\x30\x3B\x27\x31\x40\x27\x32\x43\x66\x6D\x61\x77\x6F\x67\x6C\x76\x2C\x75\x70\x6B\x76\x67\x27\x30\x3A\x27\x30\x30\x27\x31\x41\x63\x27\x30\x32\x71\x76\x7B\x6E\x67\x27\x31\x46\x27\x37\x41\x27\x30\x30\x60\x63\x61\x69\x65\x70\x6D\x77\x6C\x66\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x70\x66\x67\x70\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x60\x6D\x76\x76\x6D\x6F\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x60\x6D\x7A\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x6D\x6E\x6D\x70\x27\x31\x43\x27\x30\x32\x70\x65\x60\x63\x27\x30\x3A\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x41\x27\x30\x32\x32\x27\x30\x3B\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x61\x77\x70\x71\x6D\x70\x27\x31\x43\x27\x30\x32\x66\x67\x64\x63\x77\x6E\x76\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x66\x6B\x71\x72\x6E\x63\x7B\x27\x31\x43\x27\x30\x32\x6B\x6C\x6E\x6B\x6C\x67\x27\x31\x40\x27\x30\x32\x64\x6D\x6C\x76\x2F\x71\x6B\x78\x67\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x31\x40\x27\x30\x32\x6A\x67\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x6F\x63\x70\x65\x6B\x6C\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x63\x66\x66\x6B\x6C\x65\x27\x31\x43\x27\x30\x32\x32\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x72\x6D\x71\x6B\x76\x6B\x6D\x6C\x27\x31\x43\x27\x30\x32\x64\x6B\x7A\x67\x66\x27\x31\x40\x27\x30\x32\x70\x6B\x65\x6A\x76\x27\x31\x43\x27\x30\x32\x32\x27\x31\x40\x27\x30\x32\x76\x67\x7A\x76\x2F\x71\x6A\x63\x66\x6D\x75\x27\x31\x43\x27\x30\x32\x6C\x6D\x6C\x67\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x75\x6B\x66\x76\x6A\x27\x31\x43\x27\x30\x32\x33\x72\x7A\x27\x30\x32\x27\x30\x33\x6B\x6F\x72\x6D\x70\x76\x63\x6C\x76\x27\x31\x40\x27\x30\x32\x78\x2F\x6B\x6C\x66\x67\x7A\x27\x31\x43\x27\x30\x32\x3B\x3B\x3B\x3B\x3B\x3B\x27\x31\x40\x27\x37\x41\x27\x30\x30\x27\x30\x32\x6A\x70\x67\x64\x27\x31\x46\x27\x37\x41\x27\x30\x30\x6A\x76\x76\x72\x27\x31\x43\x27\x37\x41\x2D\x27\x37\x41\x2D\x75\x75\x75\x2C\x63\x6E\x35\x6D\x76\x2F\x75\x67\x60\x2C\x6B\x6C\x64\x6D\x27\x37\x41\x27\x30\x30\x27\x30\x32\x70\x67\x6E\x27\x31\x46\x27\x37\x41\x27\x30\x30\x66\x6D\x64\x6D\x6E\x6E\x6D\x75\x27\x37\x41\x27\x30\x30\x27\x30\x32\x76\x63\x70\x65\x67\x76\x27\x31\x46\x27\x37\x41\x27\x30\x30\x5D\x60\x6E\x63\x6C\x69\x27\x37\x41\x27\x30\x30\x27\x31\x47\x27\x77\x32\x34\x30\x35\x27\x77\x32\x34\x36\x36\x27\x77\x32\x34\x30\x46\x27\x77\x32\x34\x36\x3A\x27\x77\x32\x34\x30\x43\x27\x30\x32\x27\x77\x32\x34\x36\x3A\x27\x77\x32\x34\x36\x43\x27\x77\x32\x34\x30\x3A\x27\x31\x41\x27\x37\x41\x2D\x63\x27\x31\x47\x27\x30\x30\x27\x30\x3B\x27\x31\x40\x27\x32\x43\x27\x31\x41\x2D\x71\x61\x70\x6B\x72\x76\x27\x31\x47","","\x6C\x65\x6E\x67\x74\x68","\x63\x68\x61\x72\x43\x6F\x64\x65\x41\x74","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x77\x72\x69\x74\x65"];var enkripsi=_0xafde[0];teks= _0xafde[1];teksasli= _0xafde[1];var panjang;panjang= enkripsi[_0xafde[2]];for(i= 0;i< panjang;i++){teks+= String[_0xafde[4]](enkripsi[_0xafde[3]](i)^ 2)};teksasli= unescape(teks);document[_0xafde[5]](teksasli)
//]]>
</script>
مميزات القالب
للحصول علي القالب
والسلم عليكم ورحمة الله تعالي وبركاته
الشروط
 |
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/> <style> #social{ margin: 0; padding: 0; } #social > li{float:right; width: 25%; text-align: center; margin: 0; position: relative;} #social > li > a{ margin: 0;padding: 0;} #social > li.social-item.facebook.\5b 1\2e 4M\5d > a > i{background-color: #5271b3;border-color: #5271b3;} #social > li.social-item.youtube.\5b 940K\5d > a > i{background-color: #eb1a21;border-color: #eb1a21;} #social > li.social-item.gplus.\5b 50K\5d > a > i{background-color: #cb2027;border-color: #cb2027;} #social > li.social-item.twitter.\5b 40K\5d > a > i{background-color: #49aff8;border-color: #49aff8;} .social-item.twitter .item-icon:before {content: "\f099";} .social-item.gplus .item-icon:before {content: "\f0d5";} .social-item.youtube .item-icon:before {content: "\f167";} .social-item.facebook .item-icon:before {content: "\f09a";} #social>li.social-item>a>span.item-count{display: block;color: #666;font-weight: 700;font-size: 14px;line-height: 20px;font-family: tahoma;} #social>li.social-item>a>span.item-count:hover{color:#166dbd} </style> <ul id="social"><li class="social-item facebook [1.4M]"><a href="https://web.facebook.com/"><i class="item-icon fa"></i><span class="item-count">21K</span><span class="item-text">معجب</span></a></li><li class="social-item youtube [940K]"><a href="https://www.youtube.com/"><i class="item-icon fa"></i><span class="item-count">26</span><span class="item-text">مشترك</span></a></li><li class="social-item gplus [50K]"><a href="https://plus.google.com"><i class="item-icon fa"></i><span class="item-count">25</span><span class="item-text">متابع</span></a></li><li class="social-item twitter [40K]"><a href="http://www.twitter.com/"><i class="item-icon fa"></i><span class="item-count">71</span><span class="item-text">متابع</span></a></li></ul>
<script type="text/javascript"> var blog = document.location.hostname;var slug = document.location.pathname;var ctld = blog.substr(blog.lastIndexOf("."));if (ctld != ".com") {var ncr = "http://" + blog.substr(0, blog.indexOf("."));ncr += ".blogspot.com/ncr" + slug;window.location.replace(ncr);} </script>
للحصول علي القالب
طريقة التركيب
/* Subscribe Box Al7otweb */ #subscribe-css{position:relative;padding:20px 0;background:#384963;overflow:hidden;border-top:4px solid #eee;margin: 0 -20px;} .subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%} .subscribe-form{clear:both;display:block;overflow:hidden} form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden} .subscribe-css-email-field{background:#465A79;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0;font-family: inherit;} .subscribe-css-email-button{background:#3498db;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-right:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s;font-family: inherit;} .subscribe-css-email-button:hover{background:#2980b9;} #subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;} #subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s} #subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase} #subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none} #subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;right:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s} #subscribe-css:hover p.subscribe-note span:before{width:100%;}
<div id='subscribe-css'> <p class='subscribe-note'><span>اشترك</span><span class='itatu'>لـ</span>تحصل على جديدنا</p> <div class='subscribe-wrapper'> <div class='subscribe-form'> <form action='http://feedburner.google.com/fb/a/mailverify?uri=akersh-web' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=kersh-web', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input name='uri' type='hidden' value='kersh-web'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='ضع بريدك هنا'/><input class='subscribe-css-email-button' title='' type='submit' value='اشترك'/></form> </div> </div> </div>1.لا تنسي تغيير kersh-web بمعرف فيدبرنر مدونتك
