- توجه الى لوحة تحكم بلوجر > تصميم> تحرير HTML
- قم باخذ نسخة احتياطيه من القالب .
- قم بالبحث عن
]]></b:skin>4. ضع قبله الكود الموجود بالاسفل,
/*MBT Stickybar*/ثم ابحث </head> وضع قبلها ما بالاسفل مباشرة .
#mbt_bar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgHshk-ocuV0zpBbBxJN_owQFHEiyED0292bXV3XXR4LbF3lbQss46BnpGnuMZDN19nZ2K9WDRQAdW2DS0YaGG6VfOg6n5dhPM5N_MYHVCQMGECE_eYmRz6ZyB-VjDCH1r5BSYXI2MBIQ/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;}
<script type='text/javascript'>6. ثم ابحث مجددا عن <body> واضف تحتها الكود التالي..
//<![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>
<div id='mbt_bar'> <span style='padding-right:5px; float:right'> <img align='absmiddle' border='0' onClick='closeTopAdsundefined);return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRsrErxmogGFnhWxek3ofYXIARGYz5VxM5QdgqKWwYJY2VcSZYzkjSWP9tBbUOAqgRrpqIfvNBePvNbhud7m4XNt7mE0Ch2J9Xv9fQGlJrSrrfUm_MN6uUHmtyYFEH7uCwUv8-Z10rgFI/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&send=false&layout=button_count&width=80& show_faces=false&action=like&colorscheme=light&font&height=21' style='border:none; overflow:hidden; width:80px; height:21px;'/> <g:plusone href='http://www.mybloggertricks.com' size='medium'/> </div> </div>قم بحفظ قالب المدونه..
اى استفسار يرجا ترك تعليق بالاسفل ...
11 عدد التعليقات على موضوع طريقة اضافة ناف بار لتسجيل الاعجاب على فيس بوك وجوجل بلس
انت مدونتك ليه ملخبطة فى بعضيها كده ياريت تنظم المدونة ومظهرها اكثر واعتبرها نصيحة منى
@ عمر صبري
شكرا اخي العزيز علي نصيحتك الغاليه .. لي رجاء عندك ارجو الا تردني فيه ,
اتمنى منك اهدائي احد قوالب مدوناتك الرائعه حتى اقوم بتغيير هذا القالب الملخبط في بعضه زي ما حضرتك قلت وتدلني علي الطريقه اللي اقدر انظم بيها المدونه ومظهرها .. تقبل مودتي وتقديري
ارجوك احمد ان تستمع الى نصيحة الاخ عمر صبري و تتعلم منه لانه ذو خبرة عالية فى مجال التدوين و المثال على ذلك مدونة رايق على طول و مودرن كورة
@ اختي العزيزه ريما بالطبع سوف اعمل بنصيحته فهي ستفيدني كثيرا لان المدونه اصبحت بعد تغيير القالب ملخبطه في بعضيها كده ..
اشكر الاستادة (ريما) على تعليقها الطيب ولكن انا كنت اقصد مجرد نصيحة لانى من اكثر متابعى مدونة تقارب اهتماما بها وصدقنى والله ان مظهر المدونة من اهم اساسيات المدون الناجح وانا انظر فيك المستقبل الجيد فى تطوير المدونات وان كان عليك تنظيم المدونة فعليك اولا بتغيير القالب او تعديله قليلا
تقبل تحياتى
اخوك عمر صبرى
الى الاخ عمر صبرى انا لم اقصد السخرية و لكن ردى كان من باب الفكاهة وليس الا.
تقبل تحياتى
وانا اتقبل الفكاهة من اعز المدونين لدى واعتقد ان شكل المدونة اصبح افضل
ولو عندك كود ازاى اعمل تعليقات الفيسبوك على مدونتى تبقى عملت خدممه بس يكون شغال
اخي العزيز محمد الخميسي مرحبا بك اخي وشكرا علي متابعتك ورايك في قالب المدونه , يمكنك تركيب تعليقات الفيس بوك باتباع الموجود في الرابطين التاليين بانتباه
اضافة عداد التعليقات الي تعليقات الفيس بوك بمدونتك..تحديث..
تركيب تعليقات فيسبوك العربية على مدونات بلوجر مع التحديث الاخير
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .
