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

الجمعة، 23 مارس 2018

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

mohamedelafndey مارس 23, 2018 0 تعليق

طريقه التركيب

اذهب للتخطيط ثم إضافة اداة ثم اختر HTML/Javascript والص الكود التالي مع تغير مايلزم..

<br /><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.elafndey-tec.tk">موقعي الخاص</a>   </div>
<div class="social_profiles">
<a href="https://www.facebook.com/mohamedelafndey" target='_blank' rel='nofollow' title="Join on Facebook"><i class="fa fa-facebook"></i></a>   <a href="https://twitter.com/m7mdelafndey" target='_blank' rel='nofollow' title="Follow on Twitter"><i class="fa fa-twitter"></i></a>   <a href="https://plus.google.com/u/0/103162501711151443618?tab=jX" target='_blank' rel='nofollow' title="Follow on Google+"><i class="fa fa-google-plus"></i></a>   <a href="https://www.instagram.com/Mohamed_Elafndey/" target='_blank' rel='nofollow' title="Follow on Instagram"><i class="fa fa-instagram"></i></a>   <a href=https://www.pinterest.com/elafndey//" target='_blank' rel='nofollow' title="follow on pinterest"><i class="fa fa-pinterest"></i></a>   </div>
</div>

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

كاتب الموضوع : mohamedelafndey

mohamedelafndey

محمد محمود الافندي , مدون عربي اعشق التدوين وعالم البرمجيات بشكل عام وتبسيط المعلومه وثوف اشارك معكم كل ماهو جديد فقط انتظرونا..

إظهار التعليقات

44

الجمعة، 23 مارس 2018