اختراعات

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

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





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


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

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

واخيرا  اظغط  على  حفظ . ومبروك  عليك  الاضافة.