طريقة اضافة ناف بار لتسجيل الاعجاب على فيس بوك وجوجل بلس

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


  1. توجه الى لوحة تحكم بلوجر > تصميم> تحرير HTML
  2. قم باخذ نسخة احتياطيه من القالب .
  3. قم بالبحث عن
]]></b:skin>
     4.  ضع قبله الكود الموجود بالاسفل,
/*MBT Stickybar*/
#mbt_bar{
background:#0080ff url('http://3.bp.blogspot.com/-zQeUG7PU9Uw/TmkiptyZ1eI/AAAAAAAAE98/At4tRBC9HQc/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:3px 0 0 0;
border-bottom: 1px solid #888888;
  -moz-box-shadow: #666666 0px 1px 3px;
  -webkit-box-shadow: #666666 0px 1px 3px;
  box-shadow: #666666 0px 1px 3px;
  z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#fff;
font-size:12px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
}
#mbt_bar a{
text-decoration:underline;
color:#E2E504;
}
#mbt_bar a:hover{
text-decoration:none;
}
#mbt_bar p {margin:0; list-style:none;}
#mbt_bar img {vertical-align: middle;
      margin-right: 6px;}

ثم ابحث </head>   وضع قبلها ما بالاسفل مباشرة .
<script type='text/javascript'>
//<![CDATA[
var mbt_arr = new Array();
var mbt_clear = new Array();
function mbtFloat(mbt) {
mbt_arr[mbt_arr.length] = this;
var mbtpointer = eval(mbt_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mbtsrc = document.all? document.all[mbt] : document.getElementById(mbt);
this.mbtsrc.height = this.mbtsrc.offsetHeight;
this.mbtheight = this.cmode.clientHeight;
this.mbtoffset = mbtGetOffsetY(mbt_arr[mbtpointer]);
var mbtbar = 'mbt_clear['+mbtpointer+'] = setInterval("mbtFloatInit(mbt_arr['+mbtpointer+'])",1);';
mbtbar = mbtbar;
eval(mbtbar);
}
function mbtGetOffsetY(mbt) {
var mtaTotOffset = parseInt(mbt.mbtsrc.offsetTop);
var parentOffset = mbt.mbtsrc.offsetParent;
while ( parentOffset != null ) {
mbtTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mbtTotOffset;
}
function mbtFloatInit(mbt) {
mbt.pagetop = mbt.cmode.scrollTop;
mbt.mbtsrc.style.top = mbt.pagetop - mbt.mbtoffset + "px";
}
function closeTopAds() {
document.getElementById("mbt_bar").style.visibility = "hidden";
}
//]]>
</script>
   6.     ثم ابحث مجددا عن <body>  واضف تحتها الكود التالي..
<div id='mbt_bar'> <span style='padding-right:5px; float:right'> <img align='absmiddle' border='0' onClick='closeTopAdsundefined);return false;' src='http://1.bp.blogspot.com/-MSEzL6EtjrM/Tt-hrSkKVnI/AAAAAAAAFiQ/AGUGFpnSUHk/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span><div style='float:left; padding-left:10px;'>Stickybar with social Plugins</div> <div style='float:right; padding-right:0px;'> <p style='font:bold 12px arial; float:left; margin:5px;'>Liked us?</p><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fbloggertricks&amp;send=false&amp;layout=button_count&amp;width=80&amp; show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21' style='border:none; overflow:hidden; width:80px; height:21px;'/> <g:plusone href='http://www.mybloggertricks.com' size='medium'/> </div> </div>
قم بحفظ قالب المدونه..
اى استفسار يرجا ترك تعليق بالاسفل ...
أصدقاء(تطوير ويب)
تعليقات Facebook
11تعليقات Blogger

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

عمر صبرى يقول...

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

tqarob blog يقول...

@ عمر صبري
شكرا اخي العزيز علي نصيحتك الغاليه .. لي رجاء عندك ارجو الا تردني فيه ,
اتمنى منك اهدائي احد قوالب مدوناتك الرائعه حتى اقوم بتغيير هذا القالب الملخبط في بعضه زي ما حضرتك قلت وتدلني علي الطريقه اللي اقدر انظم بيها المدونه ومظهرها .. تقبل مودتي وتقديري

RIMA يقول...

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

tqarob blog يقول...

@ اختي العزيزه ريما بالطبع سوف اعمل بنصيحته فهي ستفيدني كثيرا لان المدونه اصبحت بعد تغيير القالب ملخبطه في بعضيها كده ..

RIMA يقول...

كلمتين و بس
قل بعضها و لا تقل بعضيها.

عمر صبرى يقول...

اشكر الاستادة (ريما) على تعليقها الطيب ولكن انا كنت اقصد مجرد نصيحة لانى من اكثر متابعى مدونة تقارب اهتماما بها وصدقنى والله ان مظهر المدونة من اهم اساسيات المدون الناجح وانا انظر فيك المستقبل الجيد فى تطوير المدونات وان كان عليك تنظيم المدونة فعليك اولا بتغيير القالب او تعديله قليلا
تقبل تحياتى
اخوك عمر صبرى

RIMA يقول...

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

عمر صبرى يقول...

وانا اتقبل الفكاهة من اعز المدونين لدى واعتقد ان شكل المدونة اصبح افضل

محمد السعيد الخميسى. يقول...

اقول لصاحب هذه المدونه الا يغير قالبه لانه اكثر من رائع

محمد السعيد الخميسى. يقول...

ولو عندك كود ازاى اعمل تعليقات الفيسبوك على مدونتى تبقى عملت خدممه بس يكون شغال

tqarob weblog يقول...

اخي العزيز محمد الخميسي مرحبا بك اخي وشكرا علي متابعتك ورايك في قالب المدونه , يمكنك تركيب تعليقات الفيس بوك باتباع الموجود في الرابطين التاليين بانتباه
اضافة عداد التعليقات الي تعليقات الفيس بوك بمدونتك..تحديث..
تركيب تعليقات فيسبوك العربية على مدونات بلوجر مع التحديث الاخير

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .