صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر بشكل جديد ومميز ~ مدونة محمود علام

صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر بشكل جديد ومميز

مرسلة بواسطة ma7moud 3lam يوم الأحد، 9 يونيو 2013 0 التعليقات

بسم الله الرحمن الرحيم

والصلآة والسلآم على اشرف الانبياء والمرسلين سيدنا محمد عليه وعلى اله وصحبه

السلآم عليكم ورحمة الله وبركاته .

صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر جميله جدا - Beautiful Email Subscription Forms For Blogger

اضافة صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر ليصلك المواضيع والتدوينات .

اضافه جميله فعلآ : فبمجرد ان يشترك الزائر او العضو ستصله مواضيعك فوراَ على البريد .

طبعا الاضافه هذه في تطوير مستمر , وتصاميم مختلفه واليوم جلبت لكم ثلآث اشكال من اضافة صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر.

وكالعاده تصاميم ابداعيه في الاضافه .

كيف يمكنني اضافة صناديق الاشتراك في البريد الالكتروني في بلوجر ؟

ادخل الى لوحة تحكم مدومنتك
ثم التخطيط
ثم اضافة اداة جديده
ثم اداة HTML/JavaScript
انسخ الكود والصقه .

الشكل الاول للصندوق 1

صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر جميله جدا - Beautiful Email Subscription Forms For Blogger

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNI8Snncwo-UBYSbwFOE2R_j5jwR09ilSnlQYlf0519Vp0OnFq4rVdPmCv8km1n_vWu-6HkIEYyQUthH2gkzGjXisfrxbJtz4EufmvgVOl4RZCMPLdkOstIGimkO02Nox1ZBbaCoFS0Y/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 action="http://feedburner.google.com/fb/a/mailverify" id="helperblogger-emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="HBlogger" />
        <input id="s" name="email" onblur="if (this.value == "") {this.value = "Enter Your E-Mail Here";}" onfocus="if (this.value == "Enter Your E-Mail Here") {this.value = ""}" type="text" value="Enter Your E-Mail Here" />
        <input name="loc" type="hidden" value="en_US" />
        <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
    </form>
</div>

الشكل الثاني للصندوق 2

صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر جميله جدا - Beautiful Email Subscription Forms For Blogger

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_IHwkdHhH8Ms7zXSG788Vu85MhDQcRKjVJz_lCQSgqJ3Vtbw5WZrX4ESSdPQVnDLxfqh0gAzmBNwSQQHelbYoDMu8wfzLgP6Wc9tHmmy2RVOrODsajaUg4-wl6AUoZtU-8txBQpOnV8k/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 action="http://feedburner.google.com/fb/a/mailverify" id="helperblogger-emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="HBlogger" />
        <input id="s" name="email" onblur="if (this.value == "") {this.value = "Enter Your E-Mail Here";}" onfocus="if (this.value == "Enter Your E-Mail Here") {this.value = ""}" type="text" value="Enter Your E-Mail Here" />
        <input name="loc" type="hidden" value="en_US" />
        <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
    </form>
</div>

الشكل الثالث للصندوق 3

صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر جميله جدا - Beautiful Email Subscription Forms For Blogger

<style type="text/css">
    #helperblogger-emailbox {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgcMkM43-TazKLAM7cmT2TWaN_PtnHE20cLar1NBFpcKrD7BOviOa5WnfzXYB-jtLZxNYbPRoUgpDNHadU2hrc94V5tAsketokSX_ozlB1fc0lGZIm-wRMs5gED6tJGhFP_twvMjzF0oU/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 action="http://feedburner.google.com/fb/a/mailverify" id="helperblogger-emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
    <input name="uri" type="hidden" value="HBlogger" />
            <input id="s" name="email" onblur="if (this.value == "") {this.value = "Enter Your E-Mail Here";}" onfocus="if (this.value == "Enter Your E-Mail Here") {this.value = ""}" type="text" value="Enter Your E-Mail Here" />
            <input name="loc" type="hidden" value="en_US" />
            <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
        </form>
</div>

هذا كل شيء :)

0 التعليقات:

إرسال تعليق