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




طريقة التركيب

 انتقل إلى لوح تحكم مدونتك،

إختر "تخطيط" ثم إضافة أداة ,ثم اختر 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/AVvXsEil65ivXpByghhIDliGdvxNYWcQdVfytgZZdkYDLex7PyEtY_FT22UXlPAtfqWlgmDZFgub_0lyrvh7I3uGlgMaOmr-AFZ3FqMt4chLBygBWF-IH5MUJcg1zXO3iDM8zfEEx4WuguWH2Ec/s1600/rss.png"></a>



    <a rel="nofollow" target="_blank" href="http://twitter.com/#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWjzxCtNJnJJJhlQ5JYOWjR1jRFY9ODfjy6CNp4od7LyasrjBIZiJhUKWobdXkmFEa5BYYRKYRFFeXna8lHcvZzZWxkf1lgaU5Bd8-ZBx42mnvhgxnNmzrJnIR6umHaoh-PewZivhkR4w/s1600/tw.png"></a>



    <div class="ins"> <center><div id="sleek-subscribe">



    <a rel="nofollow" target="_blank" href="http://www.facebook.com/#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnnHNGahyOoI0NiJzG97P134qQjjkef66TGznD_orrMvz4dlHgY4_XspimOll9I7h-oaNE-8o9XkiMSbAYphJN0WKJhBIAWQuIkqKVID-gC3mr2Mjm0RNn-W9aP-aLnu0T9LcmOKfrSu4/s1600/face.png"></a>

    </div>


    <form action="http://feedburner.google.com/fb/a/mailverify?uri=#" 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/AVvXsEjVbpU8Vt5PqVxv2TYMLi2Gehyphenhyphenh9Jvvkf5cNj2nBIhtAdY1AMSi-tljKWISBJAVJxnYMaYboN4hYEyBwtU9S-EydD5dSQCrGNzadE6gz2PSeXKT8j6iW-yBAsvnLDwysQBZfvYquU6pygg/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;


    cursor:pointer;

    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/AVvXsEh07uwjCcIw5KXIH2Gudm6BXjuaN_qevzznlW6Lwom0lMPKJiENsyHirGQYqy92AdGJxPcmjKdkCLm-OaDcTZQT097AL_jOyffL4UBTeOr6IDv7oZ_olIcu63bKuD-w02ZG31DTTFqOaGI/s1600/sub.png);
    float:right;
    border:none;
    width:64px;
    height:28px;
    }


    </div>



    </style>



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

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


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

 

الاشتراك في: تعليقات الرسالة ( Atom )