اضافة ' ابقى على تواصل معنا' اسفل المواضيع للمدونات 2013


السلام عليكم
كما يعلم الكل اهمية مواقع النشر والتواصل الاجتماعي
مواقع لا غنى عنها لكل من يملك موقع او  مدونة سواءا لجلب الزوار (مستهدفين او لا ) وسواءا لجعل الزائر يعود للمدونة مرة اخرى

هاته الاضافة عبارة عن - الكل في واحد -
 يعنى : تابعنا على الرسائل ( او الاشتراك عبر الرسائل )
        تابعنا على مواقع التواصل الاجتماعي كـ : الفايس بوك - تويتر - جوجل +
        خلاصة المواضيع RSS واضافات اخرى ممكن تضيفها
       زر الاعجاب بصفحة الفايس بوك
       وزر التابعون للتويتر .... ويمكنك ان تزيف ازرار انضمام اخرى
اضافة مفيدة للمدونات . 2013

طريقة التركيب :
اذهب الى : لوحة التحكم - قوالب - تحرير html - لا تنسي ' 
<data:post.body/>
هناك مدونات ستجد فيها ثلاثة من هذا الكود وهناك مدونات تحتوي على اثنين من هذا الكود في كلتا الحالتين سنضع الكود التالي تحت الكود الثاني في الاعلى اي : <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
form.feedburner {
    margin: 20px 0 0;
    display: block;
    clear: both;
}
.ar-cookies-style {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP37Eu5P3h1G1ok05DJzWQg8_8PTnXxOBRwUcJ4k2pf36pBT0HJa_kcEW0dGmUHwrCc9yfwKrfYqLW2itgA4A0fEWmoWYonVdLKRy7QJ4hT58LEZtjtEPrY8iOIIQc0thlOAW1W7QZyphK/s30/ar-cookies.blogspot.com-email-icon.png) no-repeat scroll 4px center transparent;
    padding: 7px 15px 7px 35px;
    color: #666;
    font-weight: bold;
    font-family:tahoma;
    text-decoration: none;
    border: 1px solid #D3D3D3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}
.ar-cookies-submit {
    color: #666;
    font-weight: bold;
    font-family:tahoma;
    text-decoration: none;
    padding: 6px 15px;
    border: 1px solid #D3D3D3;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -goog-ms-border-radius: 4px;
    border-radius: 4px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
    #FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#ar-cookies-widget {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -goog-ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #a0a0a0;
    padding: 8px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 480px;
    -webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: inset    0px 0px 8px rgba(50, 50, 50, 0.75);
    box-shadow: inset         0px 0px 8px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;
}
#ar-cookies-widget:hover {
    background: none repeat scroll 0 0 #FFF;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}
#ar-cookies-widget td {
    padding: 3px 0;
}
</style>
<center><br/><div id='ar-cookies-widget'>
 <div id='emailwidget'>
  <table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
  <tbody>
  <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
   <td align='right' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#010431; font-weight: bold; font-size: 14px; margin:-1px 0px 5px 0px;font-family:tahoma; '>
      تابع جديد المدونة برسالة على ايميلك
    </p>
    <form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mnjdo&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
     <input name='uri' type='hidden' value='blogspot/mnjdo'/>
     <input name='loc' type='hidden' value='en_US'/>
     <input class='ar-cookies-style' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;ادخل ايميلك هنا …&quot;;}' onfocus='if (this.value == &quot;ادخل ايميلك هنا …&quot;) {this.value = &quot;&quot;}' type='text' value='ادخل ايميلك هنا …'/>
     <input alt='' class='ar-cookies-submit' title='' type='submit' value='اشتراك'/>
    </form>
   </td>
   <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#010431; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px;font-family: tahoma; '>
    تابعنا على
    </p>
    <a href='http://feeds.feedburner.com/blogspot/mnjdo' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1CxJzZjnypz-HMGoDOzbE4P2XS3kOkwbjQoQoGgFNfFKTx0M5tOfftANBhkNxOl9YyNhlxfNx1S2oWnqLwynJMV0uw8OvwimF1KREa0YHiBEA7JlqOjbXHOdrQySXHl63cQCb7oY3w2F4/s43/ar-cookies.blogspot.com-rss.png'/></a>
    <a href='http://twitter.com/ArCoockies' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHt9xexTQrcPhJw4Oouh0G5slspVAjBRX-7kibSZl1fNG79CeVyksZkTXxokaXqNEWuVsxV74EjJQkJCkMrx91ayOBpMTLcbcTCDsLSwOBdHtX8KyyNbyGfpvJrB9YpuULWg7YQgmP7mL7/s43/ar-cookies.blogspot.com-twitter.png'/></a>
    <a href='http://www.facebook.com/pages/رابط صفحتك على الفايس بوك' rel='nofollow' target='_blank' title='تابعنا على الفايسبوك'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2m3V4VjJ-oeHgmyDvatfwZbO1QahqFZISYVtpfjFByFqCMG9thUorEB0APbVaWp_2zrjQOJJf30x11M43M2mNH8lCj7aghOnIbQFPETJ5bKWDV6Ds5PHTXWrkdbcgfSMbrM4RLBxHR6f_/s43/ar-cookies.blogspot.com-fb.png'/></a>

    <a href='https://plus.google.com/106706584390541424888/' rel='nofollow' target='_blank' title='تابعنا على Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKc4KGkNb68O7LRtHHZbgKCQSzea58v3QfMuUMmvGYAmYwnsTklfvXtpGU-wyktNFJtRmobnRZnQpMcGlGroP9ilYd_pR_J7UFybS_yV2Z2JaiamkcOtZAmEdVIdy8qbYLs-n_TUs94kjQ/s43/ar-cookies.blogspot.com-gplus.png'/></a>
   </td>
  </tr>
  </tbody>
  </table>
   <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages/رابط صفحتك على الفايس بوك&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=30' style='border:none; overflow:hidden; width:450px; height:30px;'>
  </iframe>
  <a class='twitter-follow-button' href='http://twitter.com/ArCoockies' rel='nofollow'/>
  <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
 </div>
</div>
</center>
</b:if>
 ما ستقوم بتغييره : 
font-family : tahoma اذا لم يعجبك نوع هذا الخط فغيره الى اي نوع تريد (ستجده مكرر اكثر من مرة غيرة في كل الحالات)

blogspot/mnjdo بمعرفك في خدمة feedburner  (هناك ثلاثة اكواد) 

 http://twitter.com/ArCoockies بصفحتك في تويتر 

 رابط صفحتك على الفايس بوك بمعرف صفحتك على الفايس بوك 

 106706584390541424888 بمعرف صفحتك على جوجل للصفحات

يمكنك زيادة صفحات اخرى كما يمكنك ازالة صفحات فقط قم بمحى ما لا تريده ان يظهر من   <a href='https:/ الى g'/></a>

نرجوا ان تكونو قد استفدتم معنا ... اي استفسار نحن في الخدمة .... 

كلمات البحث القادمة من جوجل : 
طريقة اضافة تابعتا على الفايس بوك وتويتر للمدونات 2012 
اضافة ازرار التواصل الاجتماعي بطريقة مميزة لبلوجر 2013 
اضافة خدمة اشترك معنا عبر الرسائل بتصميم مميز لبلوجر 2013 
اضافة جميع خدمات التواصل الاجتماعي في اداة واحدة للمدونات - بلوجر 2013