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

بسم الله الرحمن الرحيم وبه نستعين والصلاة والسلام علي اشرف المرسلين سيدنا 

محم صلي الله عليه وسلم درس يوم جميل جدا

وباذن الله سوف يعجبكم وهو عبارة عن ناف بار به ادة جوجل بلس وتوتير وزر 

اعجبني لصحفتك علي الفيس بوك لن اطيل عليكم في الشرح وساريكم مشاهدة حية 

للاضافة كالعادة

مشاهدة مباشرة

اذا اعجبتكم اكملوا معي الدرس

اولا نذهب الي لوحة تحكم بلوجر

</body>

ونضع قبله الكود التالي

<!-- Notification code by blogg-face.blogspot.com start -->
<style type='text/css'>
#ut-sticky
{
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4HGJMsf_2Nhc1BXduBwc7akHUWNbtPZ65kHlrchd2Yc-aQwBCKZi9rujTT5kqgA2A982PYg9kGo5svxjo4HBtZyk6fJTATkjoIfZtssZAUtFdant-fxAXvS-7-bpmzZOxZhqIlRVJeUmm/s1600/ut-bg.png&#39;) repeat;
color:#fff;
margin:0 auto;
text
border-top: 1px solid #fff;
height:40px;
font-size:15px;
position:fixed;
bottom:0;
z-index:999;
width:98%;
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align: center;
display:block;
font-weight: tahoma;
font-family: tahoma;;
font-color:#fff;
}
#ut-sticky:hover
{background:#000000;}

#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; float:right;}
.ut-cross a{font-size:18px; font-weight:tahoma; font-family:&quot;tahoma&quot;; color:#FF0000; line-height:30px;}
</style>
<div id='ut-sticky'>

<p><script id="_wautd7">var _wau = _wau || []; _wau.push(["small", "ozklwgurcddl", "td7"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone> <a href="https://twitter.com/share" class="twitter-share-button">Tweet</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> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fblogger.face&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=21&amp;appId=374608635945221" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe></p>
<div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>

function hide_cross() {
crosstbox = document.getElementById(&quot;ut-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>
<!-- Notification code by  blogg-face.blogspot.com/  -->

غير#000000 باي لون تريد وهو المسؤال عن لون الشريط عن اقترب الموس اليه

 وهذه صفحة توليد اكواد الالوان

lمن هنا

واستبدل هذا برابط صفحتك علي الفيس بوك blogger.face

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

من هنا