اضافة صندوق الإشتراك في القائمة البريدية



السلام عليكم ورحمة الله وبركاته زوار ومتابعي مدونة عدنان ويب اهلاً بكم في تدوينة جديدة


اليوم سوف أقدم لكم في هذه التدوينة إضافة  بلوجر وهي  قائمة الإشتراك في النشرة البريدية 


                                                                      والأن طريقة التركيب:

ندخل على لوحة التحكم >> قالب >>تحرير html>> ونبحث عن ]]></b:skin>ونضيف الكود التالي قبله :
 /* CSS Subscribe Box */
#subscribe-box {width:auto;height:auto;background-color:transparent;}
#subscribe-box .title {background:#42454f;color:#e8eaef;font-family:&#39;Lobster&#39;,ge_ss_threeregular;font-size:18px;font-weight:400;margin:0 0 0 0;padding:12px 15px 12px 65px;position:relative;border-right:3px solid #DD2D39;text-transform:uppercase;transition:all .5s ease-out;}
#subscribe-box p {font-family:&#39;Lobster&#39;,ge_ss_threeregular;font-size:13px;color:#696B74;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {
background: #2e3138;
color: #b2b5be;
padding: 10px;
margin-top: 10px;
font-size: 13px;
font-family: &#39;Droid Arabic Kufi&#39;, serif;
width: 92%;
border: 0;
border: 1px solid #464a54;
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
transition: all 0.4s ease-in-out;
}
#subscribe-box .emailfield input:focus {outline:none;background:#25272d;color:#e8eaef;}
#subscribe-box .emailfield .submitbutton {background:#f74e3e;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active {padding-top:11px;padding-bottom:9px;}
#subscribe-box .emailfield .submitbutton:hover{background:#ca4033;color:#fff!important;}
#PopularPosts1 &gt; div &gt; ul &gt; li:nth-child(1) &gt; div.item-thumbnail-only &gt; div.item-title {
margin-top: -29px;
}
#PopularPosts1 &gt; div &gt; ul &gt; li:nth-child(2) &gt; div.item-thumbnail-only &gt; div.item-title {
margin-top: -31px;
}
#PopularPosts1 &gt; div &gt; ul &gt; li:nth-child(3) &gt; div.item-thumbnail-only &gt; div.item-title {
margin-top: -29px;
}
#PopularPosts1 &gt; div &gt; ul &gt; li:nth-child(4) &gt; div.item-thumbnail-only &gt; div.item-title {
margin-top: -25px;
}
ندخل على لوحة التحكم >> قالب >>التحطيط >> ونضيف اداة جديدة  ونضيف فيها الكود التالي :
<div dir="rtl" style="text-align: right;a img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}" trbidi="on">
<div id="subscribe-box">
<div class="emailfield">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=adnan-web" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=adnan-web',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a href="https://www.facebook.com/AdnanMhmoud9" rel="nofollow" target="_blank"><img border="0" src="http://icons.iconarchive.com/icons/designbolts/free-retro-style-social/64/Facebook-icon.png" /></a>&nbsp;<a href="https://twitter.com/AdnanMhmoud9" target="_blank"><img border="0" src="http://icons.iconarchive.com/icons/designbolts/free-retro-style-social/64/Twitter-icon.png" /></a>&nbsp;<a href="http://www.youtube.com/user/AdnanMhmoudOfficial" target="_blank"><img border="0" src="http://icons.iconarchive.com/icons/designbolts/free-retro-style-social/64/Youtube-icon.png" /></a>&nbsp;<a href="https://plus.google.com/u/0/102954265116813233103" target="_blank"><img border="0" src="http://icons.iconarchive.com/icons/designbolts/free-retro-style-social/64/Google-Plus-icon.png" /></a><br />
<input name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}" onfocus="if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}" type="text" value="إسمك الكامل" /><br />
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}" onfocus="if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}" type="text" value="بريدك الإلكتروني" /><br />
<input name="uri" type="hidden" value="Lunafy" />
<input name="loc" type="hidden" value="en_US" />
                <input class="submitbutton" type="submit" value="إشترك الأن!" />
              <br />
<br /></form>
</div>
</div>

</div>

                                                            ثم نستبدل ما يلي بما يناسبك :

                                                         استتبدل adnan-web باسم الخلاصة الخاصة بك




           استتبدل AdnanMhmoudOfficial باسم مستخدم اليوتيوب الخاص بك




               استتبدل AdnanMhmoud9 باسم مستخدم التويتر الخاص بك




                                 استتبدل AdnanMhmoud9 باسم مستخدم صفحة الفيس بوك


                                           انتهى الشرح انتظروا شروحات جديد من عدنان ويب




                                                              لاتنسى ترك تعليق يشجعنا

                                                             الرجاء عند النقل ذكر المصدر



Hm

عدنان المحمود : من سورية, حبي وعشقي للتدوين هو ما جعلني استمر بتقديم كل ما اعرفه لمساعدة المبتدئين ،أعشق العمل والتصميم على الفوتوشوب ، وتصميم وتطوير المواقع ,ومدونة نقطة أبداع تعبر عما اهواه .