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

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

صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر جميله جدا - Beautiful Email Subscription Forms For Blogger
اضافة صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر ليصلك المواضيع والتدوينات . 
اضافه جميله فعلآ : فبمجرد ان يشترك الزائر او العضو ستصله مواضيعك فوراَ على البريد .
طبعا الاضافه هذه في تطوير مستمر , وتصاميم مختلفه واليوم جلبت لكم ثلآث اشكال من اضافة صناديق الاشتراك في البريد الالكتروني لمدونات بلوجر.
وكالعاده تصاميم ابداعيه في الاضافه . 


نشاهد صورة : 

مثال للاضافة

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

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

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

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUFmb8s-G3YyQY2BIAJ6wmsgiFiCUv9koI3lnPuc3hDe8HOLfyLU9GSImnJjEsI0r0AduvEi6_-hNbs4AimMm5mbiBjgqPbAD-ViJ76JAm0nc9LPjodxW_yD1R0d1VpLSkQauCvXU4C8/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=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="HBlogger" 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/AVvXsEjWbMa9W_UEcgRDlnlyWNNfMbJ2lQQiQuKJSsroC82ih2voSpC9a6kfc5OtIXqJrSovUxwKYknkT9i-IbPczca7j-YCOajy7rDU3A3b0Y121TPHNDZJpLpB5AOzZvufWW0pnD7iT0kYS50/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=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="HBlogger" 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/AVvXsEhXSxZKC2QUlbrWJD4udRbzKBU9ERpC3ecvc9GvjnJVSdxqHQVgzjHAGavG7op6r73djUqCOHQ3lCRtNtmmf3vc2qzhcxv-2b2f3gyBjoFG1goqg8zhrcWGdytQ56-eSqQ-dUT483vOgr0/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=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="HBlogger" 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>

ملآحظه مهمه : لآتنس استبدال  HBlogger باسمك في الفيدبنر في الكود

عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة

صورة التدوينة

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

ملخص التدوينة:

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

goust

الساعه : 2013-04-15T13:22:00+03:00

تاريخ : 15‏/04‏/2013

من : المملكة العربيه السعوديه

التعليقات : 0

انشرها :

تاق :