مشاهدة الكل

الجمعة، 29 سبتمبر، 2017

الحل النهائى لمشكلة wrong ip عند تحميل الملفات من مواقع الرفع

الحل النهائى لمشكلة wrong ip عند تحميل الملفات من مواقع الرفع
الحل النهائى لمشكلة wrong ip عند تحميل الملفات من مواقع الرفع

مشكلة wrong ip address هى مشكلة يعانى منها الاشخاص اللذين دائما يقيمون بتحميل الملفات والبرامج والالعاب والاغانى من الانترنت من على مواقع الرفع الشهير, ويمكن وصف هذة المشكلة باحتصار هى مشكلة تحدث عندما تقوم بتحميل الملف وكتابة كود التحقق ثم بعد ذالك لا يظهر رابط التحميل المباشر ولكن تظهر مشكلة رونج اى بى ووتعتقد ان المشكلة فى كود الكابتشا او كود التحقق وتقوم بكتابة الكود من تانى وتظهر مشكلة wrong ip مرة اخرى.

ولحل هذة المشكلة هو ان تقوم بازالة اى اضافة على المتصفح سواء جوجل كروم او فايرفوكس او اوبيرا وهى الاضافات الخاصة بتغير الاى بى او حذف vpn الذى تستخدمة على الويندوز كما فى الفيديو بالاسفل.

الاثنين، 25 سبتمبر، 2017

طريقة بديلة لتطبيق retrica لتعديل اللوان صورك القديمة والجديدة باستخدام الفوتوشوب

طريقة بديلة لتطبيق retrica لتعديل اللوان صورك القديمة والجديدة باستخدام الفوتوشوب
طريقة بديلة لتطبيق retrica لتعديل اللوان صورك القديمة والجديدة باستخدام الفوتوشوب

فى سلسلة الدروس التعليمية لبرنامج الفوتوشوب نقدم لكم درس اليوم وهو طريقة بديلة لتطبيق retrica لتعديل اللوان صورك القديمة والجديدة باستخدام الفوتوشوب , فاذا كنت تمتلك او لا تمتلك هاتف لتشغيل تطبيق retrica والاستمتاع بالصور الجميلة فان برنامج الفوتوشوب الاكثر من رائعة لدية القدرة على استخراج صورك بشكل جميل واللوان ذاهية تحاكى التطبيق سالف الذكر. ففى اقل من 3 دقائق تستطيع تغير اللوان الصور والتعديل عليها بشكل رائع وبسهولة وباللوان متعددة كما يروق لك, فقط كل ما عليك هو تحميل برنامج الفوتوشوب وتثبيتة على جهازك ومشاهدة الفيديو بالاسفل.




الأحد، 19 مارس، 2017

اضافة زر الصعود لأعلى بشكل جديد لمدونات بلوجر


السلام عليكم ورحمة الله وبركاته
أهلا بكم في اضافة جديد من مدونة القبعة الزرقاء
اضافة اليوم مميزة شيئا ما .. فهي تساعد الزائر على الصعود لأعلى بشكل سلس وسريع
وهي مهمة جدا بالنسبة للمدونات التي بها مواضيع طويلة .
الاضافة تتميز بشكل رائع ولون يتناسب مع كل المدونات .. كما أنها خالية من الأخطاء بفضل الله .

يمكنك معاينة الاضافة من مدونتي

على العموم نبدأ ..

 

افتح لوحة التحكم .. ثم التخطيط ..
اضافة أداة html\javascript

بعد ذلك أضف الكود التالي  *ويجب أن تضيف الأداة بدون اسم*


<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'></script>
    <script type="text/javascript">
    var scrolltotop={
    //Modified by www.blogtipsuk.com more JQuery Scroll to Top Design
    //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="http://im84.gulfup.com/wOGFUj.png" />', //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:'Scroll to Top'})
    .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()
end code by ebd3h.blogspot.com
    </script>


هذا كل شئ .. 
أتمنى أن تكونو قد استفدتم ولو بالقليل من الموضوع ..

السبت، 18 مارس، 2017

اضافة صندوق الاشتراك بالبريد الالكتروني بشكل فلاتي رائع


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

نأتي لتركيب الاضافة

افتح لوحة التحكم .. ثم التخطيط ..
اضافة أداة html\javascript

بعد ذلك أضف الكود التالي
*ومن الأفضل أن تضيف الأدلة بدون اسم*

<link href='https://dl.dropboxusercontent.com/s/ga9ipblygtdebw8/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>
    <div id='byard-emailsubsocial'>
                <div class='heading'>
                سجل دخولك في ثواني
                </div>
                     <p>سجل باستخدام بريدك الإلكتروني لاستلام رسائل بأحدث المقالات والدروس .</p>
                <div class='emailsub'>
                <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ebd3h', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
                <input type='text' name='name' placeholder='اسمك' />
                <input type='text' name='email' placeholder='بريدك الإلكتروني' />
                <input type="hidden" value="ebd3h" name="uri"/>
                <input type="hidden" name="loc" value="en_US"/>
                            <input value="Sign Up Now!" class="button" type="submit" />

                </form>
                </div>

     <style type='text/css'>
         #byard-emailsubsocial {
          width: 325px;
          height: 330px;
          border: 1px solid #ddd;
            border-radius: 5px 5px 0px 0px;
         }
         #byard-emailsubsocial .heading {
    padding: 15px 25px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 600;
    font-family: GESSTwoMediumRegular;
    color: rgb(170, 170, 170);
    text-align: center;
    text-shadow: 0px 1px rgba(255, 255, 255, 0.75);
    background: none repeat scroll 0% 0% rgb(247, 247, 247);
         }
       #byard-emailsubsocial p {
        font-family: GESSTwoMediumRegular;
        font-size: 13px;
        color: rgb(170, 170, 170);
        line-height: 25px;
        padding: 10px 20px 0 20px;
        margin: 0;
       }
       #byard-emailsubsocial .emailsub {
        padding: 0px 20px 10px 20px;
       }
       #byard-emailsubsocial .emailsub input {
        color: rgb(170, 170, 170);
        padding: 10px;
        margin-top: 10px;
        font-size: 15px;
        font-family: GESSTwoMediumRegular;
        width: 92%;
        border: 1px solid #ccc;
        border-bottom: 2px solid #ccc;
        border-radius: 5px;
        transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
       }
       #byard-emailsubsocial .emailsub input:focus {
        border-color:#F4836A;
        outline: none;
        box-shadow: 0 0 2px 1px #F4836A;
       }
       #byard-emailsubsocial .emailsub .button {
        background: #F4836A;
        color: white!important;
        border:none;
        outline: none;
        border-bottom: 3px solid #B3614E;
        transition:background .4s linear;
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        font-weight: 600;
        cursor:pointer;
       }
       #byard-emailsubsocial .emailsub .button:hover{
        background: #DD7761;
       }


    #credits {
    margin: 0 auto!important;
    margin-top: -10px!important;
    width: 160px;
    }
end code by ebd3h.blogspot.com
         </style></div>

هذا كل شئ .. 
أتمنى أن تكونو قد استفدتم ولو بالقليل من الموضوع

الجمعة، 17 مارس، 2017

أحدث الخطوط العربية في الويب لمدونات بلوجر

أسهل طريقة لتركيب خطوط احترافية لمدونتك

السلام عليكم ورحمة الله وبركاته ..
أهلا بكم أعضاء وزوار مدونة القبعة الزرقاء


من خلال هذا الموضوع سوف تتمكن من اضافة أروع وأحدث الخطوط في الويب لمدونات بلوجر.
[عدد الخطوط : سبعة]

طريقة التركيب :
أولا توجه الى لوحة التحكم >> قالب >>   تحرير  Html  
ثم نبحث عن الوسم  ]]></b:skin>

ونضيف قبله مباشرة كود css لخطوط المراد إضافتها للمدونة

الخط الأول : ge_dinar

أروع خط عربي احترافي


@font-face {
font-family: "ge_dinar";
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot');
src: local("â&#732;º"), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot?#iefix') format('embedded-opentype'), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.otf') format('opentype');
font-weight: normal;
}



الخط الثاني : ges


أحدث الخطوط العربية



@font-face {
font-family: 'ges';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype');
}


الخط الثالث : GE-SS-Unique


خط عربي احترافي لمدونتك


@font-face {
font-family: 'GE SS Unique';
src: url('http://www.fontsaddict.com/fontface/ge-ss-unique-light.otf');
}

الخط الرابع : DroidKufi-Bold


خط جديد لمدونات بلوجر



@font-face {
font-family: "DroidKufi-Bold";
font-style: normal;
font-weight: 700;
src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf") format("truetype");
}

الخط الخامس : DroidKufi-regular


أفضل خط عربي لمواضيع المدونة


@font-face {
font-family: "DroidKufi-regular";
font-style: normal;
font-weight: 400;
src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf") format("truetype");

الخط السادس : Kaushan Script


خط عربي جميل


@font-face{  font-family:'Kaushan Script';   font-style:normal;   font-weight:400;   src:local('Kaushan Script'),local('KaushanScript-Regular'),url(http://themes.googleusercontent.com/static/fonts/kaushanscript/v1/qx1LSqts-NtiKcLw4N03IFhlQWQpSCpzb2Peu3I-Q34.woff) format('woff')
}


الخط السابع : hacen_liner


خط جديد بلوجر


@font-face {
font-family: "hacen_liner";
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.eot');
src: local("â&#732;º"), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.eot?#iefix') format('embedded-opentype'), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.woff');
font-weight: normal;
}


بعدج إدراجك للأكواد السابقة ... عندما تريد اضافة /تغيير خط معين فى أي جزء في القالب (القائمة مثلا)
ستجد الكود على هذا الشكل font-family:arial , tohama
اضف اسم الخط بعد font-family: مباشرة ..
لتكون في النهاية بهذا الشكل font-family: font-name arial , tohama
طبعا استبدل font-name باسم الخط .

أما إذا أردت تعميم خط واحد على القالب بأكمله (مع العلم أنها لا تنفع مع كل القوالب) ..
ما عليك سوى البحث عن body {
وأضف بعدها font-family: font-name

 ( إذا وجدت الكود السابق لا تقوم بإضافته مرة أخرى وإنما قم بالتعديل عليه فقط ) 

الى هنا نكون قد وصلنا الى ختام موضوع اليوم ... أتمنى أن تكونو قد اسفدتم ولو بالقيل ..

إذا أعجبك الدرس لا تبخل بمشاركته مع أصدقائك .

إضافة أداة التبادل الإعلاني النصي بشكل جديد وحصري لمدونات بلوجر


السلام عليكم ورحمة الله وبركاته ..
أهلا بكم اخواني المدونين في موضوع جديد وحصري مدونة القبعة الزرقاء .
إضافة اليوم مهمة لكل المدونات ... وأنا أنصح كل مدون بإستخدامها بدلا من التبادل الإعلاني بالبنر
حيث أن شكلها أفضل وستناسب ألوان مدونتك ..

يمكنك معاينة الإضافة أسفل المدونة

طريقة التركيب :
أولا اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript
ثم قم بإضافة الكود التالي
<style type='text/css'>
#navlist {
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    float: center;
    display: block;
}
#navlist a {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    background-color:#59606c;
    border: 1px solid #59606c;
    font-size: 10pt;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}
#navlist a:hover {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    background-color:#04bcbc;
    border:1px solid #04bcbc;
    font-size: 12pt;
    text-decoration: none;
    color: #363638;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}
</style>
<ul id='navlist'>
<table align='center' width='100 %'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='' target='_blank'>أعلن هنا</a>
</td>
</tr></table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
</table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
</table></table></table></ul> 
<div class='clear'></div>

تخصيص الإضافة :
قم بإستبدال إعلانك هنا بـ اسم الموقع
والـ # بـ رابط الموقع

ملحوظة مهمة جدا :
لظهور الإضافة بشكل أفضل قم بإستبدال DroidKufi-Regular باسم الخط المناسب

الى هنا نكون قد وصلنا الى ختام الموضوع ... الى اللقاء .

الخميس، 16 مارس، 2017

طريقة حذف كلمة التحقق من صندوق تعليقات بلوجر



السلام عليكم ورحمة الله وبركاته ..
لاشك أن كلمة التحقق هي مصدر إزعاج لمظم زوار مدونتك
بل إنها قد تؤدي أحيانا إلى إعادة النظر في نشر التعليق ... خصوصا أن كلمات تحقق جوجل غالبا ما تكون صعبة ^_^
لذلك أنصحك بمتابعة هذا الموضوع لتتمكن - بسهولة - من حذفها ..

أولا توجه الى لوحة التحكم >> اعدادات >> مشاركات وتعليقات
ثم فعل الخيار "لا" أمام خاصية كلمة التحقق
واضغط على خفظ الاعدادات 

وهذا شرح مفصل من خلال الصورة التالية . 

اضغط على الصورة للتكبير

الى هنا نكون قد وصلنا الى ختام موضوع اليوم ... أتمنى أن تكونو قد استفدتم ولو بالقليل ... الى اللقاء

اضافة أداة التبادل الاعلاني بشكل جديد لمدونات بلوجر


السلام عليكم ورحمة الله وبركاته
أهلا بكم في مدونة القبعة الزرقاء
اليوم أقدم لكم كود رائع لللتبادل الاعلاني ... يتميز الكود بشكل جديد وتأثيرات رائعة ..

معاينة الاضافة :



طريقة التركيب : 

الطريقة سهلة جدافقط اتبع الخطوات التالية
أولا اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript

ثم أضف الكود التالي :

<style>
#advertise{
  margin: auto;
}
 .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
 .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
 .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
 .adss img { max-height: 75px; max-width: 75px; }
 #adsanime:hover { opacity:0.2; }
 #adsanime a strong {
    -webkit-transition-property: opacity;
     -webkit-transition-duration: 500ms;
     -moz-transition-property: opacity;
      -moz-transition-duration: 500ms; }
 #adsanime a strong {
   opacity:0;
    -webkit-transition-property: opacity, top;
     -webkit-transition-duration: 300ms;
      -moz-transition-property: opacity, top;
       -moz-transition-duration: 300ms; }
 #adsanime {
    opacity:0.5;
     -webkit-transition-property: opacity, top;
      -webkit-transition-duration: 300ms;
       -moz-transition-property: opacity, top;
        -moz-transition-duration: 300ms; }
 #adsanime:hover { opacity:1; }
 #adsanime:hover a strong { opacity:1; top:-10px; }
</style> <center><div class="adss" id="adsanime"><a
href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
 href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong>     </a
></div><div class="adss" id="adsanime"><a
href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
 href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong>     </a
></div><div class="adss" id="adsanime"><a
 href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong>     </a
></div><div class="adss" id="adsanime"><a href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://lh3.googleusercontent.com/-KWeqhmS2Ofo/VtqicX26ylI/AAAAAAAAAhY/xX-_mvI1YPg/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div></center><a href="#"></a>
تخصيص الاضافة : 
استبدل اللون الأزرق برابط البنر الاعلاني
واللون الأحمر برابط الموقع
وأخيرا استبدل اللون الأصفر باسم الموقع

ملحوظة : يمكنك عمل صفحة مخصصة لعرض شروط التبادل الاعلاني ... بعد ذلك يمكنك استبدال اللون الأحمر برابط هذه الصفحة حتى يتمكن الزائر من عمل تبادل اعلاني مع مدونتك ..

الى هنا نكون قد وصلنا الى ختام درس اليوم ... أتمنى أن تكونو قد استفدتم ولو بالقليل ... الى اللقاء.
.....

تم تغيير رابط الصورة لتظهر في الإضافة .. لأن الصورة القديمة كانت مرفوعة على مركز رفع الخليج ، وهو متوقف حاليا .

الأربعاء، 15 مارس، 2017

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


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

أولا اذهب لهذا الموقع :   http://widget24.com/widget/mini-chat

مميزات الموقع أنه سهل جدا في التعامل و لا يحتاج الى تسجيل ..

وهذا هو شرح الموقع :


في الخانة الأولى ضع اسم مناسب لصندوق الشات ..
في الخانة الثانية ضع رابط مدونتك التي ستركب فيها الصندوق ..
ثم قم بنسخ الكود الذي سيظهر لك بالأسفل وضعه في أداة Html / javascript

ملحوظة : 

يتوفر الصندوق بأربعة ألوان فقط وهي الأكثر استخداما في بلوجر .. وهذه معاينة لها :


الى هنا يكون قد انتهى موضوع اليوم ... أتمنى أن تكونو قد استفدتم ولو بالقليل ... الى اللقاء .

الثلاثاء، 14 مارس، 2017

كيفية إضافة كتاب ومشرفين لمدونات بلوجر وجعل المدونة جماعية


كثيرا ما ترى في بعض المدونات أن هناك فريقا للعمل وليس فردا واحدا فقط .... فكيف ذلك ؟
هذا ما سنتعلمه من خلال هذه التدوينة البسيطة ...

ولكن يجب أن تفرق أولا بين الكتاب والمشرفين ....
الكاتب يقتصر دوره على كتابة التدوينات ... وليس لديه أي دخل بالقالب والإعدادات أو حتى التعليقات ...
أي أن الكاتب عندما يقوم بفتح لوحة تحكم المدونة سوف يجد قسم التدوينات فقط ...
ولا يمكن لكاتب أن يعدل إلا على التدوينات التي قام بنشرها ...
أما المشرف فيمكنه التحكم بكل شئ في المدونة الإعدادات والقالب والإضافات والتعليقات ... إلخ ..

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


بعد ذلك توجه لـ"الأذونات" واضغط على "إضافة مؤلفين"

بعد ذلك سيظهر لك مربع ... قم بكتابة البريد الالكتروني للشخص أو الأشخاص الذي تريد إضافتهم لفريق العمل ثم اضغط على "دعوة مؤلفين"

سيتم إرسال دعوات لهم على البريد الإلكتروني ... وسيتم إضافتهم تلقائيا ككتاب ...
بعد ذلك يمكنك تحويل الكاتب إلى مشرف ...
عن طريق تغيير حالته .. هكذا ..


ملاحظة : من المستحسن أن تكون المشرف الوحيد في المدونة وتضيف باقي فريق العمل ككتاب ... لأن المشررف ستكون له نفس صلاحيات صاحب المدونة الأصلي .

إلى هنا نكون قد وصلنا إلى ختام درس اليوم ... أتمنى أن تكونوا قد استفدتم منه ...

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


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

أولا ادخل الى موقع أدوات مشرفي المواقع

اذا وجدت موقعك اضغط على  ادارة الموقع

والم تجده اضغط على  اضافة موقع 

*كما في الصورة التالية*


بعد الضغط على ادارة الموقع .. توجه الى الزحف >> ملفات sitemap

*كما في الصورة التالية*

ثم اضغط على اضافة ملف sitemap


ستظهر لك نافذه ..


وفي المكان الفارغ اكتب 
feeds/posts/default

ثم اضغط على تقديم ملف sitemap

بعد هذا قم بتحديث الصفحة ..
ثم كرر الخطوة السابقة ولكن قم باستبدالها بــــ .. 

feeds/posts/default?alt=rss

الى هنا نكون قد أنهينا درس اليوم ..
أتمنى أن تكونو قد استفدتم منه ولو بالقليل .. الى اللقاء .