Pages

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

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

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

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

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

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

NAV+BAR+LIKES



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


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


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

resized_ez

</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

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






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

إرسال تعليق

ساعدنا على ان نكون متواصلين دائما اضف تعليقك
وشاركنا بارائك فكلمه شـــكر تعني لنا الكثير