أشكال جميل الاشتراك بالبريد الإلكتروني في Blogger

الاشتراك في  البريد الالكتروني هو وسيلة شعبية جدا للاشتراك في  أي مدونة / موقع إلكتروني  على الانترنت و متابعة أحدث مباشرة في صندوق البريد، لهذا السبب قد تلاحظ دائما أن عدد المشتركين في التلقيمات 'Feeds' هو أكثر دائما من أي أخرى من الأعضاء الاجتماعية و  شبكة اجتماعية. اليوم أنا ذاهب لمشاركة بعض  الأشكال الجميلة الاشتراك إلكترونيا التي تم تصميمها من قبل design3edge ولقد تم  وتحويلها إلى قطعة Blogger  من ملف. PSD. كما هو الحال دائما ولقد حاولت جهدي لجعل هذا الدرس مع تركيب في  خطوة واحدة. يجيب عليكم فقط أنسخ و لصق ألكود. الآن دعونا انتقل إلى أشكال ومعرفة كيفية إضافتها إلى مدونة بلوجر .

كيفية إضافة أشكال الاشتراك البريد الإلكتروني إلى Blogger


         1.   أولا تحديد النموذج الخاص بك
         2.   نسخ الكود من أسفل النموذج
         3.   استبدال اسم المستخدم مع الإسم الخاص بك
         4.   انتقل إلى  لوحة التحكم الرئيسية ل blogger > تخطيط
         5.   انقر على إضافة أداة
         6.   اختر HTML / JavaScript
         7.  لصق كود وحفظه.

البريد الالكتروني نمط نموذج 1

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiad70XpYrdV1otHMhJ3YcHO1ad9oHRBATd3p6__YZKugXeiDz6Ur-mEhQOT_Pfdmi1KNGAAAG9WOFegD9peELNVgKEOhsvxA3KwGyAGgweEPswOBuyqZijcZ65GBPM8YsWDGmHW2tBl2I/s1600/helperblogger.com-blue.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}

form#helperblogger-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}

form#helperblogger-emailform #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 227px;
}

form#helperblogger-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}</style>

<div id="helperblogger-emailbox">
    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=StupidComputer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="StupidComputer" name="uri" />
        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"
        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

البريد الالكتروني نمط نموذج 2

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvUjG9UMijhX02OQ8X9JyVThBC6fY2gGz80CfY1DVMYSfxZGXiCoK68H_kN-NZlJTmpFCxrEV-QEHyB7gqZm7_lWCKPlbEHrho3S9lt8_kq7GhU9gIwCQn5gEZ-tD1_PMSbqcgfVhL7BU/s1600/helperblogger.com-silver.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}
 
form#helperblogger-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}
 
form#helperblogger-emailform #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 227px;
}
 
form#helperblogger-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}</style>
 
<div id="helperblogger-emailbox">
    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=StupidComputer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="StupidComputer" name="uri" />
        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"
        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

البريد الالكتروني نمط نموذج 3

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdWlrFKYXieLO256GyFEZ2Mo705G-q73Tmtn5KDWiNfpcWiFLIcsJC_r8mmGtseWa8fRrH58r21v0q8vU8RDFzL2VvZZomlQsHyjL21vMJOQ5kcxj6cK2JdFM0-thyyDoVAgoZ_5p9JGg/s1600/helperblogger.com-red.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}
 
form#helperblogger-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}
 
form#helperblogger-emailform #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 227px;
}
 
form#helperblogger-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}</style>
 
<div id="helperblogger-emailbox">
    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=StupidComputer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="StupidComputer" name="uri" />
        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"
        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

استبدال StupidComputer باسم المستخدم الخاص بك في feedburner رقم السطر 39 و 40.

آمل أنك لن تواجه أي مشكلة في حين تنفيذه في المدونة الخاص بك. إذا كنت تحصل على المشكلة قم بكتابتها في التعليق :)