مساحة إعلانية

الثلاثاء، 5 فبراير، 2013

الثلاثاء، 5 فبراير، 2013

نافذة منزلقة لأعلى للإشتراك في المواقع الإجتماعية والبريد

إضافة أنيقة للإشتراك في المواقع الإجتماعية وخدمة البريد الإلكتروني
الإضافة لا تحتاج الكثير فقط ضعها في آداة HTML/JavaScript
لكن يجب تعديل بعض الأشياء

أولا إستبدل كلمة  faceurl برابط صفحتك على فيس بوك

ثانيا إستبدل userid بإسم حسابك في تويتر

ثالثا إستبدل gpid برقم تعريف صفحتك في جوجل بلس

رابعا إستبدل feeid بمعرف مدونتك على فيد برنر ملحوظة ستجد الأكواد متكررة غيرها كلها



معــاينة

 الكود

<style type="text/css">
#cnmufootermain{width:300px;height:300px;position:fixed;bottom:0%;right:5px}#cnmufooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-image:url(images/exe-footer-background.png);background-color:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0%;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e5e5e5',GradientType=0 )} #cnmufooterhide{ position:absolute; bottom:250px; right:5px; width:285px;height:25px;cursor:pointer;background-image:url(images/exe-footer-background.png);background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px}#cnmufootershow{ position:absolute; bottom:0px; right:5px; width:285px;height:25px;cursor:pointer;background-image:url(images/exe-footer-background.png);background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px}.cnmufooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333}.cnmufooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333}.cnmufooterblockarrow{width:8px;height:10px;background-color:#333}#cnmufootersocial{ position:absolute; bottom:220px; right:10px; width:280px;height:30px;float:right}#cnmufootersocialicon{ position:absolute; bottom:135px; left:10px; width:auto;height:64px}#cnmufooteremailsubscribe{ position:absolute; bottom:0px; width:242px;height:90px;right:30px}.cnmufooteremailsubscribebox input.email{padding:7px 10px 7px 10px;font-family:"Arial","Helvetica",sans-serif;width:218px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.cnmufooteremailsubscribebox input.subscribe{ -moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');background-color:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:arial;font-size:13px;font-weight:bold;padding:6px 54px;text-decoration:none;text-shadow:1px 1px 0px #fff}.cnmufooteremailsubscribebox input.subscribe:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}</style><!--[if IE]><style>.cnmufooteremailsubscribebox input.subscribe{width:243px}</style><![endif]--><!--[if gte IE 9]><style type="text/css">.gradient{filter:none}</style><![endif]--><div id="cnmufootermain"><center id="cnmufootershow"onmouseup="document.getElementById('cnmufooterdiv').style.display='block'"><table style="margin-top:-2px;"><tr><td><center style="font-family:arial;color:#333;font-size:15px;font-weight:bold;">إنضم الى متابعينا على المواقع الإجتماعية</center></td><td><center><div class="cnmufooteruparrow"></div><div class="cnmufooterblockarrow"></div></center></td></tr></table></center><div id="cnmufooterdiv"><center id="cnmufooterhide"onmouseup="document.getElementById('cnmufooterdiv').style.display='none'"><table style="margin-top:-2px;"><tr><td><center style="font-family:arial;color:#333;font-size:15px;font-weight:bold;">إنضم الى متابعينا على المواقع الإجتماعية</center></td><td><center><div class="cnmufooterblockarrow"></div><div class="cnmufooterdownarrow"></div></center></td></tr></table></center><div id="cnmufootersocial"><center style="font-family:arial;color:#333;font-size:14px;">كن واحد من متابعينا وإستقبل كل ما نقدمه وجديد خدماتنا عبر مواقع وخدمات الإشتراك الإجتماعية</center></div><div id="cnmufootersocialicon"><table><tr><td><a href="faceurl"target="_blank"><img height="48px"width="48px"title="سجل إعجاب بصفحتنا على فيس بوك"alt="Facebook"src="https://lh5.googleusercontent.com/-JK8TBrgMtGQ/URDSGREnBTI/AAAAAAAAAfc/-87h2mxTMho/s64/Facebook%2520Icon.png"onmouseover="this.src='https://lh3.googleusercontent.com/-HQtSXNxkcGM/URDSGVUJ35I/AAAAAAAAAfg/1uckT3FT_6c/s64/Facebook%2520Rollout%2520Image.png'"onmouseout="this.src='https://lh5.googleusercontent.com/-JK8TBrgMtGQ/URDSGREnBTI/AAAAAAAAAfc/-87h2mxTMho/s64/Facebook%2520Icon.png'"/></a><br /><a href="http://twitter.com/userid"target="_blank"><img height="48px"width="48px"title="تابعنا على تويتر"alt="Twitter"src="https://lh5.googleusercontent.com/-PI0AvhkIMJE/URDSHrkOP3I/AAAAAAAAAf0/8DsrDFC2FlI/s64/Twitter%2520Icon.png"onmouseover="this.src='https://lh6.googleusercontent.com/-dlmpnSgFZbY/URDSIZdoWrI/AAAAAAAAAgM/k6sZCeIO3-4/s64/Twitter%2520Rollout%2520Image.png'"onmouseout="this.src='https://lh5.googleusercontent.com/-PI0AvhkIMJE/URDSHrkOP3I/AAAAAAAAAf0/8DsrDFC2FlI/s64/Twitter%2520Icon.png'"/></a></td><td width="75px"valign="top"><a style="font-family:arial;font-size:12px;color:#333;font-weight:bold;"href="faceurl"target="_blank">تابعنا على<br />فيس بوك</a><br /><br /><a style="font-family:arial;font-size:12px;color:#333;font-weight:bold;"href="http://twitter.com/userid"target="_blank">تابعنا على<br />تويتر</a></td><td><a href="https://plus.google.com/gpid"target="_blank"><img height="48px"width="48px"title="أضفنا الى دوائر جوجل بلس"alt="Google Plus"src="https://lh6.googleusercontent.com/-dGz5hYiLeNg/URDSHVm427I/AAAAAAAAAfs/QiNo5OUMnsU/s64/Google%2520Icon.png"onmouseover="this.src='https://lh6.googleusercontent.com/-W-ZJJPbt-0Y/URDSHUXsN4I/AAAAAAAAAfw/X4m-Eyn0jhY/s64/Google%2520Rollout%2520Image.png'"onmouseout="this.src='https://lh6.googleusercontent.com/-dGz5hYiLeNg/URDSHVm427I/AAAAAAAAAfs/QiNo5OUMnsU/s64/Google%2520Icon.png'"/></a><br /><a href="http://feeds.feedburner.com/feeid"target="_blank"><img height="48px"width="48px"title="إشترك في خدمة الخلاصات"alt="RSS"src="https://lh6.googleusercontent.com/-ymCs6lwaG64/URDSGo8_eEI/AAAAAAAAAfk/ZY0XcqQ4gac/s64/Feedburner%2520Icon.png"onmouseover="this.src='https://lh3.googleusercontent.com/-0OUthTUmOdg/URDSG7IfrAI/AAAAAAAAAfo/_PMrJMylPMw/s64/Feedburner%2520Rollout%2520Image.png'"onmouseout="this.src='https://lh6.googleusercontent.com/-ymCs6lwaG64/URDSGo8_eEI/AAAAAAAAAfk/ZY0XcqQ4gac/s64/Feedburner%2520Icon.png'"/></a></td><td valign="top"><a style="font-family:arial;font-size:12px;color:#333;font-weight:bold;"href="https://plus.google.com/gpid"target="_blank">تابعنا على<br />جوجل بلس</a><br /><br /><a style="font-family:arial;font-size:12px;color:#333;font-weight:bold;"href="http://feeds.feedburner.com/feeid"target="_blank">إشترك في<br />خدمة الخلاصات</a></td></tr></table></div><div id="cnmufooteremailsubscribe"><div class="cnmufooteremailsubscribebox"><form action="http://feedburner.google.com/fb/a/mailverify"method="post"target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=cnmufootersocialicon','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email"type="text"id="email"name="email"value="أكتب إيميلك هنا .. وستصلك رسالة لتفعيل الخدمة"onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;"onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"/><input type="hidden"value="feeid"name="uri"/><input type="hidden"name="loc"value="en_US"/><br /><input class="subscribe"name="commit"type="submit"value="إشترك عبر البريد الإلكتروني"/></form></div><center style="font-family:arial;color:#333;font-size:10px;"><a href="http://cnmu.blogspot.com/2013/02/Slide-UP.html"target="_blank">أحصل على الإضافة</a></center></div></div></div>

تم بحمد الله

هناك 3 تعليقات:

  1. السلام عليكم ورحمه الله وبركاته
    شكرا لك اخي عمرو علي الموضوع الرائع لي سوال لو تكرمت كيف اخصل علي رقم تعريف صفحتي في جوجل بلس انا لي صفحه كبيره لكن لا اعرف كيف احصل علي رقمها التعريفي شكرا لك

    ردحذف
  2. ايضا اتمني وضع كلامه اغلاق للشاشه حتي تختفي للزائر بعد الانضمام للمدونه وشكرا لك

    ردحذف
  3. السلام عليكم ورحمه الله وبركاته
    استطعت معرفه رقم التعريفي لجوجل بلس الخاص بي شكرا علي الموضوع الرائع

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©