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

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

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

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

ندخل على لوحة التحكم >> قالب >>تحرير 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 باسم مستخدم صفحة الفيس بوك

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

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

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