مساعدة المدونين: 2014

محمد شومان

الاثنين، 3 فبراير 2014

0 التعليقات MHShoman

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

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

من الاضافات الجميلة التى يحتاجها كل مدون هذه الازرار الجانبية للشبكات الاجتماعية وايضا كنا تحدثنا عن الشاحنة المتحركة فى اسفل المدونة التى تزيد ايضا عدد عجبيك على الفيسبوك

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

خطوات الاضافة :

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

<script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">
<div id="facebook_right" style="top: 12%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXi9nbH_5TdXcdr4BcTkaNZICJhfyzlaHAMYDRhkgi6A0bnNDYumeYANcYCYv66T-XDmuca0-dPzHXm4bm-maTqAKKX8bqVaaoDLLoEVwVl2ru9EwJC10c_Fb08EkuLCSZfokGaEpRZCk/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ersmha&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false"        style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe>      </div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 28%;">
<div id="twitter_div">
<img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxarxiDG8oMh7UtSoOSWFgn2RnoFRjqKA6D2SAYnUPVufGtJCTRLbFa4d-Z6JVkog8RMtKW1thwJRt9_Btm-XqJD3s0Kv7sSA53eYayEyW7i3Oj7FFPs8eUFXN-Nmz-ATMAsiXEmgHLnY/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;">
<script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=MHShoman&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://eblogerhelp.blogspot.com/" target="_blank"></a></div>
</div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 45%;">
<div id="google_plus_div">
<img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqdN8Us2By46Z-KI5zpapFA8eQFtUT1PY84502Z3nmp51hLbWv8Inf5Cg0l8dUsKhYlnVtnLaHaNXOgnv4COdOH3FLhzLBNVA9SLpx1elRcymAr65EDUrm4An4rkV18dEiHSCJlUi9eQ/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">
<a href='http://eblogerhelp.blogspot.com/'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFdcoPNFCoE-0M1TJA8g8-IlHHzLyMzEpGnWYbusntC2a4A8BwUtyerT_CK75XFDunKauts-6ReXsvTvDINdrCALhyXsNqIMM8zZQ9s-Hudhtn7kiwxjKm0tH0MwJsn-IyxUWx5pPiweU/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/u/0/+KoraPedia" data-source="blogger:blog:followers" data-width="270">
</div>
<script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>
</div>
</div>
</div>

قم بتغيير التالي :

1- https://www.facebook.com/ersmha

2- https://twitter.com/mhshoman

3- https://plus.google.com/u/0/+KoraPedia

احفظ واذهب لمدونتك واستمتع بالاضافة

من مكان ما على كوكب الارض تم كتابة هذه المقالة

ياااااارب اكون وفيت الشرح وقصرتش معاكم

أكمل القراءة

محمد شومان

الأحد، 2 فبراير 2014

اضافات 0 التعليقات MHShoman

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

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

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

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

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

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

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

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

الخطوات :

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

HTML/JavaScript

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

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

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

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

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

أكمل القراءة اضافات

محمد شومان

الجمعة، 31 يناير 2014

اضافات 2 التعليقات MHShoman

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

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

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

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

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

الخطوات :

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

HTML/JavaScript

الكود

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

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

أكمل القراءة اضافات

محمد شومان

اضافات 0 التعليقات 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>

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

أكمل القراءة اضافات

^ Scroll to Top