"اضافة" اشترك في القائمة البريدية بشكل جديد مثل عرب تك

"اضافة" اشترك في القائمة البريدية بشكل جديد مثل عرب تك

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

اولا شيئ احبائي في االله قم بذهاب الي لوحة تحكم مدونتك 

ثم اختر "قسم" قالب ثم قم بوضع الكود تالي قبل الوسام األاتي 

#avdhootblogger {
clear: both;
background: #E84C3D;
color: #fff;
display: block;
position: relative;
text-align: center;
line-height: 1.47;
}
#avdhootblogger input[type=submit]:hover {
background: #532621;
}
#avdhootblogger input[type=submit] {
border-radius: 0;
box-shadow: none;
padding: 17px 95px 17px;
border: none;
background: #7C352E;
cursor: pointer;
color: #FFF;
margin: 15px -2px 6px 0;
font-family: 'GESSTwoMediumRegular';
font-size: 13px;
margin-bottom: 20px;
}

لتحميل الكود اضغط هنا

والان بعد تركيب كود css قم بذهاب الي تخطيط المدونة ثم اضافة اداة ثم html/java 

وضع الكود تالي وهو كود الاداة 

<div class="widget HTML" id="HTML3">
<div class="widget-content">
<div id="avdhootblogger" style="padding:5px;">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=droussnet/OaTi" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=here/OaTi', 'popupwindow', 'scrollbars=yes,width=500,height=520');return true" target="popupwindow">
<div style="margin-bottom:10px;font:bold 16px GESSTwoMediumRegular;">إشترك بالقائمة البريدية</div>
<input name="email" style="padding: 15px 2px;
font-family: tahoma;text-align:center;
font-size: 13px;width:85%;" type="email" placeholder="أدخل بريدك الإلكتروني هنآ" /><br />
<input class="follow-by-email-submit" type="submit" value="إشترك" /><input name="uri" type="hidden" value="Add email Here" /><input name="loc" type="hidden" value="" />
<div class="socialicons">
<a href="https://www.facebook.com/amrweb2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1iD3H8vO8ProRMmVwFoDU0RoqZj4Lgdyy1PgMfWUP4RJLOGml8AqJnYkkXu5BzfPGLpm_unH3WNVBvj6cESv5LoUbytpNMBiL4EWiobjyMPLfQz-eZXbdpQxDfpZRGwOyxyGmpWcKy6y/s1600/facebook_64.png" title="Facebook" style="margin-left:5px;" /></a><a href="https://twitter.com/amrweb"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiMYAdYhwtWP7KFKJvhA9nyxhJsPw-6uRXhWrlulPR5IUSVElU7ZNCytezgaTiEzIsAJh0tLrYZ2oNMMPzLmTfbhRLocXhuzeTKHGHgsT4_FW0QZaB6tPNB6FfWmvFCQlhubjCPpNZIXAw/s1600/twitter_64.png" title="Twitter" /></a>
<a href="http://www.youtube.com/mramrweb"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM8bdRas4lXyMvkIiPJ6PGRELrap-cWemNc6pJa42WrWwcIObXLUh95wapjzmar2MB1p2N3bvJQ0EH0hmyYUZB3GewzXklOhe4RcBizW5nvz_oteux9HXEA153zqz2PPn4U5dEw8DDsMA/s1600/YB.png" title="Youtube" />

</a></div>
</form></div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=7777542214863093195&amp;widgetType=HTML&amp;widgetId=HTML3&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML3&quot;));" target="configHTML3" title="تحرير">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
</div>

لتحميل الكود اضغط هنا  

والان مبروك عليك . يمكنك الان تعديل علي روابط شبكة الاجتاعية ورابط الخلاصة 

غير ما ماهو ملون بما يناسبك