كيفية اضافة اشترك فى المدونه بشكل انيق

السلام عليكم متابعى مدونة انتكا
اليوم هشرحلكم اضافه جميله وجديده

كيفية اضافة اشترك فى المدونه بشكل انيق

هذه الاضافه مهمه جدا لكل مدون بلوجر,

كيفية اضافة اشترك فى المدونه بشكل انيق

شاهد ايضا

كيفية حماية مواضيع بلوجر من السرقه

كيفية حماية مواضيع بلوجر من النسخ

مميزات صندوق الاشتراك فى مدونة بلوجر,

1- يسهل على زوار مدونتك متابعة مواضيعك اول باول

2- يساعد المدون على الحفاظ على زوار المدونه

3- انه صندوق بشكل جميل وممير جدا

هذه صوره من هذه الاضافه

كيفية اضافة اشترك فى المدونه بشكل انيق

4- يوجد ايضا بهذه الاضافه روابط التواصل الاجتماعى

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

1- الدخول الى صفحة مدونتك الرئيسية

2- نضغط على كلمة قالب من القائمه الجانبيه للمدونه

3- تحرير html

4- نضغط فى اى مكان فى القالب بزر الماوس ثم نضغط على مفتاح ctrl+f بالكيبورد

5- نبحث عن الوسم التالى ( <head> ) ونضيف الكود التالى اسفله

والان بعد اضافة هذا الكود نتوجه للخطوه التاليه
نبحث عن الوسم ( ]]></b:skin> ) حين تجده ستجد باسفله الوسم ( Style )
نضيف الكود التالى بداخله

#subscribebox{background:#576269;padding:20px;font-family:'PT Sans',sans-serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{    color: #fff;
    font-size: 15px;
    text-align: center;
    font-weight: 700;
    padding: 0px 0px 13px 0px;}
.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.subscribe-button:hover{background-color:#f1d640}
.subscribe-button:focus{outline:0}
.creadit a{color: #A7A6A6; float: right; font-size: 8px;}

بعد اضافة الكود اضغط حفظ القالب ثم توجه الى التخطيط لاضافة اخر خطوه
نفتح التخطيط + اضافة اداة + اداة html
ثم نضيف بداخلها الكود التالى

<div id="subscribebox">
<div class="follow-subscribe-social">
<ul>
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<p>
اشترك لدينا فى النشرة الاخبارية</p>
<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR-USER-NAME'/>
<input name='loc' type='hidden' value='en_US'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='ضع بريدك هنا'/>
<input class="subscribe-button" type="submit" value="اشترك" />
</form>
</div>
<div class="creadit">
<a href="http://msdesignbd.com" rel="dofollow" target="_blank"> Get This Widget</a></div>

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

ملاحظة هامه حول اضافة صندوق الاشتراك لمدونات بلوجر

بامكانك التعديل على روابط التواصل الاجتماعى اللتى تظهر فى الاضافه عن طريق الكود اللتى اضفناه فى التخطيط وساريكم نبذه

كيفية اضافة اشترك فى المدونه بشكل انيق

كماترى فى الصورة التوضيحيه اضف id حساباتك على مواقع التواصل الاجتماعى مكان علامة ##### وحين الانتهاء اضغط حفظ

لو واجهتك اى مشاكل اتركها فى تعليق

🙌 انتكا 🙆

اخر الاخبار اضافات بلوجر شروحات بلوجر نصائح المدون

كيفية اضافة اشترك فى المدونه بشكل انيق

كيفية اضافة اشترك فى المدونه بشكل انيق

شاهد ايضا

مميزات صندوق الاشتراك فى مدونة بلوجر,

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

ملاحظة هامه حول اضافة صندوق الاشتراك لمدونات بلوجر

hisham mustafa

انا هشام اسمي هشام عايش هشام نايم هشام باكل هشام بشرب هشام

اترك تعليقك Hide comment