[mostafa alwin]

صورة الاضافة

التركيب >> لوحة التحكم >> تصميم >> عناصر الصفحة >> اضافة اداة >>HTML/JavaScript
الكود

<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: