الجمعة، 14 سبتمبر 2012

اضافة " انصح بهذه التدوينية " الرائعه تظهر عند وصول الزائر لنهاية التدوينية ( من تعريبي)

http://im14.gulfup.com/2012-09-14/1347634017981.png

السلام عليكم!الكل يعلم مدى اهمية ابقاء الزائر اطول فترة ممكنه في المدونة و محاولة 

اظهار اكبر قدر من المشاركات التي قد تهمه لذا اقدم لكم اضافة رائعه جدا لبلوجر وهي 

شريط منزلق يظهر عند نزول الزائر للأسفل (نهاية التدوينية) فيظهر هذا الشريط بشكل تقائي

موصياً بموضع اخر في المدونة  الحقوق محفوظه للمصدر اضافة رائعة انصحكم بها! الان لكيفية التركيب:

1- اذهب للوحة تحكم المدونة>>تخطيط>>>اضافة اداة HTML 

http://im30.gulfup.com/2012-09-10/1347265400615.png

 2- الصق الكود التالي:
 



<div id="hlslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p> <div align="center">أنصح بهذه التدوينية لك!</div></p> <div id="hlslidein_image"></div> <div  id="hlslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof hl_onload_queue=='undefined')var hl_onload_queue=[];if(typeof hl_dom_loaded=='boolean')hl_dom_loaded=false;else var hl_dom_loaded=false;if(typeof hl_async_loader!='function'){function hl_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(hl_dom_loaded){newcallback()}else hl_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof hl_domLoaded!='function')function hl_domLoaded(callback){hl_dom_loaded=true;var len=hl_onload_queue.length;for(var i=0;i<len;i++){hl_onload_queue[i]()}}hl_domLoaded();hl_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){hl_async_loader("http://helplogger.googlecode.com/svn/trunk/Recommended Post Slide Out For Blogger Blogspot.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://electr-news.blogspot.com/2012/09/recommended-post.html" target="_blank"></a>


الان احفظ الاداة وذهب لقالب >تحرير HTML>اشر على توسيع القوالب

و ابحث عن الكد التالي:


<div class='post-footer-line post-footer-line-1'>

أو



<p class='post-footer-line post-footer-line-1'>
أو


<data:post.body/>

والصق أسفل الذي تجده التالي:



<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

فقط! الان استمتع^^



اذا اعجبتك التدوينية او استفدت منها شاركنا برأيك ولو بكلمة شكر في تعليق

ولا تنسى الضغط على ازرار المواقع الاجتماعية ادناه.

تحياتي.


ليست هناك تعليقات:

إرسال تعليق