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

                                           السلام عليكم

                                   اخواني اعضاء وزوار مدونة المهوس المغربي

اليوم نأتيكم بإضافة جميلة جداً

وهي صندوق الإشتراك في القائمة البريدية بشكل أنيق للغاية...

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

إذهب للوحة التحكم لبلوجر من هنا

1. إختر المدونة التي تريد تركيب الإضافة فيها
2. تخطيط
3. إضافة أداة
4. HTML/Javascript
5. و ألصق هذا الكود

<!--this widget by http://mrcteck.blogspot.com/ -->

<div class="widget-content">

<div class="lefts">

    <h1>إنضم لأكثر من <b>13025</b> متابع للمدونة</h1>

    <div class="social">

         <a target="_blank" href="https://www.facebook.com/here"><img src="http://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-facebook.png" /></a>

        

         <a target="_blank" href="http://twitter.com/here"><img src="http://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-twitter.png" /></a>

        

         <a target="_blank" href="http://www.youtube.com/user/here"><img src="http://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-youtube.png" /></a>

<a target="_blank" href="http://feeds.feedburner.com/here"><img src="http://cdn1.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-rss.png" /></a>

    </div>

    <div class="ins">

        <center>

        <div id="sleek-subscribe">

        <form action="http://feedburner.google.com/fb/a/mailverify?uri=here" method="post" rel="nofollow" target="_new">

       

        <input class="txt2" name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;ضع اميلك هنا ليصلك كل جديد&#39;;}" onfocus="if (this.value == &#39;ضع اميلك هنا ليصلك كل جديد&#39;) {this.value = &#39;&#39;;}" value="ضع اميلك هنا ليصلك كل جديد" />

        

        <input class="btn2" type="submit" value=" " />

        </form>

        </div>

        </center>

    </div>

    

</div>

<style>

.lefts{

width:300px;

height:182px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5xrq0aUdseDDoqgFHjMx5WbNoomvjYlTtC_eX31SH3yiLkRU4YBHmSsphZAmfHCbKcYN9wnJLTnBGjQs0FFBjJriRnkbhBQ7Ft6ZE4725v31FP4gFjVpX0moW2T4mF-Y4zLSrPqRIZvU/s1600/left.png);

}

.lefts h1{

color:#767676;

margin:0;

text-align:center;

font:14px  'DroidKufi-Bold';

padding:10px;

padding-top:20px;

}

.lefts b{

font:18px Arial, Helvetica, sans-serif;

color:#ffc000;

}

.lefts .social{

margin-right:18px;

}

.lefts .social a img{

float:right;

margin-right:20px;

margin-top:8px;

}

.lefts .ins{

width:300px;

height:40px;

float:right;

margin-top:15px;

}

.lefts .ins .txt2{

border:1px solid #e1e1e1;

background:#fff;

border-radius:5px;

font:12px Tahoma, Geneva, sans-serif;

color:#c0c0c0;

padding:6px 7px 7px 7px;

margin:0px;

float:right;

margin:0 20px 0 5px;

text-align:right;

    width: 175px;

}

.lefts .ins .btn2{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimtk_bwgfosyPkdbxkT7sJWPxhJCxjpnUbCk2czUH8gvykS9GkXU31CAFCRadOH8sIZQt620EvDHI6jWY8T7qti8YGzfR1lS2N9o-RKrfehtxWcYva2_sW-6XM6TMlSZbuvvL6PS7qIPw/s1600/sub.png);

float:right;

border:none;

width:64px;

height:28px;

cursor:pointer;

}

</style>

</div>

<!--this widget by http://mrcteck.blogspot.com/ -->

--------------------------------------------------------------

• غير https://www.facebook.com/here برابط صفحتك علىالفيسبوك
• غير here بإسم المستخدم الخاص بك على تويتر
• غير here بإسم المستخدم الخاص بك على اليوتوب
• غير here بإسم المستخدم الخاص بك على الفيدبرنر

ثم حفظ و مبروك عليك الإضافة