اضافة زر الصعود في مدونات بلوجر

في كل وقت نبحث عن اضافة راقية لمواقعنا لكي نجعل مظهر الموقع احلا بكتير في هذة التدوينة نقدم لكم اضافة زر الصعود الي الاعلي لمواقعنا

شرح طريقة التركيب

1. توجه لقالب >> تحرير 
2. ابحث بإستعمال Ctrl+F عن <head/> ثم ضع الكود التالي فوقه

الكود هو فقط لإظهار الأيقونة إذا كنت تتوفر عليه فلا داعي لإضافته

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

3. ابحث عن ]]></b:skin ثم ضع الكود التالي فوقه

.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;
}

4. ابحث عن <body/> ثم ضع الكود التالي فوقه

<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'>
//<![CDATA[
$(function(){ 
$(document).on( 'scroll', function(){
if ($(window).scrollTop() > 100) {
$('.smoothscroll-top').addClass('show');
} else {
$('.smoothscroll-top').removeClass('show');
}
}); 
$('.smoothscroll-top').on('click', scrollToTop);

الي هنا انتهينا من شرح تركيب الاضافة
لا تنسي تقيما للموضوع

اضافة صفحة اتصل بنا في بلوجر بشكل انيق

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

طريقة التركيب

اذهب الي لوحة التحكم >> توجة الي الصفحات

اذهب الي صفحة جديدة >> اذهب الي HTML
قم باضافة الكود >> واضغط علي تأليف

<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>

||| ملاحظة

لا تنسي تغيير ما باللون البرتقالي بما يخص مدونتك

أضافة أداة التبادل الأعلانى بشكل جديد ورائع على القرش ويب !

بسم الله الرحمن الرحيم

أهلاً زوار القرش ويب



اليوم سأقدم لكم أضافة رائع لكل مدون  وهذه الأضافة حصرية على

القرش ويب أضافة رائع بمقاس 125x125

وأيضاً كل مدون يحتاج لهذه الإضافة

وغالباً كل مدون يبحث عن مدونة ترتيبها منخفض لعمل تبادل أعلانى

وكل مدون يحتاج أضافات رائعة لجعل مدونته أكثروا جمالاً

ويمكنك أضافة صورة أو بنر متحرك

لن أطيل عليكم نذهب إلى

طريقة تركيب الأضافة
 طريقة التركيب سهلة جدا أولاً تذهب إلى التخطيط

ثانياً  أختر أداة html\JavaScript

وبعد أن أنتهينا من طريقة تركيب الأضافة نأتى إلى

رابط التحميل

من هنا

اضافة تابعنا علي مواقع التواصل الاجتماعي لمدونات بلوجر

اضافة تابعنا علي مواقع التواصل الاجتماعي لمدونات بلوجر | هي اضافة مهمة لكل مدون ولكل مدونة لانها تساعد الزائر في التواصل معك بشكل سريع وبدون تعب

طريقة التركيب :-

1. توجة الي لوحة تحكم بلوجر > التخطيط > اضافة اداة
2. اختر HTML/JavaScript ضع الكود التالي > حفظ

<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 &gt; li{float:right; width: 25%; text-align: center; margin: 0; position: relative;} #social &gt; li &gt; a{ margin: 0;padding: 0;} #social &gt; li.social-item.facebook.\5b 1\2e 4M\5d &gt; a &gt; i{background-color: #5271b3;border-color: #5271b3;} #social &gt; li.social-item.youtube.\5b 940K\5d &gt; a &gt; i{background-color: #eb1a21;border-color: #eb1a21;} #social &gt; li.social-item.gplus.\5b 50K\5d &gt; a &gt; i{background-color: #cb2027;border-color: #cb2027;} #social &gt; li.social-item.twitter.\5b 40K\5d &gt; a &gt; i{background-color: #49aff8;border-color: #49aff8;} .social-item.twitter .item-icon:before {content: &quot;\f099&quot;;} .social-item.gplus .item-icon:before {content: &quot;\f0d5&quot;;} .social-item.youtube .item-icon:before {content: &quot;\f167&quot;;} .social-item.facebook .item-icon:before {content: &quot;\f09a&quot;;} #social&gt;li.social-item&gt;a&gt;span.item-count{display: block;color: #666;font-weight: 700;font-size: 14px;line-height: 20px;font-family: tahoma;} #social&gt;li.social-item&gt;a&gt;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>

اضافة اشترك بالنشرة االبريدية فوق الفوتر بشكل جديد

أهلا بكل زوار مدونة القرش ويب هذة التدوينة اضع لكم اضافة اشترك بالنشرة البريدية بشكل جديد في الفوتر وان هذة الاضافة مهمة لكل مدون لانها تساعد كل مدون من الحصول علي كل جديد من التدوينات الذي تقدمها

طريقة التركيب

1. اضغط علي قالب > تحرير HTML 
2. ضع الكود التالي فوق ]]></b:skin>

/* 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%;}

ضع الكود التالي فوق </body>

<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 (&apos;http://feedburner.google.com/fb/a/mailverify?uri=kersh-web&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 بمعرف فيدبرنر مدونتك
 2.قم بحفظ القالب ومبروك الاضافة