اضافة صندوق الاشتراك فى خدمة الرسائل الى مدونة بلوكر





السلام عليكم
موضوع اليوم خاص بمدونات البلوجر، حيث سوف اشرح فيه طريقة تركيباضافة صندوق الاشتراك الى مدونة بلوكر ، و هي خاصية رائعة و ضرورية لكل مدونة.


لتركيب  هده  الاضافة 

1. ادهب  الى  قائمة  الاعدادات.

2. اظغط  على التخطيط.

3. اظغط  على اضافة  أداة.

4.اختر HTML/JavaScript .كما  في  الصورة أسفله.





5.ثم  اختر  العنوان مثلا : اشترك في نشرة المدونة.

 ثم  ضع  الكود HTML  كما  في  الصورة أسفله.(الكود  اسفل الصورة)


                                  



<div class="widget-content">
<center>
                <div class="sub">
<h5>
                    ضع إيميلك ليصلك كل جديد المدونة
                  </h5>
<div class="ins">
<div id="sleek-subscribe">
<form action="https://feedburner.google.com/fb/a/mailverify?uri=blogspot/RbQws" class="signform" method="post" target="_new">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا';}" onfocus="if (this.value == 'ضع اميلك هنا') {this.value = '';}" value="ضع اميلك هنا" />
                        <input class="btn2" type="submit" value="إشترك الأن " />
                      </form>
</div>
</div>
</div>
<style>
                  .sub{
                    width: 300px;
                    height: 130px;
                    background: #fff;
                    border-bottom: 2px solid #e74c3c;
                    border-radius: 5px;
                  }
                  .sub h5{
                    color: #34495e;
                    font: 19px ge_dinar;
                    margin: 0;
                    padding: 25px 0 0 0;
                    text-align: center;
                  }
                  .sub .ins{
                    width:261px;
                    height:35px;
                    margin: 12px auto 0;
                  }
                  .sub .ins .txt2{
                    border: 1px solid #E1E1E1;
                    background: white;
                    font: 12px Tahoma, Geneva, sans-serif;
                    color: silver;
                    padding: 10px 7px 9px 7px;
                    margin: 0px;
                    border-radius: 3px;
                    float: right;
                    text-align: right;
                    width: 168px;
                  }
                  .sub .ins .btn2{
                    background: #34495e;
                    float: left;
                    border: none;
                    width: 71px;
                    font-family: GE SS Unique;
                    border-bottom: 2px solid #e74c3c;
                    height: 33px;
                    color: #fff;
                    border-radius: 3px;
                    cursor: pointer;
                    margin-top: 1px;
                  }
                  .sub .ins .btn2:hover {
                    background:#e74c3c;
                  }
                </style>
                <br />
                <div class="so">
<a href="https://www.facebook.com/AB.Electromecanique">
                    <img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/facebook.png" />
                  </a>
                  <a awyrmdvrrlymvw0ubyrw="" channel="" href="https://www.youtube.com/channel/UCE4awyRMDVrrlymvW0uByrw=" www.youtube.com="">
                    <img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/youtube.png" />
                  </a>
                  <a href="https://plus.google.com/+IBRAHIMAHTTAB/posts">
                    <img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/google_plus.png" />
                  </a>
                  <a href="https://twitter.com/ahttab">
                    <img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/twitter.png" />
                  </a>
                  <a href="https://feedburner.google.com/fb/a/mailverify?uri=blogspot/RbQws">
                    <img src="https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/rss.png" />
                  </a>
                </div>
</center>
</div>

ثم غير الرابط https://feedburner.google.com/fb/a/mailverify?uri=blogspot/RbQws

 بعنوان خلاصة مدونتك 

ثم غير الرابط  https://www.facebook.com/AB.Electromecanique

برابط  صفحتك  على  الفيسبوك.

ثم غير الرابط https://www.youtube.com/channel/UCE4awyRMDVrrlymvW0uByrw

برابط قناتك على اليوتوب

ثم غير الرابط https://plus.google.com/+IBRAHIMAHTTAB/posts

برابط  صفحتك  على google plus

ثم غير الرابط https://twitter.com/ahttab

برابط  صفحتك  على twitter

واخيرا  اظغط  على  حفظ . ومبروك  عليك  الاضافة.
تعليقات
ليست هناك تعليقات
إرسال تعليق