لوحة الإشتراك في المواقع الإجتماعية

السلام عليكم ورحمة الله وبركاته، مرحبا بكم في هذه التدوينة الجديدة والحصرية في مختبر بلوجر

اليوم أود أن اقدم لكم إضافة أعجب بها الكثير ويبحث عنها الكثير الكثير

دورها :

هي لوحة او قائمة للإشتراك في المواقع الإجتماعية مثل فيس بوك وتويتر وايضا للاشتراك في rss والقائمة البريدية

لن أطول أكثر وإليكم طريقة التركيب ...

لوحة التحكم -> تصميم -> عناصر الصفحة -> اضافة اداة ->HTML/JavaScript

<div class="widget-content">
<div class="lefts">
    <h1>إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
    <div class="social">
    <a rel="nofollow" target="_blank" href="1111"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeGUJQWf3a6lK5JUV1QaIAClbSyUSTfh4sgS_oBhtgJAfXKh6-5WrFoix1yz_9sRwx4aCsOGcT_tnO2oG-HA7wMlkJizRcj1ttMQXi7Npk-7CESElPQCZaMJGqPWWa3dyxJzmBauiXlPk/s1600/rss.png"></a>

    <a rel="nofollow" target="_blank" href="2222"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHr1ff_lgcuv4CpiLSmV3nTDYLSyNqy6e4GRzbVspfwWpJfrXdSSJ6opV2RealuaGOKic7msWrsoWWW5p3h9P_Cb9tZElu_HL2FRHzlJABKaRYCWhvb3uxZOeJBdtBILTrCnO4qTb7OKU/s1600/tw.png"></a>

    <a rel="nofollow" target="_blank" href="3333"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Ej1vfkIiCfebqJl3EoFMFyoBMn17l20IxF-zFLf4DIZ7ozzeetBQ1GPNuD2hTGJW1i4_zF0PTN_HEfZ1r5CtWyE9Ecg18vN-m4Qk6Opt7dEYKwqmVB1mhePGsyk-1KXduyRrc9LbDCM/s1600/face.png"></a>

    </div>

    <div class="ins">
        <center>
        <div id="sleek-subscribe">
        <form action="4444" method="post" rel="nofollow" target="_new">
     
        <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" 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/AVvXsEj3jFfOl1YfO49HwoVMBIvKronntMrUp29KDHgyl6ZzBpmP3AQlovPGlooqpHhbDAqimDQ8Pde_WJfLJiFVIvqVizZv8uRdjOmrAiU0D5r6pw_D0VOAe6Ium6ZsDVz4MbiKdcmDqQIhEa8/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:50px;

}


.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/AVvXsEjYK6Dz0619JB-rTcdZ4dmK5DhllTWmQ0kmLPDuTsF9s5mJFaKYBiWq5oel6Z1abXXoyelQBlNZv90DJCQG-qVwhhBD0YtnP0OqpQqziyQWVW6vrNpf30d_uTMq1DTXcSjCpT9rMODk4sU/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}




</style>
</div>

ولا ننسى أن نقوم بالتغييرات التالية

1111 : الخلاصة 
2222: تويتر 
3333: فيس بوك 
4444: الاشتراك لقائمة البريدية