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

طريقة تركيب الاضافة

اذهب للتخطيط - اضافة اداة- HTML/Javascript 

 وألصق الكود التالي مع تغيير مايلزم

<style>#semua-tutorialku-blog-subs {  padding: 0;  padding-bottom: 5px;  font-family: inherit;  display: block;  margin: 0;  width: 100%;  border-radius: 1px;  border: 0;  background: #363636;}#semua-tutorialku-blog-subs .main_tagline {  padding: 0px 0px;  line-height: 2.5em;  font-size: 26px;  margin: 0;  height: 95px !important;  overflow: hidden;  font-weight: normal;  color: #FFF;  text-align: center;  border: 0;  background-color: #FF5959;}#semua-tutorialku-blog-subs .email_icon {  display: table;  margin: -35px auto 0px;  font-size: 25px;  padding: 12px;  height: 25px;  width: 25px;  background-color: #363636;  color: #FFF;  border-radius: 50px;  border: 10px solid #FFFFFF;  line-height: 0;}#semua-tutorialku-blog-subs p {  font-size: 15px;  color: #F9F9F9;  text-shadow: 0px -1px 0px #000;  line-height: 27px;  padding: 5px 10px 5px;  text-align: center;  width: 80%;  margin: 5px auto 20px;  border-bottom: 2px solid #6A6A6A;  border-radius: 20px;}#semua-tutorialku-blog-subs .rssform {  padding: 0;  margin: 0 auto;  display: block;}#semua-tutorialku-blog-subs .rssform input {  padding: 8px;  margin: 20px auto 15px;  font-size: 13px;  color: #000;  text-align: center;  display: block;  font-family: inherit;  font-weight: normal;  width: 90%;  height: 38px;  outline: none !important;  border: 1px solid #FFFFFF;  border-radius: 1px;  background-color: #FCFCFC;  box-sizing: border-box !important;}#semua-tutorialku-blog-subs .rssform .button:hover {  background: #FF5959;}#semua-tutorialku-blog-subs .rssform .button {  background: #3498db;  color: white!important;  border: 1px solid #FFFFFF;  margin-top: 15px;  outline: none !important;  transition: all .3s ease-in-out;  padding: 5px 2px !important;  float: none;  font-size: 18px;  font-weight: normal;  cursor: pointer;}#semua-tutorialku-blog-subs .credit_semua_tutorialku {  color: #959595;  text-align: center;  font-size: 12px;  margin: 0;  padding: 3px;  line-height: 25px;}#semua-tutorialku-blog-subs .credit_semua_tutorialku a {  color: #959595;  text-decoration: none !Important;}#semua-tutorialku-blog-subs .social_profiles {  line-height: 1.2em;  display: table;  float: none;  margin: 0px auto;  text-align: center;  min-width: 157px;  padding: 5px 0px;  border: 0;}#semua-tutorialku-blog-subs .social_profiles a:hover {  color: #FFF;  background-color: #FF5959;  border-color: #FFF;}#semua-tutorialku-blog-subs .social_profiles a {  color: #000000;  margin: 0.98px;  text-align: center;  float: left;  display: table;  padding: 4px 5px;  background-color: #FFFFFF;  border-radius: 50px;  border: 2px solid #2D2D2D;  width: 15px;  height: 15px;  line-height: 0;  font-size: 16px;  transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out;}#semua-tutorialku-blog-subs form {  margin-bottom: 10px !important;}</style><div id="semua-tutorialku-blog-subs">            <div class="main_tagline">اشترك في المدونة</div><div class="email_icon"><i class="fa fa-envelope"></i></div>                 <p>الحصول على كافة تحديثات المدونة عبر البريد الالكتروني</p>   <div class="rssform">            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SemuaTutorial-ku', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">            <input type="text" name="email" placeholder="أدخل عنوان بريدك الإلكتروني ..." />            <input type="hidden" value="SemuaTutorial-ku" name="uri" />            <input type="hidden" name="loc" value="en_US" />            <input value="اشترك الأن" class="button" type="submit" />            </form>            </div>      <div class="credit_semua_tutorialku">تابعني على مواقع التواصل | <a href="http://www.k2d.us">موقعي الخاص</a>   </div>   <div class="social_profiles">   <a href="https://www.facebook.com/hlo1y" target='_blank' rel='nofollow' title="Join on Facebook"><i class="fa fa-facebook"></i></a>   <a href="https://twitter.com/hlo1y" target='_blank' rel='nofollow' title="Follow on Twitter"><i class="fa fa-twitter"></i></a>   <a href="https://plus.google.com/u/0/+v518v" target='_blank' rel='nofollow' title="Follow on Google+"><i class="fa fa-google-plus"></i></a>   <a href="https://www.instagram.com/hlo1y" target='_blank' rel='nofollow' title="Follow on Instagram"><i class="fa fa-instagram"></i></a>   <a href="http://www.pinterst.com/" target='_blank' rel='nofollow' title="Follow on Pinterest"><i class="fa fa-pinterest"></i></a>   </div> </div>