الجمعة، 29 مايو 2015

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

 إضافة أعجب بها الكثير ويبحث عنها الكثير , وهي عباره عن  لوحة او قائمة للإشتراك في المواقع الإجتماعية , فيس بوك وتويتر وايضا للاشتراك في 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/AVvXsEjvvvd8xf8vKxttSUz_O80ToQAn7RZvKSiqDf3p6YPqzltk5hxUDxFknhr7siDhA32vXAswgIQHttBB0XreXCBsgFXter-YoRWYKnbyv251f2NDDkrgQ9LyPiMM7k4SZ2AN73YBgxr0lTA/s1600/rss.png"></a>
    <a rel="nofollow" target="_blank" href="http://twitter.com/albaadani1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhakJ9ds_D8hzVW-Qdu4nKu2OOebz2JHcqrJprtsr7_-ffJRt61qIAVBxYJhLEGGArP6Bc8eWxpgi30PNWgKK2XKH6WvBYO8NTfD2rJ7zk607N4QmaNy-DhgXIS0a9QJd4AI6cuGUIkzKE/s1600/tw.png"></a>
    <a rel="nofollow" target="_blank" href="http://www.facebook.com/alb33dani"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh67B0upGhhIy5U4l3_DkfoiRvybzEvd4hitmSkNESK36_dtmONdPIgvKc2dKuTw8kxVL-u_ZSJCUQvwXHZFE6Us7ApKosqA62FwA_Aimqvg8Jr1tCUvENwCu8xMyUhD_l17wm4Tbetvo/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/AVvXsEjmS2LcaJBr6nP0hkPCSGEF7ibNLnFivDFDF8STvtYfcrzMURQ7CUOsMBotaUBVPI9varrLoY9-sDCjJ6rX1S7P65CoRl7iGcAMEijrb7Cj-T3oLPvjHloy2iQFkRudGfQM62RMqLL5hWI/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/AVvXsEhJW6oN2llvbCMB41EMVNL69pOuJCLLKmE3sAcPC6SHZnqa-96TxunkY_6o3b8yktQ-IbcuCYCHOdhes6ybJKFIj3cxl5K9iy99SX18PXKpZC0wYT19YgB6epXcZESjcEGVLoVg8PvICRA/s1600/sub.png);
    float:right;
    border:none;
    width:64px;
    height:28px;
    cursor:pointer;
    }
    </style>
    </div>
 الان قم باستبدال ما بالالوان باسماء حساباتك في rss وفيس بوك وتويتر

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

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

0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets