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

السلام عليكم ورحمة الله وبركاته، مرحبا بكم من جديد في مدونة جلال البعداني , في هذه التدوينة سوف اقدم لكم ان شاء الله إضافة أعجب بها الكثير ويبحث عنها الكثير , وهي عباره عن  لوحة او قائمة للإشتراك في المواقع الإجتماعية , فيس بوك وتويتر وايضا للاشتراك في 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/AVvXsEiy8NXiuAyTDrSUoMyves_QN6NicBmSTyWeM7kcPQoUF3PRCN3QYRknAR62KDjJI3qjAmRqMfSwuyyYSVmMektgl0TEqiVvBgLilzWupSn9H1j-vXpdWjPA1cSEJvBM3Tx09Vs0UHvcuog/s1600/rss.png"></a>
    <a rel="nofollow" target="_blank" href="http://twitter.com/albaadani1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihI1CQCx-r-w877hmdsbMbbWVSFN3KL46hWa0ekp9ZhUT-xO4UOfQWBkawu1yEA_yky5rYiGr6nqPhtaN3i9Z7jjRoi1tKL9bVQ2UYwJXJQl8Q6QngSqtJuhKoUk9GqqYxBR6tYllfL3M/s1600/tw.png"></a>
    <a rel="nofollow" target="_blank" href="http://www.facebook.com/alb33dani"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCoCCznL3WlKB9nCk5nBe4qrloZOANp8pq6n_gE5GDomEh946ZdXnoyyGMsbxJnyKCnStKvTfO8-IPanVdJjKdqN5yHqyEy5BfHKp6vXetrMyMXkPbdFDWUUsAGTG4eBDUuU7UktBIId0/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/AVvXsEjHV9H1D6F8Z8g_-bWNuHJU1gJtdrBSq_C2APAHARJJPXDp1dOFJZp-JDy8-LCcGF3-3CgPUfXRo09z0GaWjA1l4ZlZSqFI0jzxuAQtP8jqYNXKztDtl_l3J6wXjpy5UdAlna3Nap0Ww04/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/AVvXsEhXRchBrY1WMo91yk6rN7sCuDlF3uC1YDHNynmRK03DqezOWUaipT-wB7XVX8RLvU9GvIGFIHzUEt-19LimbDI3eYCxUCj6CPIl3jBe2QVCMSvJaNg7at9jA20T9W_-VajQJuX_Iy0Mu0g/s1600/sub.png);
    float:right;
    border:none;
    width:64px;
    height:28px;
    cursor:pointer;
    }
    </style>
    </div>
 الان قم باستبدال ما بالالوان باسماء حساباتك في rss وفيس بوك وتويتر

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

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

 وبالاخر.. لا تنسى ان تتابعني على حسابي في تويتر لتبقى على اطلاع بجديد المدونة

هناك 16 تعليقًا:

  1. @السيد ابو جبل
    من جمال ذوقك اخي تسلم على المرور العطر

    ردحذف
  2. @مختار الصالحي
    العفو اخي شكرا لمرورك العطر:((

    ردحذف
  3. تسلم اخي على دوقك الرائع

    ردحذف
  4. غير معرف6/9/13 19:51

    أخي جلال لدي لك 3 أسئلة أتمنى إجابتك في أقرب وقت
    1/ الخط الذي تستعمله في لوغوك و أيضا الذي أسفله
    2/أريد عمل فيدبرنر و الإشتراك في المدونة ماهي الطريقة
    3/ماهي معايير التبادل الإلكتروني معك

    ردحذف
    الردود
    1. 1- اسم الخط A Sardar Hoor وبالعربي خط ساردار الحر
      2- يمكنك مراجعة هذا الموضوع للاشتراك في فيدبرنر
      http://www.iraqshop1.com/2012/07/Subscribe-Service-feedburner.html
      3-وبخصوص التبادر الاعلاني فيمكنك الدخول على صفحة التبادل الاعلاني ومعرفة المعايير
      http://alb33dani.blogspot.com/p/blog-page_2.html

      بالتوفيق اخي

      حذف
  5. غير معرف7/9/13 16:06

    لقد راجعت الموضوع أخي جلال هل من ما يخص عدد المشتركين و نسبة المتابعة لكي نتابدل الإعلانات لأن مدونتي *بدائية من حيث الزوار *

    ردحذف
  6. الله يعطيك العاااافية موضوع رائع وإضافة رائعة :))

    ردحذف
  7. [-(
    كلمة اشتراك مش ظاهره

    ردحذف
    الردود
    1. نفس المشكلة معي اخي حاولت اضخم العرض لكن لم ينفع

      حذف
  8. اخى ارجوك الاجابة فى اقرب وقت كيفية تقسيم تعليقات الفيس وتعليقات بلوجر الى قسم يسار وقسم يمين مثل قالبك

    ردحذف
  9. عايز اضيف جوجل بلس ايضا بجوارهم
    my blog
    rahmaah.blogspot.com

    ردحذف