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

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

اضافة رسالة تنبية للاشتراك في المواقع الاجتماعية ،الاضافة تزيد من عدد معجبين الفيس بوك وايضا تزيد من متابعينك في تويتر والاضافة بها زر الفيس بوك وزر التويتر والاضافة خفيفية جدا علي المدونة والاضافة تنزلق مع المدونة عند الوصول الي المنتصف العلوي تختفي الاضافة

 

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

ولتركيب الاضافة  علي المدونة اذهب الي لوحة تحكم مدونتك واختار منها تخطيط كما واضح في الصورة 

بعد الضغط علي التخطيط اضغط علي اضافة اداة كما مواضح في الصور 

 بعد ذلك سوف تظهر نافذا اختار منها HTML/jav scriptكما موضح في الصورة

اختار شكل الاضافة الذي تريدها

الشكل الاول 

كود الاضافة

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlI8cVvxmB9VUMBYTyxPeOD6efiBtrB9oTXquOi-GMAnC1VxTL13jhcLHzH_xj6DcwCpcv1wUS5R9wa3H8X4W9j5danf9tksHvoBhds54YlG85nzZ3JOrAk3dKsor2RBbfYp5LA62mao/s1600/NBT_Green.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; left:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">تواصل مهنا علي الفيس بوك وتويتر</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKYvA6jOKU2d62UUJGgknJiEaBIscLPfP85VNErYURXTm26IVduTi_zUJTtg2M7RxDTzCOkbdawvri1M44S7VaBUIhH9qNjzoThyphenhyphenqGVUXIknNLdf3AiqyS6lcQwxxRhqHW2WiNRgP7bQ/s1600/NBT_Orange.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; left:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">تواصل مهنا علي الفيس بوك وتويتر</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKYvA6jOKU2d62UUJGgknJiEaBIscLPfP85VNErYURXTm26IVduTi_zUJTtg2M7RxDTzCOkbdawvri1M44S7VaBUIhH9qNjzoThyphenhyphenqGVUXIknNLdf3AiqyS6lcQwxxRhqHW2WiNRgP7bQ/s1600/NBT_Orange.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; left:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKYvA6jOKU2d62UUJGgknJiEaBIscLPfP85VNErYURXTm26IVduTi_zUJTtg2M7RxDTzCOkbdawvri1M44S7VaBUIhH9qNjzoThyphenhyphenqGVUXIknNLdf3AiqyS6lcQwxxRhqHW2WiNRgP7bQ/s1600/NBT_Orange.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; right:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKYvA6jOKU2d62UUJGgknJiEaBIscLPfP85VNErYURXTm26IVduTi_zUJTtg2M7RxDTzCOkbdawvri1M44S7VaBUIhH9qNjzoThyphenhyphenqGVUXIknNLdf3AiqyS6lcQwxxRhqHW2WiNRgP7bQ/s1600/NBT_Orange.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; right:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKYvA6jOKU2d62UUJGgknJiEaBIscLPfP85VNErYURXTm26IVduTi_zUJTtg2M7RxDTzCOkbdawvri1M44S7VaBUIhH9qNjzoThyphenhyphenqGVUXIknNLdf3AiqyS6lcQwxxRhqHW2WiNRgP7bQ/s1600/NBT_Orange.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; right:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKYvA6jOKU2d62UUJGgknJiEaBIscLPfP85VNErYURXTm26IVduTi_zUJTtg2M7RxDTzCOkbdawvri1M44S7VaBUIhH9qNjzoThyphenhyphenqGVUXIknNLdf3AiqyS6lcQwxxRhqHW2WiNRgP7bQ/s1600/NBT_Orange.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; right:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKYvA6jOKU2d62UUJGgknJiEaBIscLPfP85VNErYURXTm26IVduTi_zUJTtg2M7RxDTzCOkbdawvri1M44S7VaBUIhH9qNjzoThyphenhyphenqGVUXIknNLdf3AiqyS6lcQwxxRhqHW2WiNRgP7bQ/s1600/NBT_Orange.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; right:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fhttps://www.facebook.com/hh5050?ref=hl&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/awsa9090" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'> </div> </div>
 

ملاحظة يجب تغير رابط الفيس بوك https://www.facebook.com/hh5050?ref=hl

ورابط تويتر awsa9090

ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان

SHARE THIS