صندوق اشتراك بالمدونة ثابت فوق الفوتر 2020

اقدم لكم اضافة مهمة و جميلة جدا

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

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

نذهب الى المظهر و نقوم بالبحث عن footer-wrapper و تضع الكود التالي فوقه

<!-- HMH.pe FeedBurner Subscription Form -->
<div id="HMH-FeedBurner">
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=halateck/tkmp', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" name="uri" value="halateck/tkmp" /><input type="hidden" value="en_US" name="loc" />
<input type="text" id="name" name="name" onfocus="this.value=&#39;&#39;" value="الأسم" placeholder="اكتب اسمك هنــا ..." />
<input type="text" id="email" name="email" onfocus="this.value=&#39;&#39;" value="الأيميل" placeholder="ضع الأيميل الخاص بك هنــا ..." />
<input type="submit" value="للأشتراك بالمدونة إضغط هنــا ... !" id="submit" name="submit" />
</form>
</div>

نقوم بالبحث عن /head و نضع الكود التالي فوقه

<style>
#HMH-FeedBurner {
background: #E8E8E8;
border: 1px solid #CCCCCC;
padding: 15px 0;
text-align: center;
width: 1150px;
    margin: 0px 60px 0px;
}
#HMH-FeedBurner input[type="text"] {
border: 1px solid #BBBBBB;
font-size: 13px;
margin: 0 0 15px 0;
    padding: 10px 42px 10px 10px;
width: 40%;
color:#888;
}
#HMH-FeedBurner input {
box-shadow: 0 2px 2px #BBBBBB;
-moz-box-shadow: 0 2px 2px #BBBBBB;
-webkit-box-shadow: 0 2px 2px #BBBBBB;
}
#name {
background: url(https://i.imgur.com/XrHTe.png) no-repeat scroll right center #FFFFFF;
}
#email {
background: url(https://i.imgur.com/2BCD0.png) no-repeat scroll right center #FFFFFF;
}
#HMH-FeedBurner input[type="submit"] {
background: #3B8DBD;
border: 1px solid #005588;
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 40px;
margin-top: 5px;
padding: 8px 0;
text-transform: capitalize;
width: 87%;
}
#HMH-FeedBurner input[type="submit"]:hover {
background: none repeat scroll 0 0 #005588;
}
</style>

قم بتغير معرف الفيد بانر halateck/tkmp بالمعرف الخاص بك

و قم بالحفظ