إضافة القطعة الاشتراك بالبريد الالكتروني بالأسفل المشاركات المدونة في بلوجر

يونيو 29, 2012

0

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

كيفية إضافة استمارة الاشتراك بالبريد الإلكتروني على Blogger؟

1- اذهب أولا إلى لوحة تحكم في Blogger > قالب
2- حمل نسخة من القالب
3- انقر على تحرير HTML
4- انقر على زر متابعة
5- تحقق من خانة الاختيار توسيع قوالب عناصر واجهة المستخدم
6- البحث عن الكود أدناه في القالب

( إضغط على زر CTRL +F في لوحات المفاتيح ثم إكتب الكود في المستطيل للبحت عنه)




 
<data:post.body/>

إضافة قطعة الكود أدناه بعد أن وجدت الكود سبق / فوق أو أسفل الكود




 
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
form.feedburner {
    margin: 20px 0 0;
    display: block;
    clear: both;
}

.helperbloggerstyle {
    background: url(http://2.bp.blogspot.com/-YHHzZ6_RLMU/T-1kl7RxNEI/AAAAAAAACD8/-

0FyeWj00vo/s1600/helperblogger.com-email-icon.png) no-repeat scroll 4px center 

transparent;
    padding: 7px 15px 7px 35px;
    color: #666;
    font-weight: bold;
    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;
}

.helperbloggersubmit {
    color: #666;
    font-weight: bold;
    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='
    #FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#helperblogger-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 #D3D3D3;
    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;
}

#helperblogger-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;
}

#helperblogger-widget td {
    padding: 3px 0;
}
</style>

<center><br/><div id='helperblogger-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='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 

0px;'>
    <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 

0px;font-family:georgia;font-style:italic; '>
     Get free daily email updates!
    </p>
    <form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' 

method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?

uri=StupidComputer', 'popupwindow', 

'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' 

target='popupwindow'>
     <input name='uri' type='hidden' value='StupidComputer'/>
     <input name='loc' type='hidden' value='en_US'/>
     <input class='helperbloggerstyle' name='email' onblur='if (this.value == 

"") {this.value = "Enter your email…";}' onfocus='if (this.value == 

"Enter your email…") {this.value = ""}' type='text' value='Enter 

your email…'/>
     <input alt='' class='helperbloggersubmit' title='' type='submit' value='Submit'/>
    </form>
   </td>
   <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 

0px;font-family: georgia; '>
     Follow us!
    </p>
    <a href='http://feeds.feedburner.com/StupidComputer' rel='nofollow' target='_blank' 

title='Suscribe to RSS Feed'><img src='http://1.bp.blogspot.com/-MCuPoLmu9vs/T-

1koEDzO6I/AAAAAAAACEU/01CNMKp86_k/s1600/helperblogger.com-rss.png'/></a>
    <a href='http://twitter.com/username on twitter' rel='nofollow' target='_blank' 

title='Follow us on Twitter'><img src='http://2.bp.blogspot.com/-7LTPdi6MD_w/T-

1ko16lqtI/AAAAAAAACEg/6ayFWM4zSlM/s1600/helperblogger.com-twitter.png'/></a>
    <a href='http://www.facebook.com/Wikilazy' rel='nofollow' target='_blank' 

title='Follow us on Facebook'><img src='http://4.bp.blogspot.com/-M8jY5Qg_58M/T-1kmmQ2Q

-I/AAAAAAAACEA/m7eJvpsH09c/s1600/helperblogger.com-fb.png'/></a>
    <a href='https://plus.google.com/104501982032122965585/' rel='nofollow' 

target='_blank' title='Follow us on Google+'><img src='http://2.bp.blogspot.com/-

CnhgXrrD_8A/T-1knYqgPSI/AAAAAAAACEI/8SL6MLH5sZw/s1600/helperblogger.com-gplus.png'/></a>
   </td>
  </tr>
  </tbody>
  </table>
  <div align='right'>
   <span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a 

href='http://goo.gl/j44B9' style='text-decoration: none;' target='_blank'><font 

color='#000' decoration='none'>[Get this widget]</font></a></span>
  </div>
  <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%

2FWikilazy&send=false&layout=standard&width=450&show_faces=true&acti

on=like&colorscheme=light&font=verdana&height=30" scrolling="no" 

frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px;" 

allowtransparency="true">
  </iframe>
  <a class='twitter-follow-button' href='http://twitter.com/username on twitter' 

rel='nofollow'></a>
  <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
 </div>
</div>
</center>
</b:if>

استبدال كافة StupidCompute (ثلاثة) مع اسم المستخدم الخاص بك فيدبورنر "Feedburner"

استبدال جميع Wikilazy (إتنين ) مع اسم المستخدم الخاص بك الفيسبوك

استبدال كافة username on twitter مع اسم المستخدم تويتر الخاصة بك

استبدال 104501982032122965585 مع هويتك ID في جوجل+

( إضغط على زر CTRL +F في لوحات المفاتيح للبحث )

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

إضافة القطعة الاشتراك بالبريد الالكتروني بالأسفل المشاركات المدونة في بلوجر

إرسال تعليق

Formulir Kontak