الدرس 3 : بالصور طريقة اضافة شاحنة الفيسبوك المتحركة اسفل المدونة بلوجر

بسم الله الرحمن الرحيم

اهلا وسهلا باعضاء وزوار مدونة مساعدة المدونين

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

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

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

صورة للاضافة :

شاحنة الفيسبوك المتحركة للمدونات

الخطوات :

لوحة التحكم بلوجر >عناصر الصفحة > إضافة أداة > HTML/JavaScript

HTML/JavaScript

 

ضع الكود التالى فى المربع الذى سيظهر لكـ

<!-- eblogerhelp.blogspot.com --> <div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="https://www.facebook.com/mido.7s" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqHe3v1H6rSVS0U7If6fxZFYLe-RKTQ2bdJ1q0bpyjaaQBKVBXUMO3MckYFdP8iIf00pdWS5CstNiROLFP2oiqkWM21kKWIlSrAryXA03n-TlzNU5b0kUxFH_91giHoO_eSrNGodhhZAk/s69/I1.png"/> </abbr> </a> </marquee> </div>

قم بتبديل الرابط التالى  https://www.facebook.com/mido.7s 
برابط صفحتك على الفيسبوكـ

Left
ده اتجاة حركة شاحنة الفيسبوكـ

Follow us at Facebook
العنوان : يظهر عند وضع مؤشر الماوس

اضغط حفظ وتمتع بالاضافة الجديدة 

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

بسم الله الرحمن الرحيم 

اذا كانت لديك قناة على اليوتيوب

وتريد اضافة زر الاشتراك (Subscribe) فى مدونتك 

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

الخطوات :

• افتح لوحة التحكم من هنا
• ثم تخطيط واضافة اداة
  
  

  HTML/JavaScript

الكود 

<center> <iframe src=http://www.youtube.com/subscribe_widget?p=MHShoman style="overflow: hidden; height: 100px; width: 260px; background: #fff;background: -moz-linear-gradient(top,#F0EFEF,#fff);background: -webkit-linear-gradient(top,#F0EFEF,#fff); box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999; padding:1px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; border:3px dotted #000;" scrolling="no" frameborder="0"></iframe></center>

قم بإستبدال MHShoman بإسم قناتك على الوتيوب

اضغط حفظ وتمتع باداة الاشتراك فى اليوتيوب بشكل بسيط ورائع 

الطريقة الابسط لاضافة زر الصعود لاعلى فى مدونات بلوجر وباحترافيه CSS

بسم الله الرحمن الرحيم

اقدم لكم اليوم 

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

اضافة رائعة ( زر الصعود لأعلى مدونتك ) من الاضافات المهمة  

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

شكل الاضافة :

الخطوات : 

• اولا : ادخل الى لوحة تحكم مدونتك
   او من هنا
• ثم الى تخطيط  
                
• ثم اضافة اداة

  HTML/JavaScript

  
  
• ثم اضف الكود التالى :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" > /*********************************************** * Modified by http://eblogerhelp.blogspot.com * This notice MUST stay intact for legal use * Visit Project Page at http://eblogerhelp.blogspot.com for full source code ***********************************************/ var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src=" رابط الصورة" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol"> '+mainobj.controlHTML+'</div> ') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'إصعد إلى الأعلى !'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script>

• اخيرا اضغط حفظ وافتح مدونتك
  واستمتع باجمل اضافة