قوالب بلوجر معربة

الخميس، 16 أغسطس، 2012

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

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




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


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


</body>
ونضع قبله الكود التالي

<!-- Notification code by blogg-face.blogspot.com start -->
<style type='text/css'>
#ut-sticky
{
background:url(&#39;http://3.bp.blogspot.com/-7oGSlq30cTw/Tv33CS4WGgI/AAAAAAAAA0w/HxId_tRUae8/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

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

من فضلك اضغظ لايك لمشاهدة لينك التحميل

6 التعليقات:

  1. جميل جدا
    لكن اردت ان اسأل سؤال
    هل الشريط يمكن تصميم خلفيته على شكل صورة ام انه عبارة اكواد فقط ؟؟

    ردحذف

  2. لالا صورة اخي ومن الممكن استبدل هذا
    http://3.bp.blogspot.com/-7oGSlq30cTw/Tv33CS4WGgI/AAAAAAAAA0w/HxId_tRUae8/s1600/ut-bg.png الي اي صورة تريد وشكرا لك اخي اسامة علي متابعتك

    ردحذف
  3. تمااااام
    بس فى اضافه افضل من دى بكتير ومنسقه بشكل جذاب وبها ادوات كتيره جدا
    للمشاهده المباشره على مدونتى
    http://hasrieat.blogspot.com/

    ردحذف
  4. @Moahmed Hany

    شكرا علي المرور العطر
    وانا ساطورها باذن الله

    ردحذف
  5. شكرا لك على سعة صدرك واحترامك لجميع الاراء تحياتى لك
    http://hasrieat.blogspot.com

    ردحذف
  6. @Moahmed Hany

    لالا اخي تقل هذا هذا وجبي وانا في خدمة اي احد واحترام الاراء وسماع الاخرين سر النجاح في الحياة

    وشكرا لك علي كلامك الجميل

    ردحذف

افلام اون لاين

اختارنا لكم

 
© 2014 جميع حقوق النشر محفوظة لدى المعرفة Blog | تصميم قوالب بلوجر