اليوم اقدم لكم اضافة اكثر من رائعة يبحث عنها المدونين لأنها تساهم بشكل كبير بنشر ورفع مدونتك الى أولى صفحات البحث وهي (صندوق اشتراك بالبريد الالكتروني مع ايقونات الشبكات الإجتماعية مثل الفيسبوك+تويتر+الجوجل بلس + RSS) + شرح بالصور طريقة التركيب
كيفية التركيب
طريقة التركيب سهلة جدا ولاتتطلب اي جهد تابعني :
الذهاب الى لوحة التحكم
1- اضغط على زر التخطيط
2- اختر اضافة أداة على الموضع الذي تريده في المدونة
3- اختر أداة HTML/JavaScript
4-ضع الكود التالي في الفراغ كما هو موضح في الصورة
انسخ الكود:
<style type="text/css">#subscribe-wrapper {background: url(http://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent;padding: 3px;}#subscribe-box {background: url(http://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7;border-radius: 15px;padding:5px;overflow: hidden;}a.linkopacity img {filter:alpha(opacity=75);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-ms-transition:All .5s ease;-o-transition:All .5s ease;transition:All .5s ease;padding: 3px;border: 1px solid #999;}a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;-khtml-opacity: 1;-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);}#subscribe-box:hover table {top: 0;}#subscribe-box h1{margin-top: 5px;color: black;font-family: arial;font-size: 15px;margin-bottom: 5px;line-height: 14px;font-weight: bold;text-align: center;letter-spacing: -1px;}#subscribe-box table {position: relative;top: 40px;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-ms-transition:All .5s ease;-o-transition:All .5s ease;transition:All .5s ease;margin-bottom: 0px;}#subscribe-box td {padding: 2px;}#subscribe-box input{background: white;border: medium none;font-size: 12px;padding: 10px;width: 150px;color: #666;font-family: arial;margin-bottom: 3px;width: 55%;}#subscribe-box input:focus{outline:none;}
#subscribe-box .submit{background: #E73827;color: #fff;cursor: pointer;font-weight: bold;text-shadow: 0 1px 2px black;width: 90px;font-family: arial;margin-left: -3px;font-size: 14px;}</style><div id="subscribe-wrapper"><div id="subscribe-box"><h1>أشترك معنا لتحصل على جديد المدونة</h1><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=add-b', 'add-b', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><center><input name="email" onblur="if (this.value == "") {this.value = "ضع ايميلك هنا...";}" onfocus="if (this.value == "ضع ايميلك هنا...") {this.value = ""}" size="20" type="text" value="ضع ايميلك هنا..." /><input name="uri" type="hidden" value="add-b" /><input name="loc" type="hidden" value="en_us" /><input class="submit" type="submit" value="أشترك" /></center></form><center><table><tbody><tr><td><a href="http://feeds.feedburner.com/arab-thpro" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/rss.png" /></a></td><td><a href="http://www.facebook.com/arab-thpro" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/facebook.png" /></a></td><td><a href="https://twitter.com/arab-thpro" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/twitter.png" /></a></td><td><a href="https://plus.google.com/108902431338077770336" class="linkopacity" target="_blank"><img border="0" src="http://softglad.at.ua/images/Google.png" /></a></td></tr></tbody></table></center></div></div>
التعديلات:
1- غير (arab-thpro) بحسابك في feeds.feedburner.com
2- غير (arab-thpro) بحساب المدونة في فيس بوك
3- غير (arab-thpro) بحساب المدونة في تويتر
4- غير 108902431338077770336 بحسابك في جوجل
واذا اعجبكم الموضوع والشرح لاتبخل علينا بالردود المشجعة
.png)
ليست هناك تعليقات :
إرسال تعليق