منتديات احفاد الرسول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احفاد الرسول

بسم الله الرحمن الرحيم قُلْ هُوَ اللَّهُ أَحَدٌ اللَّهُ الصَّمَدُ لَمْ يَلِدْ وَلَمْ يُولَدْ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ
 
الرئيسيةأحدث الصورالتسجيلدخولتفسير القران الكريم قراءة القران الكريماذاعات القران الكريمكتبقنواتقصص رائعة منتديات الياس عيساوي بث قناة الجزيرةاوقات الصلاةاستماع للقراءن الكريم
دليل سلطان للمواقع الإسلامية

 

 أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك

اذهب الى الأسفل 
كاتب الموضوعرسالة
eliasissaoui
Admin
eliasissaoui


ذكر عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40

أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك Empty
مُساهمةموضوع: أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك   أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك I_icon_minitimeالسبت يناير 04, 2014 1:39 am

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

أقدم لكم إضافة من إضافات بلوجر تهم معظم أصحاب المدونات وهى النوافذ المنزلقة للمواقع الإجتماعية تظهر بجانب الموقع وقد قدمت من قبل هذه الإضافة بتقنية jQuery لأربع شبكات إجتماعية فقط وهى (متابعين الفيس بوك , صندوق تغريدات تويتر, زر +1 لجوجل بلس , الإشتراك عبر البريد الإلكترونى) ولكن اليوم أقدمها بشكل مختلف حيث تحتوى على 5 صناديق منزلقة لمتابعين المواقع الإجتماعية (الفيس بوك,تويتر,يوتيوب,جوجل بلس,خدمة البريد الإلكترونى) تظهر بمرور الماوس على الأيقونة الجانبية بالموقع.

أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك 68987

مميزات الإضافة


  1. هذه الإضافة مفيدة فى زيادة عدد متابعين المدونة على المواقع الإجتماعية.
  2. تقلل من إزدحام الإضافات بالأعمدة الجانبية.
  3. تظهر دون مشاكل على أنظمة الأندرويد
  4. الإضافة تظهر بمظهر رائع للزائر.
  5. سهلة التركيب إلى موقعك


أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك Social-box

معاينة الإضافة
كيفية تركيب الإضافة لمدونات بلوجر
[color][font]

إضغط على هذا الزر لإضافة الأداة لموقعك

[/font][/color]


أو أضف الكود يدويا إلى الموقع


  1. الذهاب إلى لوحة التحكم
  2. تخطيط
  3. أضف أداة
  4. اختار Html/Javascript


[color][font]
 ثم إنسخ الكود التالى كاملاً وألصقه


[/font][/color]
<style> img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; } #facebook_div { width: 235px; height: 236px; overflow: hidden; } #twitter_div { width: 246px; height: 240px; overflow: hidden; } #google_plus_div { width: 290px; height: 250px; overflow: hidden; margin-right: 5px; margin-top: 1px; } #CONfeedburner_div { width: 300px; height: 120px; overflow: hidden; margin-top: 5px; margin-right: -4px; } #CON_div { width: 300px; height: 97px; overflow: hidden; } /* left side style */ #facebook_right { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; left: -239px; } #facebook_right img { position: absolute; top: -1px; right: -65px; } #facebook_right iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; right: -2px; top: -3px; } #twitter_right { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 250px; height: 240px; position: fixed; left: -254px; } #twitter_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #google_plus_right { z-index: 10003; background-color: #F2F2F2; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-left: 2px solid #0056a0; border-right: 2px solid #0056a0; width: 290px; height: 250px; position: fixed; left: -294px; } #google_plus_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #feedburner_right { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; left: -304px; } #feedburner_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #CON_right { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #CON_right img { position: absolute; top: -1px; right: -65px; } /* right side style */ #facebook_left { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; right: -239px; } #facebook_left img { position: absolute; top: -2px; left: -35px; } #facebook_left iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; left: -2px; top: -3px; } #twitter_left { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 240px; position: fixed; right: -254px; } #twitter_left_img { position: absolute; top: -2px; left: -35px; border: 0; } #google_plus_left { z-index: 10003; background-color: #006ec9; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-right: 2px solid #0056a0; border-left: 2px solid #0056a0; width: 290px; height: 120px; position: fixed; right: -294px; } #google_plus_left_img { position: absolute; top: -2px; left: -33px; border: 0; } #feedburner_left { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; right: -304px; } #feedburner_left_img { position: absolute; top: -2px; left: -33px; border: 0; } #CON_left { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #CON_left img { position: absolute; top: -2px; left: -101px; } .box-title1 { border: 1px solid #ddd; /*border-radius*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*box-shadow*/ -webkit-box-shadow: 5px 5px 5px #CCCCCC; -moz-box-shadow: 5px 5px 5px #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; padding: 10px; margin: 10px 0; } .enteryouremail { background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px; } .submitbutton { background: #FF8000; border: 1px solid #F66303; /*box-shadow*/ -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; font: bold 12px Arial, sans-serif; color: #000000; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; /*border-radius*/ -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } #youtube_right { z-index: 10001; background-color: #fefefe; border:2px solid #ff0000; border-top:2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right:2px solid #5b5b5b; border-left: hidden; width:301px; height: 106px; position: fixed; left: -304px; } #youtube_right_img { position: absolute; top: -1px; right: -65px; border: </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#facebook_right").stop( true, false).animate( { left: -239 }, 500); }); jQuery("#twitter_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#twitter_right").stop( true, false).animate( { left: -254 }, 500); }); jQuery("#google_plus_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#google_plus_right").stop( true, false).animate( { left: -294 }, 500); }); jQuery("#feedburner_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#feedburner_right").stop( true, false).animate( { left: -304 }, 500); }); jQuery("#youtube_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#youtube_right").stop( true, false).animate( { left: -304 }, 500); }); }); </script> <br /> <div id="on"> <div id="facebook_right" style="top: 8%;"> <div id="facebook_div"> <img alt="" src="https://lh3.googleusercontent.com/-QhUj8RaltJI/UsWmAW961LI/AAAAAAAAGsg/gcj2PG1Dhbg/w80-h102-no/fb.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe> </div> </div> </div> <div id="on"> <div id="twitter_right" style="top: 24%;"> <div id="twitter_div"> <img id="twitter_right_img" src="https://lh3.googleusercontent.com/-_zsp8ygnoyQ/UsWmDmqIpeI/AAAAAAAAGs4/I2boPnCbpLY/w80-h103-no/twitter.png" /> <div style="width:248px;font-size:8px;text-align:left;"> <script type="text/javascript"> document.write(unescape( "%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E" )); </script> <a href="http://NewBloggerTips.com" target="_blank"></a> </div> </div> </div> </div> <div id="on"> <div id="google_plus_right" style="top: 41%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="https://lh4.googleusercontent.com/-Y6v2exq4JyM/UsWmRUyuIjI/AAAAAAAAGtM/BgLhuPpMP5M/w80-h103-no/google%252B1.png" /> <div style="float: right; margin: 10px 10px 10px 0;"> <a href='http://newbloggertips.com'> <img alt='Tips Tricks And Tutorials' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/+Condaianllkhir" data-source="blogger:blog:followers" data-width="270"></div> <script type="text/javascript"> (function () { window.___gcfg = { 'lang': 'en' }; var po = document.createElement( 'script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName( 'script')[0]; s.parentNode.insertBefore( po, s); })(); </script> </div> </div> </div> <div id="on"> <div id="feedburner_right" style="top: 75%;"> <div id="CONfeedburner_div"> <center> <h4 style="color: #f66303;">تابع عبر البريد الإلكترونى:</h4> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=condaianllkhir/DrRO', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="enteryouremail" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" value="Enter your email here..." /> <input name="uri" type="hidden" value="condaianllkhir/DrRO" /> <input class="submitbutton" type="submit" value="Submit" /> </form> </center> <img id="feedburner_right_img" src="https://lh5.googleusercontent.com/-vzlsiGCx1fk/UsWmCQdBh7I/AAAAAAAAGsw/_kpQ8Lcnxsg/w80-h103-no/rss.png" /> <div style="float: left; padding: 20px; margin: 0px;"> <span style="font-size:10px;">Widget by <a href="http://www.condaianllkhir.com/">condaianllkhir</a> </span> <span style="font-size:8px;"></span> </div> </div> </div> <div id="on"> <div id="youtube_right" style="top:58%;"> <div id="youtube_div"> <img id="youtube_right_img" src="https://lh5.googleusercontent.com/-wBvCvQhVAMc/UsWmEavjfNI/AAAAAAAAGtA/8anKgcJhrho/w80-h103-no/youtube.png " /> <div style="float:right;margin:1px 0px 0px 2px;"> <iframe src=https://www.youtube.com/subscribe_widget?p=designs9 style="height:105px;width:300px;border:0;" scrolling="no" frameborder="0"></iframe> </div> <style> img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; } #facebook_div { width: 235px; height: 236px; overflow: hidden; } #twitter_div { width: 246px; height: 240px; overflow: hidden; } #google_plus_div { width: 290px; height: 250px; overflow: hidden; margin-right: 5px; margin-top: 1px; } #CONfeedburner_div { width: 300px; height: 120px; overflow: hidden; margin-top: 5px; margin-right: -4px; } #CON_div { width: 300px; height: 97px; overflow: hidden; } /* left side style */ #facebook_right { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; left: -239px; } #facebook_right img { position: absolute; top: -1px; right: -65px; } #facebook_right iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; right: -2px; top: -3px; } #twitter_right { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 250px; height: 240px; position: fixed; left: -254px; } #twitter_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #google_plus_right { z-index: 10003; background-color: #F2F2F2; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-left: 2px solid #0056a0; border-right: 2px solid #0056a0; width: 290px; height: 250px; position: fixed; left: -294px; } #google_plus_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #feedburner_right { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; left: -304px; } #feedburner_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #CON_right { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #CON_right img { position: absolute; top: -1px; right: -65px; } /* right side style */ #facebook_left { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; right: -239px; } #facebook_left img { position: absolute; top: -2px; left: -35px; } #facebook_left iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; left: -2px; top: -3px; } #twitter_left { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 240px; position: fixed; right: -254px; } #twitter_left_img { position: absolute; top: -2px; left: -35px; border: 0; } #google_plus_left { z-index: 10003; background-color: #006ec9; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-right: 2px solid #0056a0; border-left: 2px solid #0056a0; width: 290px; height: 120px; position: fixed; right: -294px; } #google_plus_left_img { position: absolute; top: -2px; left: -33px; border: 0; } #feedburner_left { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; right: -304px; } #feedburner_left_img { position: absolute; top: -2px; left: -33px; border: 0; } #CON_left { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #CON_left img { position: absolute; top: -2px; left: -101px; } .box-title1 { border: 1px solid #ddd; /*border-radius*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*box-shadow*/ -webkit-box-shadow: 5px 5px 5px #CCCCCC; -moz-box-shadow: 5px 5px 5px #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; padding: 10px; margin: 10px 0; } .enteryouremail { background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px; } .submitbutton { background: #FF8000; border: 1px solid #F66303; /*box-shadow*/ -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; font: bold 12px Arial, sans-serif; color: #000000; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; /*border-radius*/ -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } #youtube_right { z-index: 10001; background-color: #fefefe; border:2px solid #ff0000; border-top:2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right:2px solid #5b5b5b; border-left: hidden; width:301px; height: 106px; position: fixed; left: -304px; } #youtube_right_img { position: absolute; top: -1px; right: -65px; border: </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#facebook_right").stop( true, false).animate( { left: -239 }, 500); }); jQuery("#twitter_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#twitter_right").stop( true, false).animate( { left: -254 }, 500); }); jQuery("#google_plus_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#google_plus_right").stop( true, false).animate( { left: -294 }, 500); }); jQuery("#feedburner_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#feedburner_right").stop( true, false).animate( { left: -304 }, 500); }); jQuery("#youtube_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#youtube_right").stop( true, false).animate( { left: -304 }, 500); }); }); </script> <br /> <div id="on"> <div id="facebook_right" style="top: 8%;"> <div id="facebook_div"> <img alt="" src="https://lh3.googleusercontent.com/-QhUj8RaltJI/UsWmAW961LI/AAAAAAAAGsg/gcj2PG1Dhbg/w80-h102-no/fb.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe> </div> </div> </div> <div id="on"> <div id="twitter_right" style="top: 24%;"> <div id="twitter_div"> <img id="twitter_right_img" src="https://lh3.googleusercontent.com/-_zsp8ygnoyQ/UsWmDmqIpeI/AAAAAAAAGs4/I2boPnCbpLY/w80-h103-no/twitter.png" /> <div style="width:248px;font-size:8px;text-align:left;"> <script type="text/javascript"> document.write(unescape( "%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E" )); </script> <a href="http://NewBloggerTips.com" target="_blank"></a> </div> </div> </div> </div> <div id="on"> <div id="google_plus_right" style="top: 41%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="https://lh4.googleusercontent.com/-Y6v2exq4JyM/UsWmRUyuIjI/AAAAAAAAGtM/BgLhuPpMP5M/w80-h103-no/google%252B1.png" /> <div style="float: right; margin: 10px 10px 10px 0;"> <a href='http://newbloggertips.com'> <img alt='Tips Tricks And Tutorials' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/+Condaianllkhir" data-source="blogger:blog:followers" data-width="270"></div> <script type="text/javascript"> (function () { window.___gcfg = { 'lang': 'en' }; var po = document.createElement( 'script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName( 'script')[0]; s.parentNode.insertBefore( po, s); })(); </script> </div> </div> </div> <div id="on"> <div id="feedburner_right" style="top: 75%;"> <div id="CONfeedburner_div"> <center> <h4 style="color: #f66303;">تابع عبر البريد الإلكترونى:</h4> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=condaianllkhir/DrRO', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="enteryouremail" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" value="Enter your email here..." /> <input name="uri" type="hidden" value="condaianllkhir/DrRO" /> <input class="submitbutton" type="submit" value="Submit" /> </form> </center> <img id="feedburner_right_img" src="https://lh5.googleusercontent.com/-vzlsiGCx1fk/UsWmCQdBh7I/AAAAAAAAGsw/_kpQ8Lcnxsg/w80-h103-no/rss.png" /> <div style="float: left; padding: 20px; margin: 0px;"> <span style="font-size:10px;">Widget by <a href="http://www.condaianllkhir.com/">condaianllkhir</a> </span> <span style="font-size:8px;"></span> </div> </div> </div> <div id="on"> <div id="youtube_right" style="top:58%;"> <div id="youtube_div"> <img id="youtube_right_img" src="https://lh5.googleusercontent.com/-wBvCvQhVAMc/UsWmEavjfNI/AAAAAAAAGtA/8anKgcJhrho/w80-h103-no/youtube.png " /> <div style="float:right;margin:1px 0px 0px 2px;"> <iframe src=https://www.youtube.com/subscribe_widget?p=designs9 style="height:105px;width:300px;border:0;" scrolling="no" frameborder="0"></iframe> </div> </div> </div> </div></div></div>




للتعديل على الكود إستخدم البحث بالكيبورد Ctrl+F

إستبدل designsblog   بإسم المستخدم الخاص بصفحتك على الفيس بوك facebook fanpage username
إستبدل  DrRo2  بإسم المستخدم الخاص بحسابك على تويتر مع العلم بأنه مكرر أكثر من مرة  twitter username
إستبدل  +Condaianllkhir  بإسم المستخدم الخاص بحسابك على جوجل بلس 
  بإسم المستخدم الخاص بخلاصات مدونتك 
إستبدل  designs9 بإسم المستخدم الخاص بقاتك على اليوتيوب


إقرأ المزيد http://www.condaianllkhir.com/2014/01/slide-social-follower-box-widget.html#ixzz2pPvawlpt
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://info-noor-islam.ahlamontada.com
 
أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» إضافة جميلة لمدونات بلوجر : أزرار المواقع الإجتماعية منزلقة مع الصفحة بشكل رائع
» اربح المال من paidcoin عبر الشبكات الإجتماعية
» إضافة الشبكات الإجتماعية المنبثقة مع إضافة القالئمة البريدية
» TCF / DELF / DALF 2014-2015 إجتياز إختبار اللغة الفرنسية لمتابعة الدراسة بفرنسا
» اضافة ازرار المشاركة فى الشبكات الاجتماعية عائمة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات احفاد الرسول :: منتدى: المعلوميات :: إضافات بلوجر المميزة Blogger widget-
انتقل الى:  
تعليقات فيسبوك

تابعنا على فيسبوك
أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك Flags_1
online
تويتر طائر


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا