استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
11-02-2013, بتوقيت غرينيتش 12:20 AM
#1
أداة الإشتراك في المواقع الإجتماعية والبريد الإلكتروني لمدونات بلوجر
السلام عليكم ورحمة الله تعالى وبركاته، اخواني أخواتي متتبعي وزوار مدونة 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="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>
تعديل الكود code بما يناسبك :
- **4We-eb غيره برابط التغذية (الخلاصات) الخاص بك .
- 4weeb غيره باسم حسابك على التويتر .
- http://www.facebook.com/4weeb غيره برابط صفحتك على الفيسبوك. وبهذه المناسبة أدعوكم بالإشتراك بصفحتي
يمكنك أيضا التعديل على الكتابات الظاهرة في الإضافة عن طريق تغيير مايلي :
- بريدك الإلكتروني...
- اشترك معنا لآن
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة salima في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 01:59 PM
-
بواسطة salima في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:15 AM
-
بواسطة loulou ange في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:08 AM
-
بواسطة linnou في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:06 AM
-
بواسطة admin في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:05 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى