لدينا اليوم اضافة جميلة هي الاشتراك بالبريد مع اضافة ازرار التواصل الاجتماعي
بشكل رائع
صورة الاضافة
كود HTML:<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="hassanein-al-kafaji" /> <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/blogspot/iBRVh" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/rss.png" /></a></td> <td> <a href="https://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%AD%D8%B3%D9%86%D9%8A%D9%86-%D8%A7%D9%84%D8%AE%D9%81%D8%A7%D8%AC%D9%8A/533101616737259?ref=hl" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/facebook.png" /></a> </td> <td> <a href="https://twitter.com/hassanein_21" class="linkopacity" target="_blank"><img src="http://softglad.at.ua/images/twitter.png" /></a> </td> <td> <a href="https://plus.google.com/u/0/118270245546264017571/posts" class="linkopacity" target="_blank"><img border="0" src="http://softglad.at.ua/images/Google.png" /></a> </td> </tr></tbody></table> </center> </div></div>
التعديلات
1- غير (http://feeds.feedburner.com/blogspot/iBRVh) بحسابك في feeds.feedburner.com
2- غير https://www.facebook.com/pages/%D9%8...6737259?ref=hl
بحساب المدونة في فيس بوك
3 - غير في حسابك على تويتر
https://twitter.com/hassanein_21
4- غير https://plus.google.com/u/0/118270245546264017571/posts
بحسابك في جوجل
اي سخص حاب اشرحلة طريقة التركيب او اي شئ يخص المدونة اني حاضر
المصدر: مدونة حسنين الخفاجي
http://hassanein-al-kafaji.blogspot....#ixzz2pHIuL7FB
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة شاكر زايد خليف العتابي
