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

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

طريقة إضافة هذة الإضافة فى مدوناتكم :

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

<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/hanafihanga%20"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGBwXJ9WepvUIVcZTTgff2OjmZrC8xDPiBjkINIjVwydqW1rtbhnj6mmW5gAKiMAFc3NFNith0UHS9W72g9Tef9tNCnQly7xyetPC-K91rhyphenhyphenFlur-qDp4f4kWV8r4_ZzCwj6r-eXd4WAo/s1600/rss.png"></a>
    <a rel="nofollow" target="_blank" href="http://twitter.com/hanafihanga1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8q2_WWIUDsZBRJtMW9wjDVUUflnd4FWgMFOWOwvkhJM22JY5OtNLxtMl7TaOAZLwsldSNUwo0TwEF0bdcI4znY9YPCcONj3kdmqOC0bm-4oa0ISbY0j4iJ1Og2uzLYIKT3bQgmxBg9lo/s1600/tw.png"></a>
    <a rel="nofollow" target="_blank" href="http://www.facebook.com/hanafihanga"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwdcRLmk-zKVqJWj7Iobn5CEXVyVTfPqUnCLPWkjOcDUOZh7c4D4Y5ll0eh9UlD5SJ6VBdPxFDtwIZxBjv0PhxyKsYHB-O1ZqfpHA6LbO1bcOB0VOwFPaGq7EeHkc9TnrRxaRvbqj2-as/s1600/face.png"></a>
    </div>
    <div class="ins"> <center><div id="sleek-subscribe">
    <form action="http://feedburner.google.com/fb/a/mailverify?uri=hanafihanga" 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/AVvXsEgPfe3St5RF_Ayv5SwjyjGV4SbyFjSXNKzMdXd_RyR1pCSZhQce-AYJIgqaRqVsLZr5P3e5pkNt658y8yp0f6D5VZJIh1Z46Mgn1JHqIjzOO-bJJ8rYfkYZG2e8HP3jzbf_JYa3hLJmuAc/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/AVvXsEh-OdU_1qlykpPuKc_84KtBsktc-yNJA6hs0zefuUQokm5z-ijMbJyfXxAwT1AdxxoeuCIGER23iiuKsh6kQ40fwaPb8j9nNEVTHSFfMLoNFec3pjDmSRyCiYwTizZK89unzeVIx-Da_vs/s1600/sub.png);
    float:right;
    border:none;
    width:64px;
    height:28px;
    cursor:pointer;
    }
    </style>
    </div>

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

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

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

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

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

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

إدعمنا بمشاركة هذا الموضوع لتشجيعنا للإستكمال