معهد خبراء بلوجر - اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)

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

صورة الاضافة
http://im29.gulfup.com/2012-08-17/1345214082931.png
التركيب >> لوحة التحكم >> تصميم >> عناصر الصفحة >> اضافة اداة >>HTML/JavaScript
الكود

كود بلغة HTML:

<div class="widget-content">

<div class="lefts">

    <h1>إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>

    <div class="social">

    <a target="_blank" href="1111"><img src="http://1.bp.blogspot.com/-MMfTtMO7PAA/T_Xl3rDR4II/AAAAAAAAAwk/pcHZAKjlUyo/s1600/rss.png"></a>



    <a target="_blank" href="2222"><img src="http://1.bp.blogspot.com/-Ji6pwjSjTlk/T_Xl4xptV2I/AAAAAAAAAw4/x21b84-XGNI/s1600/tw.png"></a>



    <a target="_blank" href="3333"><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="4444" method="post" target="_new">

       

        <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد">

        

        <input class="btn2" type="submit" value=" ">

        </form>

        </div>

        </center>

    </div>

    

</div>



<style>

.lefts{

        width:300px;

        height:182px;

        background:url(http://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:url(http://1.bp.blogspot.com/-cboSdXM05sM/T_Xl4AQQkLI/AAAAAAAAAws/2TCB3doIz0c/s1600/sub.png);

        float:right;

        border:none;

        width:64px;

        height:28px;

        cursor:pointer;

}









</style>

</div>

ما يلزم تغيرة
1111 : الخلاصة
2222: تويتر
3333: فيس بوك
4444: الاشتراك لقائمة البريدية
الى القاء في اضافة جديدة
:p::p::p::p::p::p::p::p::p::p::p::p::p::p::p::p::p ::p::p::p::p::p::p::p::p::p::p::p::p::p::p::p::p:: p::p::p::p::p:

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

ما شاء الله إضافة أنيقة ومفيدة
تستاهل الخمس نجوم :star::star::star::star::star: والإعجاب
تقبل مروري

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

اقتباس:

المشاركة الأصلية كتبت بواسطة عثمان بن الطالب (المشاركة 7598)

ما شاء الله إضافة أنيقة ومفيدة
تستاهل الخمس نجوم :star::star::star::star::star: والإعجاب
تقبل مروري

شكرا على ممــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــرورك
:bloggerexp:

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

اضافه رائعة حقا .:ok:.تسلم اخى

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

السلام عليكم ورحمة الله وبركاته
إضافة جميلة أخي مصطفى :ok:
بارك الله فيك

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

اضافة رائعة بارك الله فيك

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

اقتباس:

المشاركة الأصلية كتبت بواسطة REDA (المشاركة 7605)

اضافه رائعة حقا .:ok:.تسلم اخى

اقتباس:

المشاركة الأصلية كتبت بواسطة A.M.A.M.S (المشاركة 7627)

السلام عليكم ورحمة الله وبركاته
إضافة جميلة أخي مصطفى :ok:
بارك الله فيك

اقتباس:

المشاركة الأصلية كتبت بواسطة yosefssss (المشاركة 7650)

اضافة رائعة بارك الله فيك

شكرا على مروركم
:o::o::o::o::o::o::o::o:

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

جميلة جداً شكراً لك على هذه الاضافة الرائعه

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

شكرا لك ... انا املك الي في موقع عالم التقنية كاملة وبدون مشاكل

رد: اضافة قائمة المواقع الاجتماعية والاشتراك احترافية

ممكن كيف يكون كود الإشتراك في القائمة البريدية لأني لا أعرفه