اضافة القائمة البريدية الموجودة في مدونة محترفي الحاسوب لمدونات بلوجر



السلام عليكم  و رحمة الله و بركاته اهلاً بكم متابعي مدونة محترفي الحاسوب في تدوينة جديدة و اليوم سوف اقدم لكم اضافة القائمة البريدية الموجودة في مدونة محترفي الحاسوب

طريقة اضافة الكود :

  1. اذهب الي صفحة التحكم في بلوجر
  2. اذهب الي "التخطيط"
  3. قم بالضغط علي إضافة أداة و اختر HTML/JavaScript
  4. قم بلصق هذا الكود في الأداة

<style type="text/css">
#subscribe-wrapper {
background: url(http://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent;
padding: 3px;
}
#subscribe-box {
background: url(http://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7;
border-radius: 15px;
padding:5px;
overflow: hidden;
}
a.linkopacity img {
filter:alpha(opacity=75);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-ms-transition:All .5s ease;
-o-transition:All .5s ease;
transition:All .5s ease;
padding: 3px;
border: 1px solid #999;
}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
}
#subscribe-box:hover table {
    top: 0;
}
#subscribe-box h1{
margin-top: 5px;
color: black;
font-family: arial;
font-size: 15px;
margin-bottom: 5px;
line-height: 14px;
font-weight: bold;
text-align: center;
letter-spacing: -1px;
}
#subscribe-box table {
position: relative;
top: 40px;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-ms-transition:All .5s ease;
-o-transition:All .5s ease;
transition:All .5s ease;
margin-bottom: 0px;
}
#subscribe-box td {
padding: 2px;
}
#subscribe-box input{
background: white;
border: medium none;
font-size: 12px;
padding: 10px;
width: 150px;
color: #666;
font-family: arial;
margin-bottom: 3px;
width: 55%;
}
#subscribe-box input:focus{outline:none;}

#subscribe-box .submit{
background: #E73827;
color: #fff;
cursor: pointer;
font-weight: bold;
text-shadow: 0 1px 2px black;
width: 90px;
font-family: arial;
margin-left: -3px;
font-size: 14px;
}
</style>
<div id="subscribe-wrapper">
<div id="subscribe-box">
<h1>أشترك معنا لتحصل على جديد المدونة</h1>
<form action="http://feeds.feedburner.com/pro-7sob/Pqkw" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=add-b', 'add-b', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<center>
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;ضع ايميلك هنا...&quot;;}" onfocus="if (this.value == &quot;ضع ايميلك هنا...&quot;) {this.value = &quot;&quot;}" size="20" type="text" value="ضع ايميلك هنا..." />
<input name="uri" type="hidden" value="add-b" />
<input name="loc" type="hidden" value="en_us" />
<input class="submit" type="submit" value="أشترك" /></center></form>
<center>
<table>
<tbody><tr><td><a href="#" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/rss.png" /></a></td>
<td>
<a href="#" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/facebook.png" /></a>
</td>
<td>
<a href="#" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/twitter.png" /></a>
</td>
<td>
<a href="#" class="linkopacity" target="_blank"><img border="0" src="http://softglad.at.ua/images/Google.png" /></a>
</td>
</tr></tbody></table>
</center>
</div></div>

  1. اسبتدل # برابط الـRSS الخاص بمدونتك
  2. استبدل # برابط صفحتك علي الفيس بوك او رابط حسابك
  3. استبدل # برابط حسابك علي التويتر
  4. استبدل # برابط حسابك علي جوجل 

































نقل بدون تصريح ممنوع







هل أعجبك الموضوع ؟





























مرسلة بواسطة



في
























ليست هناك تعليقات:















إرسال تعليق




















        

      







الاشتراك في:
تعليقات الرسالة (Atom)


















              تابعنا على شبكاتنا الاجتماعية
            


















جميع الحقوق محفوظة لمدونةمحترفي الحاسوب2014





تصميم وتكويد : عمرو محمد