صندوق الاشتراك بالمدونة بشكل جديد

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

اما بعد متتبعي ومتتبعات مدونة حاسوبي Astuce

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

اولا لنشاهد التجربة(انظر ايضا للجانب سترى الاضافة)

تركيب الاضافة

ما عليك سوى اضافة اداة HTML/JavaScript من صفحة التخطيط على مدونتك والصق فيها الكود التالي

<h3>
<style>
#mbt-sub-box h1{margin-top:5px; color:#F000;font-size:25px;margin-bottom:5px;text-align:center;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:240px; color:#666; margin-bottom:5px;}
#mbt-sub-box h5 {color:#fff;background:#e64946 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAPVuYGUTJd4S6DjQQdbfFY3QzdMhmwt6sQPQhXftjznzZHmz_VrSrrqVmP6erilechKZzXvgFlilsbgtv8q41AGUnUB7aE7QNseW_e3r1EfI8oP5e9Dhyphenhyphen-L2ZqmUmzqxnLG9hOVGNqPo/s1600/notify16.png') no-repeat right center}
#mbt-sub-box .text {border:1px solid #ccc;transition:all .5s;}
#mbt-sub-box .text:focus {border:1px solid green;width:280px;transition:all .5s;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#6CB5FF), to(#6CB5FF));background: -moz-linear-gradient(center top , #4D8DEE, #005CE6) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
</style>
<div id="mbt-sub-box">
<h1>
اشترك ليصلك جديد مدونتنا!
</h1>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=blogspot/dNQSIL',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true" rel="nofollow" target="popupwindow">
<center>
<input name="email" onblur="if (this.value ==
"") {this.value = "أدخل البريد الإلكتروني ...";}" class="text" onfocus="if (this.value == "أدخل
البريد الإلكتروني ...") {this.value = ""}" size="60" type="text" value="أدخل البريد الإلكتروني ..." />
<input name="uri" type="hidden" value="blogadditions" /> <input name="loc" type="hidden" value="en_US" /> <input class="submit" type="submit" value="أشترك الان" />
<h5>
المرجو تفعيل الاشتراك  بالضغط على رسالة التفعيل في بريدك</h5>
</center>
</form>
</div>
</h3>
<a href="http://astuce-hassoubi.blogspot.com" alt="حاسوبي Astuce" style="display:none;">حاسوبي Astuce</a>

تحديد الكل

ثم استبدل blogspot/dNQSIL باسم خلاصتك كما في المثال اسفله
"http://feeds.feedburner.com/blogspot/dNQSIL"
ولا تنسى اضافة الحرف s في رابط خلاصتك لكي لا تظهر رسالة تاكيد عند الدخول اليها
https://feeds.feedburner.com/blogspot/dNQSIL
مبروك عليك الاضافة ولا تنسى الاشتراك انت ايضا للتوصل بجديد مواضيعنا