بسم الله الرحمن الرحيم
احباء مدونة
فيوتشر نت
اقدم لكم اليوم
احباء مدونة
فيوتشر نت
اقدم لكم اليوم
طريقة اضافة خاصية الاشتراك في المواقع الاجتماعية للبلوجر
نبدأ على بركة الله
اذهب الى التخطيط ومن ثم اضافة اداة واختر
HTML/JavaScript
وضع الكود التالي
<div class="lefts">
<h1>إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social">
<a rel="nofollow" target="_blank" href="1111"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibHZ0clvPKODShGx2acondl5N_G0zXIcLFo5iYCaBKHeOWkIdBZ0Zv5bann8n0xwe_HIx8LockWKu1gJd02XtkfTrgKV1WMx3xC3QUOyseqaRDXRmsn9FwhUyfHhEfcwKZk8rQtskTa3g/s1600/rss.png"></a> <a rel="nofollow" target="_blank" href="2222"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBETQa2fITTjYMAEhDD7pDl7_Pmw1q8I44sB-QbM2xCswyUkNC1D75H63ZQ1rwXSerK-7vAYeC4p2qRHYcZ0r8b98lO74BNxHZxHT2OKdTLsTxgTtgL5p6I53HSGhR4Pej2BQfQaKKOGk/s1600/tw.png"></a> <a rel="nofollow" target="_blank" href="3333"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHMrEx3YYo7OwgmcmeQpSk6_rcW4pINzQjYtsmRsxczClNQV9n7-m6PRJeZUJ5fGguxERcbgJBDnhuzQRxhxS0IHRxtpT2H1VWOpnXM6KhVXtgjE-wnvJp1EL4NtegGlLkf3wSh1Vb7dg/s1600/face.png"></a> </div> <div class="ins">
<center>
<div id="sleek-subscribe">
<form action="4444" method="post" rel="nofollow" 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6lxzl9PY9TdKdQ25xLY8JMUStakVkcUDiPtzhZ9K1zE6I15f0Wf0jSACKW8ZRdgK2GK6Yqb4f12q2ys-mKCtirzRzKlEeSrbzd80wsidR9R6LhJQ5GECZYk25FqR6xT5huXaIZeRvfrM/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8tZFJPDFxEdjD1S3hYMfZv2xLWDiMJwHCwVKlWtMRGmgpavXxEgz0eZsofZNIuN0H95LngD0BNIJZkyV9MxRaMtfS2O5H6y8GQQ65N8PLC92r4ZzQ8mI-qJxb2rdCXqU4ppjZMVzxBQ/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>
1111 : الخلاصة
2222: تويتر
3333: فيس بوك
4444: الاشتراك لقائمة البريدية
0 التعليقات:
إرسال تعليق