| Blog-Add |
03-11-2014 09:54 PM |
اضافة اشتراك بمواقع التواصل - اضافات بلوجر 2014
السلام عليكم ورحمة الله وبركاته
اقدم لكم اضافة الاشتراك بمواقع التواصل الاجتماعي بشكل انيق 2014
الشرح :
اذهب الي صفحة التخطيط واضف اداة جديدة HTML واضف بها الكود التالي :
كود PHP:
<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/ايدي حسابك%20"><img src="http://1.bp.blogspot.com/-MMfTtMO7PAA/T_Xl3rDR4II/AAAAAAAAAwk/pcHZAKjlUyo/s1600/rss.png"></a>
<a rel="nofollow" target="_blank" href="رابط تويتر"><img src="http://1.bp.blogspot.com/-Ji6pwjSjTlk/T_Xl4xptV2I/AAAAAAAAAw4/x21b84-XGNI/s1600/tw.png"></a>
<a rel="nofollow" target="_blank" href="رابط الفيس بوك"><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="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:urlundefinedhttp://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:urlundefinedhttp://1.bp.blogspot.com/-cboSdXM05sM/T_Xl4AQQkLI/AAAAAAAAAws/2TCB3doIz0c/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>
ضع روابط صفحاتك واحفظ العمل |
