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

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

صورة الاضافه

كيفية اضافة هذه الاداه الى مدوناتكم

     انتقل إلى لوح تحكم مدونتك،
   إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
   والآن الصق داخل المستطيل الكود التالي :

    <div class="widget-content">
    <div class="lefts">
    <h1>إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
    <div class="social"><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/albaadani%20"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRnnIQIskMn1ZipvcKQeiZ0vL3dep1mc8neeFBpYd5QcmPHv2oAQMWdavQ8aD6SCNThjDWsVU8GbdsB0DGtVZVK7gigDHuOHJ0FqdZs_6aF7B5JDemU4YVl0fmQ_vChx_tR5MPgDi1e74/s1600/rss.png"></a>
    <a rel="nofollow" target="_blank" href="http://twitter.com/albaadani1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWa5vFiiz8J9GYX809gS7WyaNYMJa94Z8rIxPV6Q0TBuG31yGk4Vw3rHNVDxySf9M5Dk_FK8LmuZNxlkhwxxLwL4vRNe5G3q_qNwbY-33UBz5GlM7m81lwqrfrOx-AJnoPJ4CCxTBmlrk/s1600/tw.png"></a>
    <a rel="nofollow" target="_blank" href="http://www.facebook.com/alb33dani"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ0mHXf1L_k1SRYaoQDhPk8zdrsnY2g9voMLSSiJwMThzcnm5B5nQtI77YHlBLdDWo4pm8h7pb9pf-onRP68a03urptGduJt-F7xDVo3fhyphenhyphenBov2XkbhXxrZf-xi8PK7gBjoCrtmXBFCOE/s1600/face.png"></a>
    </div>
    <div class="ins"> <center><div id="sleek-subscribe">
    <form action="http://feedburner.google.com/fb/a/mailverify?uri=albaadani" method="post" rel="nofollow" target="_new"> <input class="txt2" name="email" onblur="if undefinedthis.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if undefinedthis.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد"><input class="btn2" type="submit" value=" ">
    </form>
    </div>
     </center>
    </div> </div>
    <style>
    .lefts{
    width:300px;
    height:182px;
    background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOKG-IQv6Gbp2LGfd08M1h6PE3xNqxYSbfNBT_sosFNZ5VX1mI4gD5Q2z9U9E3KPiA5Addh-nOp-Pz7_ADcrZnUbk38N91gmoeH3Afc9Fzio1NlSItQct7hLiOZsmFOJ4B-Hb3D8G21qI/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:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIdCypOxRHH3XLVF6-ePSgRwKMrOTJZclHrbW1egyhW-7WWa1llv8Ij1xH437mrBaKTEtrPfjTklfPGhh6GrXaQCise74f6q6TwHL86vu9zPwtgeyzSLKeinPeInDYt8Gh3xUmHfYcbWA/s1600/sub.png);
    float:right;
    border:none;
    width:64px;
    height:28px;
    cursor:pointer;
    }
    </style>
    </div>

الان قم باستبدال ما بالالوان باسماء حساباتك في rss وفيس بوك وتويتر

* ا ستبدل albaadani باسم حسابك في فيد برنر

* استبدل albaadani1 باسم حسابك في تويتر

* استبدل alb33dani باسم حسابك في فيس بوك

* استبدل albaadani باسم حسابك في فيد برنر لخدمة البريد الالكتروني

الان قم بحفظ الاداه ومبرووووووووووك عليك الاضافه

وبالاخر.. لا تنسى ان تتابعني على حسابي في تويتر لتبقى على اطلاع بجديد المدونة

By glok