السلام عليكم ورحمة الله وبركاتة .. الان مع اضافة جديده من اضافات مدونة بلوجر .. اضافة ناف بار الهدف منه تسهيل اعجاب القراء بالمدونة على الفيس بوك وكذلك على جوجل بلس .. والصوره المرفقه في التدوينه توضح شكل الاضافه .. والان مع طريقة تطبيقها على مدونات بلوجر ..
اى استفسار يرجا ترك تعليق بالاسفل ...
- توجه الى لوحة تحكم بلوجر > تصميم> تحرير HTML
- قم باخذ نسخة احتياطيه من القالب .
- قم بالبحث عن
]]></b:skin>4. ضع قبله الكود الموجود بالاسفل,
/*MBT Stickybar*/ثم ابحث </head> وضع قبلها ما بالاسفل مباشرة .
#mbt_bar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE9vamoiosP4Or7XOWQDrC8ULh53Bv_rgJSFQ4wA9iByoz6SEjGRxFwKxxx2JkCsFmc8dKu2WVCGlWpv2OfeodLziYCQHnE12SDew1GuHdp_YgIhyXUgnLG02A-hmr72fKfOjWBh0eRzA/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/AVvXsEgpINXMFdnK71Z_GelEUJRNrI67cuNodb2jGO2zOtOIt75fRYMrB_v9gz7_P78iwXVyKCaXqj0sFQbNVxUGf0TRrXBoL8FoA6e4_qQAG5HX8PaRwmgymJDJidVQQrS5p5C4HHbXDacgitI/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>قم بحفظ قالب المدونه..
اى استفسار يرجا ترك تعليق بالاسفل ...
انت مدونتك ليه ملخبطة فى بعضيها كده ياريت تنظم المدونة ومظهرها اكثر واعتبرها نصيحة منى
ردحذف@ عمر صبري
ردحذفشكرا اخي العزيز علي نصيحتك الغاليه .. لي رجاء عندك ارجو الا تردني فيه ,
اتمنى منك اهدائي احد قوالب مدوناتك الرائعه حتى اقوم بتغيير هذا القالب الملخبط في بعضه زي ما حضرتك قلت وتدلني علي الطريقه اللي اقدر انظم بيها المدونه ومظهرها .. تقبل مودتي وتقديري
ارجوك احمد ان تستمع الى نصيحة الاخ عمر صبري و تتعلم منه لانه ذو خبرة عالية فى مجال التدوين و المثال على ذلك مدونة رايق على طول و مودرن كورة
ردحذف@ اختي العزيزه ريما بالطبع سوف اعمل بنصيحته فهي ستفيدني كثيرا لان المدونه اصبحت بعد تغيير القالب ملخبطه في بعضيها كده ..
ردحذفكلمتين و بس
ردحذفقل بعضها و لا تقل بعضيها.
اشكر الاستادة (ريما) على تعليقها الطيب ولكن انا كنت اقصد مجرد نصيحة لانى من اكثر متابعى مدونة تقارب اهتماما بها وصدقنى والله ان مظهر المدونة من اهم اساسيات المدون الناجح وانا انظر فيك المستقبل الجيد فى تطوير المدونات وان كان عليك تنظيم المدونة فعليك اولا بتغيير القالب او تعديله قليلا
ردحذفتقبل تحياتى
اخوك عمر صبرى
الى الاخ عمر صبرى انا لم اقصد السخرية و لكن ردى كان من باب الفكاهة وليس الا.
ردحذفتقبل تحياتى
وانا اتقبل الفكاهة من اعز المدونين لدى واعتقد ان شكل المدونة اصبح افضل
ردحذفاقول لصاحب هذه المدونه الا يغير قالبه لانه اكثر من رائع
ردحذفولو عندك كود ازاى اعمل تعليقات الفيسبوك على مدونتى تبقى عملت خدممه بس يكون شغال
ردحذفاخي العزيز محمد الخميسي مرحبا بك اخي وشكرا علي متابعتك ورايك في قالب المدونه , يمكنك تركيب تعليقات الفيس بوك باتباع الموجود في الرابطين التاليين بانتباه
ردحذفاضافة عداد التعليقات الي تعليقات الفيس بوك بمدونتك..تحديث..
تركيب تعليقات فيسبوك العربية على مدونات بلوجر مع التحديث الاخير
إرسال تعليق