إضافة صندوق أنيق اشترك في المدونة V2

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله


إضافة صندوق أنيق اشترك في المدونة V2

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

 يتناسب مع جميع القوالب 



معاينه

اشترك ليصلك جديد المدونة

الكود 

<style type="text/css">#subscribe-wrapper {background: url(#) 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=SoftGlad', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><center><input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;ضع ايميلك هنا...&quot;;}" onfocus="if (this.value == &quot;ضع ايميلك هنا...&quot;) {this.value = &quot;&quot;}" size="20" type="text" value="ضع ايميلك هنا..." /><input name="uri" type="hidden" value="SoftGlad" /><input name="loc" type="hidden" value="en_us" /><input class="submit" type="submit" value="اشتراك" /></center></form><center><table><tbody><tr><td><a href="شتراك التغذية" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/rss.png" /></a></td><td><a href="فيس بوك" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/facebook.png" /></a></td><td><a href="تويتر" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/twitter.png" /></a></td><td><a href="بلس" class="linkopacity" target="_blank"><img border="0" src="http://softglad.at.ua/images/Google.png" /></a></td></tr></tbody></table></center></div></div>

مكان وضع الكود 

Blogger → Layout → Add Gadget → HTML/JavaScript

مدونه ---  تخطيط  --- إضافة أداة  ---  HTML / جافا سكريبت


حفظ .

اي استفسار انا حاضر 



-------------------------------

هل اعجبك الموضوع ؟ شاركه مع اصدقائك