السلام عليكم ورحمة الله تعالى وبركاته، اخواني أخواتي متتبعي وزوار مدونة blog فورويب، في هذا الموضوع اريد ان أضع بين أيدي كل من يعشق التدوين عن طريق منصة بلوجر ( Blogger ) وخصوصا منهم الذين يهتمون بجمع أكبر عدد من المشتركين والمتابعين سواء من المواقع الاجتماعية ( تويتر، فيسبوك، جوجل GOOGLE بلس،...) أو عن طريق القوائم البريدية ( جمع إميلات الزوار ) اضافة تعمل عمل وصل بين صفحات المواقع الاجتماعية والقوائم البريدية والموقع، حيث تجعل الزائر يشترك وبالتالي المزيد من المتابعة والمزيد من الزوار المهتمين .





بالنسبة للمعاينة المباشرة، زر الصفحة التالية : هـــنـــا

إذا أعجبتك الاضافة وتريد اضافتها المرجو منــك متابعة الطريقة التالية :





الطريقة :



  • اتجه الى لوحة تحكم مدونتك
  • اذهب الى قسم " تصميم "
  • اضغط على اضافة أداة في المكان الذي تريد اضافت الأداة فـــيه
  • اختر أداة HTML/JAVASCRIPT
  • ثــم الصق الكود code التــالى :



الكـــود :

رمز Code:
<style type='text/css'> .a51 a{ color: #6e6e6e; font: bold 13px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #dcdcdc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .a51 a:hover { color: #333; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .a51 a:active { color: #000; border-color: #444; } .a51bar{ width:280px; float: right; margin-right:3px; margin-top:5px; padding:0;} .a51bar .emailsub{border-bottom: 0px solid #e6e6e6; padding:0px 0 15px 0; float: right; width: 100%; font-family: Helvetica, Arial;} .a51bar .emailsub .emailupdatesform{width: 100%; float: left; padding:0px;} .a51bar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3; float: right; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 15px; width: 130px; height:30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .a51bar .emailsub .emailupdatesform input.emailupdatesinput:hover{ border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .a51bar .emailsub .emailupdatesform input.joinemailupdates:hover{ border-color: #666; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); cursorointer; } .a51bar .emailsub .emailupdatesform input.joinemailupdates{ border: solid 1px #dcdcdc; background: #F3F3F3; font-family:Helvetica, Arial; text-transform: none; color: #989898; height: 25px; padding: 0 10px; margin:0 5px 0 0; font-weight:bold; font-size:15px; height:30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .a51bar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3; float: right; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 15px; width: 145px; height:28px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .a51bar .emailsub .emailupdatesform input.joinemailupdates{ border: solid 1px #dcdcdc; background: #F3F3F3; font-family:Helvetica, Arial; text-transform: none; color: #989898; height: 25px; padding: 0 0px; margin:0 5px 0 0; font-weight:bold; font-size:15px; height:30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } </style> <!--[if IE 8]> <style> .a51bar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3; float: right; border: 1px solid #dcdcdc; padding: 5px 10px; color: #0A0101; font-size: 13px; width: 130px; height:18px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .a51bar .emailsub .emailupdatesform input.joinemailupdates{ border: solid 1px #dcdcdc; background: #F3F3F3; font-family:Helvetica, Arial; text-transform: none; color: #0A0101; height: 25px; padding: 0 5px; margin:0 5px 0 0; font-weight:bold; font-size:15px; height:30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } </style> <![endif]--> <div class=&quot;a51&quot; style=&quot;padding:0pt 5px 0pt 0pt;&quot;> <table><tbody><tr> <td> <a href=&quot;http://4we-eb.blogspot.com/feeds/posts/default&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;><img src=&quot;http://2.bp.blogspot.com/-g7FaIJ1OjgQ/Ttd3DAAytbI/AAAAAAAAEGI/ifepI3TXqhg/s1600/rss.png&quot; border=&quot;0&quot; /></a> </td> <td> <a style=&quot;margin-right:5px;&quot;href=&quot;http://www.twitter.com/4weeb&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;><img src=&quot;http://4.bp.blogspot.com/-82yXf2C2f7Y/Ttd3DvVP5-I/AAAAAAAAEGQ/9YRURg-wrPY/s1600/twitter.png&quot; border=&quot;0&quot; /></a> </td> <td> <a style=&quot;margin-right:5px;&quot;href=&quot;http://www.facebook.com/4weeb&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;><img src=&quot;http://3.bp.blogspot.com/-bnswEL1l4bI/Ttd3CJ0oSNI/AAAAAAAAEGA/MNN2fh77H4Q/s1600/facebook.png&quot; border=&quot;0&quot; /></a> </td> </tr></tbody></table> <div class=&quot;a51bar&quot;> <div class=&quot;emailsub&quot;> <div class=&quot;emailupdatesform&quot;> <form action=&quot;http://feedburner.google.com/fb/a/mailverify&quot; method=&quot;post&quot; target=&quot;popupwindow&quot; onsubmit=&quot;window.open('http://feedburner.google.com/fb/a/mailverify?uri=hamedblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true&quot;><input gtbfieldid=&quot;10&quot; class=&quot;emailupdatesinput&quot; name=&quot;email&quot; value=&quot;بريدك الإلكتروني...&quot; onblur=&quot;if (this.value == '') {this.value = ' بريدك الإلكتروني...';}&quot; onfocus=&quot;if (this.value == 'بريدك الإلكتروني...') {this.value = '';}&quot; type=&quot;text&quot; /><input value=&quot;hamedblog&quot; name=&quot;uri&quot; type=&quot;hidden&quot; /><input value=&quot;اشترك معنا لآن&quot; class=&quot;joinemailupdates&quot; type=&quot;submit&quot; /></form></div></div></div></div>

تعديل الكود code بما يناسبك :

  • **4We-eb غيره برابط التغذية (الخلاصات) الخاص بك .
  • 4weeb غيره باسم حسابك على التويتر .
  • http://www.facebook.com/4weeb غيره برابط صفحتك على الفيسبوك. وبهذه المناسبة أدعوكم بالإشتراك بصفحتي



يمكنك أيضا التعديل على الكتابات الظاهرة في الإضافة عن طريق تغيير مايلي :

  • بريدك الإلكتروني...
  • اشترك معنا لآن








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©