معهد خبراء بلوجر - أداة الإشتراك في المواقع الإجتماعية والبريد الإلكتروني لمدونات بلوجر

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

http://4.bp.blogspot.com/-KUz4PpAloS...titrfsdfge.bmp
بالنسبة للمعاينة المباشرة، زر الصفحة التالية : هـــنـــا

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

الطريقة :

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

الكـــود :

كود بلغة HTML:

         <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); cursor:pointer;     }      .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="a51"  style="padding:0pt 5px 0pt 0pt;">      <table><tbody><tr>      <td>     <a   href="http://4we-eb.blogspot.com/feeds/posts/default"  rel="nofollow" target="_blank"><img  src="http://2.bp.blogspot.com/-g7FaIJ1OjgQ/Ttd3DAAytbI/AAAAAAAAEGI/ifepI3TXqhg/s1600/rss.png"  border="0" /></a>     </td>      <td>      <a  style="margin-right:5px;"href="http://www.twitter.com/4weeb"  rel="nofollow" target="_blank"><img  src="http://4.bp.blogspot.com/-82yXf2C2f7Y/Ttd3DvVP5-I/AAAAAAAAEGQ/9YRURg-wrPY/s1600/twitter.png"  border="0" /></a>     </td>      <td>     <a  style="margin-right:5px;"href="http://www.facebook.com/4weeb"  rel="nofollow" target="_blank"><img  src="http://3.bp.blogspot.com/-bnswEL1l4bI/Ttd3CJ0oSNI/AAAAAAAAEGA/MNN2fh77H4Q/s1600/facebook.png"  border="0" /></a>     </td>       </tr></tbody></table>     <div  class="a51bar">     <div class="emailsub">     <div  class="emailupdatesform">     <form  action="http://feedburner.google.com/fb/a/mailverify" method="post"  target="popupwindow"  onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=hamedblog',  'popupwindow', 'scrollbars=yes,width=550,height=520');return  true"><input gtbfieldid="10" class="emailupdatesinput"  name="email" value="بريدك الإلكتروني..."  onblur="if (this.value == '') {this.value = '  بريدك الإلكتروني...';}" onfocus="if (this.value ==  'بريدك الإلكتروني...') {this.value =  '';}" type="text" /><input value="hamedblog"  name="uri" type="hidden" /><input value="اشترك معنا لآن" class="joinemailupdates" type="submit" /></form></div></div></div></div>

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

http://4we-eb.blogspot.com/feeds/posts/default غيره برابط التغذية (الخلاصات) الخاص بك .

4weebغيره باسم حسابك على التويتر .

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

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

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

المصدر : http://4we-eb.blogspot.com/2013/02/blog-post_28.html