مدونة محمد عماد : اضافة ازرار المواقع الاجتماعية باحتراف

السلام عليكم ورحمة الله تعالى وبركاته 

تكلمنا في الدرس السابق عن كيفية اضافة تعليقات الفيس بوك لمشاهدة الدرس من هنا  اليوم سنتكلم عن كيفية اضافة ازرار المواقع الاجتماعية باحتراف الدرس سهل وبسيط جدا كل ما عليك القيام به هو الذهاب الى لوحة التحكم الخاصة بمدونتك ومن ثم اذهب الى تخطيط  اضافة اداة واختر HTML/JavaScirpt وضع هذا الكود في الفراغ 

<div class="widget-content"> <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/AVvXsEi_Cv1DAJbO87ZZWzrHeIA4KctVNxpJsP06GyGWlOUjqBMBq5DJB-v8DsZ7ZgOfYwwUJT199O_bPFPABYSs6J5eF5SjC-PxvOklB9nZPtx8aE6nP4a-1rbp98Rs2vWqeVIr1OdiGf5DdBs/s1600/rss.png"></a> <a rel="nofollow" target="_blank" href="2222"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLhxW55SCVmZwR1RaWjLQqLq1v1yI1L6wCh1FmTxS0PD5npAamVZCNdvSTtz_piuea7CBkKF6vyoQKKOIVjkdFCzvED_XNdnzXZsVPsb4y28YUHUBgyxYQemWOBdkGYH8N4Zch5m_k4lo/s1600/tw.png"></a> <a rel="nofollow" target="_blank" href="3333"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAxl7PmK31CmmFDctAqmyk-m6zh-05cSGUcIEAgbZAtx9WfZZ0vK-ZaxVl3xGUoicbL4s00WuMC3-onxwHXsiunNCY9FuC7-Edtq_PJwQrKUghW59dIlVrGBQQyRkjPCqvZyOD-B2uK54/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/AVvXsEiL7aateQH7QtfjKY-7yiNv7HYacNS1PxBn_M2iscq2shXkEmYhSpxVK9CHTQRJ5W4rh3wexeHNIRyr_jSzfYGKanWCVYx9hQxdMY93X_-3JIo22Cm7TL9ZFBP7BTufoxOlomjKQvi8I-Y/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/AVvXsEjO4I9sWJZ9xiDIuV1jXVgnXuTVM5EhU0hZf-SX9RzCZb8fnPO51Pyt9O4e4s49abZ6gBOf939ec6vLkocv9yNTilALVCdVQYGl-BW8BQyGRFtVLcZ3nJtewcFYOqKuLpjCYTHeP7fYvAw/s1600/sub.png); float:right; border:none; width:64px; height:28px; cursor:pointer; } </style> </div>

مع تغيير 

1111 : الخلاصة

2222: متابعة تويتر

3333 : متابعة الفيس بوك

4444 : الاشترالك في القائمة البريدية

الى هنا يكون قد انتهى الدرس الى اللقاء في درس اخر