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


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

 , في هذه التدوينة سوف اقدم لكم ان شاء الله إضافة أعجب بها الكثير ويبحث عنها الكثير , وهي عباره عن  لوحة او قائمة للإشتراك في المواقع الإجتماعية , فيس بوك وتويتر وايضا للاشتراك في 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="http://1.bp.blogspot.com/-MMfTtMO7PAA/T_Xl3rDR4II/AAAAAAAAAwk/pcHZAKjlUyo/s1600/rss.png"></a>
    <a rel="nofollow" target="_blank" href="http://twitter.com/hanafihanga1"><img src="http://1.bp.blogspot.com/-Ji6pwjSjTlk/T_Xl4xptV2I/AAAAAAAAAw4/x21b84-XGNI/s1600/tw.png"></a>
    <a rel="nofollow" target="_blank" href="http://www.facebook.com/hanafihanga"><img src="http://1.bp.blogspot.com/-G72sq5lmUso/T_Xl2uCj79I/AAAAAAAAAwY/K2V57d95yro/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:urlundefinedhttp://2.bp.blogspot.com/-UAPIdQxaao4/T_Xl3LPW5qI/AAAAAAAAAwc/OYWk7uq2X3c/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:urlundefinedhttp://1.bp.blogspot.com/-cboSdXM05sM/T_Xl4AQQkLI/AAAAAAAAAws/2TCB3doIz0c/s1600/sub.png);
    float:right;
    border:none;
    width:64px;
    height:28px;
    cursor:pointer;
    }
    </style>
    </div>
4-قم باستبدال ما بالالوان باسماء حساباتك في rss وفيس بوك وتويتر
 * ا ستبدل      hanafihanga          باسم حسابك في فيد برنر
 *  استبدل      hanafihanga        باسم حسابك في تويتر
 *  استبدل      hanafihanga              باسم حسابك في فيس بوك
  * استبدل      hanafihanga          باسم حسابك في فيد برنر لخدمة البريد الالكتروني


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

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

تعليقات