السلام عليكم ورحمة الله وبركاتة .. الان مع اضافة جديده من اضافات مدونة بلوجر .. اضافة ناف بار الهدف منه تسهيل اعجاب القراء بالمدونة على الفيس بوك وكذلك على جوجل بلس .. والصوره المرفقه في التدوينه توضح شكل الاضافه .. والان مع طريقة تطبيقها على مدونات بلوجر ..
اى استفسار يرجا ترك تعليق بالاسفل ...
- توجه الى لوحة تحكم بلوجر > تصميم> تحرير HTML
- قم باخذ نسخة احتياطيه من القالب .
- قم بالبحث عن
]]></b:skin>4. ضع قبله الكود الموجود بالاسفل,
/*MBT Stickybar*/ثم ابحث </head> وضع قبلها ما بالاسفل مباشرة .
#mbt_bar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiomPTiMXjWApa6uY03GNJ9iB_dC1gpTWhkDOGN_WZ8-IX_8LB0U_dA_ufVoxaqWgZcPMukrfEpQ7zYfWp2CUlf8UIHfLMDTqUs-CLs-RW4aUcRMoLLbnFXtJmmBDylUqjoatxnY87d3gk/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/AVvXsEhr9lSVsqPfj4f16nb5HAk3mgWMZdofbEkMWGNMWp5PNzST6iKb_jXVtQ9AykbWKN4bmtAsF0jZ7VjgL0VL3cmj_0u6-TH4-h_gNsgfNo_YXOIgERcVrHEt6cvckHKsewv6pmgU4eTUgT8/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>قم بحفظ قالب المدونه..
اى استفسار يرجا ترك تعليق بالاسفل ...
يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة اضافة ناف بار لتسجيل الاعجاب على فيس بوك وجوجل بلس | TATWEERWEB
ساهم في نشر الموضوع ولك جزيل الشكر !
أضف تعليقك عن طريق الفيسبوك :