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

السلام عليكم ورحمة الله وبركاته، مرحبا بكم من جديد في مدونة حنفى هنكة
 , في هذه التدوينة سوف اقدم لكم ان شاء الله إضافة أعجب بها الكثير ويبحث عنها الكثير , وهي عباره عن  لوحة او قائمة للإشتراك في المواقع الإجتماعية , فيس بوك وتويتر وايضا للاشتراك في 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/AVvXsEhPIsCHr7R-mcg4UeleLexZ-LcVEnfwJ42sGjT0Ng-iLdhPWzpDPcW62ymtpOTWY4K9__dHaRCUfbV2TMxr4dlSyBWI-MIwG6vIsrSz77tDt-OnNBWrHSK37449R2888IuesKzMD7X8ZTA/s1600/rss.png"></a>
    <a rel="nofollow" target="_blank" href="http://twitter.com/hanafihanga1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9YFTUlhyphenhyphenFdrSUzP4rs2oRUp65NiKmyEu11HVbQ9vpdhFM-BfVBCnWb0vcqDVNGrbr_lOkcQEzwKiQJXLun3sopeu4fN07tyi5D-K_ywHkYwkJx1voo2NMk85HDJ-8QopVCjDzplT6-Zw/s1600/tw.png"></a>
    <a rel="nofollow" target="_blank" href="http://www.facebook.com/hanafihanga"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWMy3BoOyzTmXYZBzvtyuzKaS0U-QPmOlbvONnuKDw-wc2TqYZ7ZWIodzD8I_9zfoi4wIm33eVRVszbGPdOdeqnSIaEACH0QMCpQobrQYoAJh7uVQYYK9rWL451hk3lZEuFWjd8SSmQY/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/AVvXsEhE7P06L1pK2Qq6QJYcvehc5LAL0wQRzQ3qUFWPfTRiB7n2v5UdNU0m52Seqqh5xK7Q-pUSdr8UFpBp_9lhkiYXVCrnqZeT8CYJcDMPlZzRAvtepejWELNhK6dypvewzbHVxJWwxyV8WeQ/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/AVvXsEgKCItE2Yvz9UGczF3wFRmeWA68gYOLRGASgCSum9eo6Je4lzDs-xQbsuimjDRW5U3JzKMz_nEm1h9iIDSqsEDUB5ttS21vYWWDD8iUit9fdwI9wbi9lHKe77QSjcd8sNY631NTngr2mo0/s1600/sub.png);
    float:right;
    border:none;
    width:64px;
    height:28px;
    cursor:pointer;
    }
    </style>
    </div>

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

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

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

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

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

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

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

شارك هذه الصفحة وتابعنا على صفحاتنا الرسمية

شارك الموضوع →

تويت

تابعنا →

إنشر الموضوع →