‏إظهار الرسائل ذات التسميات هاكات بلوجر. إظهار كافة الرسائل

صندوق اشترك عبر البريد(mbt-sub-box) بألوان مختلفة


السلام عليكم ورحمة الله
معنا اضافة جذابة ومميزة عبارة صندوق اشتراك عبر البريد مقدمة من MBT
الاضافة في الاصل كانت باللون الاخضر
لذا قمت باضافة نموذجين اخرين باللون البرتقالي والازرق بعد تعريبها
يمكن ادراج الاضافة داخل اداة HTML ووضعها في اي مكان يناسبك سواء في السايد بار او فوق واسفل التدوينات 
ويستحسن ان تكون داخل التدوينة وهذا ماسنتطرق له اليوم

  • من لوحة التحكم نختار تحريرHTML
    ثم نقوم  ب
  • بعدها نبحث عن الوسم  <data:post.body/> باستخدام  CTRL+F


ثم نختار احد الأكواد التالية (حسب اللون الذي تريد) ونطبعه اسفله مباشرة










<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#DD501A), to(#FF9620));background: -moz-linear-gradient(center top , #DD501A, #FF9620) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #FF9620, #DD501A) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #FF9620, #DD501A) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='mbt-sub-box'><h1>إشترك لتحصل على جديد المواضيع </h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/bijed&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;أدخل بريدك الإلكتروني هنا ...&quot;;}' onfocus='if (this.value == &quot;أدخل بريدك الإلكتروني هنا ...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='أدخل بريدك الإلكتروني هنا ...'/> <input name='uri' type='hidden' value='blogspot/bijed'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='إشترك الأن'/></center></form></div>
</b:if>
















<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='mbt-sub-box'><h1>إشترك لتحصل على جديد المواضيع </h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/bijed&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;أدخل بريدك الإلكتروني هنا ...&quot;;}' onfocus='if (this.value == &quot;أدخل بريدك الإلكتروني هنا ...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='أدخل بريدك الإلكتروني هنا ...'/> <input name='uri' type='hidden' value='blogspot/bijed'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='إشترك الأن'/></center></form></div>
</b:if>







<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from((#3515DA), to((#3B68F0));background: -moz-linear-gradient(center top , #3515DA, #3B68F0) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #3B68F0, #3515DA) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #3B68F0, #3515DA) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='mbt-sub-box'><h1>إشترك لتحصل على جديد المواضيع </h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/bijed&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;أدخل بريدك الإلكتروني هنا ...&quot;;}' onfocus='if (this.value == &quot;أدخل بريدك الإلكتروني هنا ...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='أدخل بريدك الإلكتروني هنا ...'/> <input name='uri' type='hidden' value='blogspot/bijed'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='إشترك الأن'/></center></form></div>
</b:if>





  • في النهاية أيا كان اللون الذي اخترته لاتنسى تغيير مالونه احمر الى رابط الخلاصة الخاص بمدونتك
 
 والقادم افضل باذن الله
 
تابع القراءة

رفع ملفات الجافا على بلوجر!!


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

معاينة الدرس

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


طيب معنا مثال بسيط للتوضوح فرضا انو الملف المراد استضافته مرفوع على رابط مباشر كالتالي:
http://youcef-bijed.googlecode.com/files/slider.js


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






$(document).ready(function () {
    $('img.menu_class').click(function () {
    $('ul.the_menu').slideToggle('medium');
    });
});


نقوم بنسخ الكود ثم نرفعه على مدونة بلوجر وذلك بادراجه داخل الكود التالي


  <script type='text/javascript'>


    //<![CDATA[

  ضع كود الجافا هنا

    //]]>

    </script>


 


ليصبح الشكل النهائي للكود كالتالي

  <script type='text/javascript'>

    //<![CDATA[

    $(document).ready(function () {
    $('img.menu_class').click(function () {
    $('ul.the_menu').slideToggle('medium');
    });
});

    //]]>

    </script>





وطبعا مكان الكود الناتج يكون مابين الوسمين  <head>   و  <head/>




<head>   

 هنا كود الجافا


<head/>



والى هنا ينتهي الموضوع نلتقي في مواضيع اخرى قادمة ان شاء الله

 
تابع القراءة

عرض مواضيعك باحترافية مع الايجاز باستخدام jquery+css


بسم الله السلام عليكم



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





نبدا بسم الله



قم بمعاينة الاضافة اولا  من هنـــــا

(اضغط على تابع القراءة )



اولا كود الاستدعاء ويكون دائما بصيغة  html

    <a href="#?w=500" rel="popup_name" class="poplight">تابع القراءة</a>

    <div id="popup_name" class="popup_block">

        <h2>اكتب عنوان الموضوع هنا</h2>

        <p>اكتب هنا نص الموضوع</p>

    </div>



ثانيا كود ضبط الانماط القياسية للاضافة وطبعا يكون بصيغة  css

    #fade { /*--Transparent background layer--*/

        display: none; /*--hidden by default--*/

        background: #000;

        position: fixed; left: 0; top: 0;

        width: 100%; height: 100%;

        opacity: .80;

        z-index: 9999;

    }

    .popup_block{

        display: none; /*--hidden by default--*/

        background: #fff;

        padding: 20px;

        border: 20px solid #ddd;

        float: left;

        font-size: 1.2em;

        position: fixed;

        top: 50%; left: 50%;

        z-index: 99999;

        /*--CSS3 Box Shadows--*/

        -webkit-box-shadow: 0px 0px 20px #000;

        -moz-box-shadow: 0px 0px 20px #000;

        box-shadow: 0px 0px 20px #000;

        /*--CSS3 Rounded Corners--*/

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        border-radius: 10px;

    }

    img.btn_close {

        float: right;

        margin: -55px -55px 0 0;

    }

    /*--Making IE6 Understand Fixed Positioning--*/

    *html #fade {

        position: absolute;

    }

    *html .popup_block {

        position: absolute;

    }



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






    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>

    <script type='text/javascript'>



    //<![CDATA[



    $(document).ready(function(){

                                        

        //When you click on a link with class of poplight and the href starts with a #

        $('a.poplight[href^=#]').click(function() {

            var popID = $(this).attr('rel'); //Get Popup Name

            var popURL = $(this).attr('href'); //Get Popup href to define size

                 

            //Pull Query & Variables from href URL

            var query= popURL.split('?');

            var dim= query[1].split('&');

            var popWidth = dim[0].split('=')[1]; //Gets the first query string value



            //Fade in the Popup and add close button

            $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL-krj4EClKvIrIcm_NdtTzRuj0narYFtJnoQKqv0MLKyf6YPIo7tx4owQgAdVIdC1RiSSFsmHLFzLhuWkf2oxakmR76UvkHJoD-ewfwZ_Kc08UMXH5UV6D6PKt0NkCEcp6L5rFp3zlaU/h80/111.png" class="btn_close" title="اغلاق النافدة" alt="اغلاق النافذة" /></a>');

         

            //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css

            var popMargTop = ($('#' + popID).height() + 80) / 2;

            var popMargLeft = ($('#' + popID).width() + 80) / 2;

         

            //Apply Margin to Popup

            $('#' + popID).css({

                'margin-top' : -popMargTop,

                'margin-left' : -popMargLeft

            });

         

            //Fade in Background

            $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.

            $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer

         

            return false;

        });

      

      

        //Close Popups and Fade Layer

        $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...

              $('#fade , .popup_block').fadeOut(function() {

                $('#fade, a.close').remove();

        }); //fade them both out

         

            return false;

        });



      

    });







    //]]>



    </script>





 ملاحضة :

اذا كنت تستخدم مكتبة جي كويري في مدونتك فتجاهل مالونه ازرق


المصدر

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


تابع القراءة

سكريبت الروابط متعددة الالوان

بسم الله السلام عليكم
                                                                                  

معنا سكريبت يجعل الروابط متعددة الالوان عند تمرير الماوس
السكريبت الاصلي لمحد خليل زاي مع تصرف بسيط                

مثال: 
أنا رابط متغير الألــــوان

كيفية التركيب 

  • من لوحة التحكم اختر تصميم ثم تحرير html  مع التعليم على مربع توسيع قوالب عناصر واجهة المستخدم

  • ابحث عن </head>

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





<script type='text/javascript'>
//<![CDATA[
var rate = 18;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID
if (document.all) {
    document.onmouseover = doRainbowAnchor;
    document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
    document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
    document.onmouseover = Mozilla_doRainbowAnchor;
    document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
    if (act == 0) {
        act = 1;
        if (obj)
            objActive = obj;
        else
            objActive = event.srcElement;
        clrOrg = objActive.style.color;
        TimerID = setInterval("ChangeColor()",100);
    }
}

function stopRainbow()
{
    if (act) {
        objActive.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}

function doRainbowAnchor()
{
    if (act == 0) {
        var obj = event.srcElement;
        while (obj.tagName != 'A' && obj.tagName != 'BODY') {
            obj = obj.parentElement;
            if (obj.tagName == 'A' || obj.tagName == 'BODY')
                break;
        }
        if (obj.tagName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = objActive.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}

function stopRainbowAnchor()
{
    if (act) {
        if (objActive.tagName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}

function Mozilla_doRainbowAnchor(e)
{
    if (act == 0) {
        obj = e.target;
        while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
            obj = obj.parentNode;
            if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
                break;
        }
        if (obj.nodeName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = obj.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}

function Mozilla_stopRainbowAnchor(e)
{
    if (act) {
        if (objActive.nodeName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}

function ChangeColor()
{
    objActive.style.color = makeColor();
}

function makeColor()
{
    // Don't you think Color Gamut to look like Rainbow?
    // HSVtoRGB
    if (elmS == 0) {
        elmR = elmV;    elmG = elmV;    elmB = elmV;
    }
    else {
        t1 = elmV;
        t2 = (255 - elmS) * elmV / 255;
        t3 = elmH % 60;
        t3 = (t1 - t2) * t3 / 60;
        if (elmH < 60) {
            elmR = t1;  elmB = t2;  elmG = t2 + t3;
        }
        else if (elmH < 120) {
            elmG = t1;  elmB = t2;  elmR = t1 - t3;
        }
        else if (elmH < 180) {
            elmG = t1;  elmR = t2;  elmB = t2 + t3;
        }
        else if (elmH < 240) {
            elmB = t1;  elmR = t2;  elmG = t1 - t3;
        }
        else if (elmH < 300) {
            elmB = t1;  elmG = t2;  elmR = t2 + t3;
        }
        else if (elmH < 360) {
            elmR = t1;  elmG = t2;  elmB = t1 - t3;
        }
        else {
            elmR = 0;   elmG = 0;   elmB = 0;
        }
    }
    elmR = Math.floor(elmR).toString(16);
    elmG = Math.floor(elmG).toString(16);
    elmB = Math.floor(elmB).toString(16);
    if (elmR.length == 1)    elmR = "0" + elmR;
    if (elmG.length == 1)    elmG = "0" + elmG;
    if (elmB.length == 1)    elmB = "0" + elmB;
    elmH = elmH + rate;
    if (elmH >= 360)
        elmH = 0;
    return '#' + elmR + elmG + elmB;
}
//]]>
</script>





يمكنك تغيير القيمة var rate = 18    وهي  اللتي تتحكم في سرعة تغيير الألوان

  •  احفظ قالبك وقم بالمعاينة
الى هنا ينتهي الشرح     
تابع القراءة

تبديل عبارة [ رسالة أحدث ] [ رسالة أقدم ] بصورة




بسم الله السلام عليكم



فيما يلي كيفية استبدال عبارة رسائل احدث ورسائل اقدم بصور او أزرار

 







  •     من لوحة التحكم نختار تحرير html  ونعلم على مربع توسيع قوالب عناصر واجهة المستخدم كالعادة  




  •             ثم نبحث عن   <data:olderPageTitle/>

ونعوضه بالكود التالي




     <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDS3v3AlbSjw9wKmH_nksT_6fogkJcOqpc_RLZFXUEp4xaY1g-ehPtsxRbbfI-UyixER7i3_tr1wqYzGX-QCxnQ2PuPXGLQ0efWsNxGLp3tMP3fVMm_CkXr3s6psVgF-PyTcyNSjp84Pe/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>






  •     الأن نبحث عن

     <data:newerPageTitle/>



ونعوضه بالكود التالي






     <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHF_X5-_uL54JElP9I83X4XDklGsxsL_v-LTHE02g881FRaNSlBdvxB_zwxgvJ9t9FSy35lprzob6Yxm8hTwTG3npJzDBOLCzpFarhH1GOC8bunrnFkCNlWOFMX2m_6TwWMd6bp3TAFEyx/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>




  •     الان نبحث عن

     <data:homeMsg/>









ونعوضه بالكود التالي


     <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpLkSZ_FWd6Dw2gbfIO5ZivwVwmSQTAY7vDvT3yWjhQXjJRAdZAd5KIEU-AAOHjDQKp51HjCWMtPhrT6NMXbQOXH49sLNYx8SuA1PLrFiOeb0Ipc_wu4IfaTdwkbuL6ay5JpLm07xA3it/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>




  • ثم احفظ القالب ليكون الشكل النهائي هكذا:

 

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





 انتهى

 
تابع القراءة

استغلال Google Code لحفظ ملفات جافا و Css بروابط مباشرة

بسم الله السلام عليكم






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

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

مثال للتوضيح :








هذه اضافة صفحة الفيس بوك المنبثقة بتقنية jquey  صاحب الاضافة محمد خليل زاي صاحب المدونة الشهيرة mybloggertriks

مايعني ان   سكريبت الجافا   لهذه الاضافة ايضا من رفعه الخاص

وهذا مقتطف من الاضافة


 </script>
<script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   if (document.cookie.indexOf('visited=true') == -1) {
       var fifteenDays = 1000*60*60*24*30;
       var expires = new Date((new Date()).valueOf() + fifteenDays);
       document.cookie = "visited=true;expires=" + expires.toUTCString();
   $.colorbox({width:"400px", inline:true, href:"#subscribe"});
       }

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

طيب ممكن انت تتسائل مالفائدة من كل هذا وانت لست مطور ولا صاحب اضافات او مشاريع مفتوحة المصدر!!!!

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

طيب الان بدون اطالة كيفية رفع الملفات
اولا سجل الدخول في قوقل كود من خلال هذا الرابط   باستخدام بريدك gmail 

املأ البيانات كما في الصور التالية


 لقد قمت بتسمية اسم ومختصر ووصف المشروع
وبالنسبة للسورس كود ليسنس بامكانك ايضا اختيار gnu gpl

 هذا النموذج للتوضيح وانا طبقت على صورة

تابع الصور


 
بعد الانتهاء اظغط على   submit file


ثم اضغط مرة اخرى على الرابط لتظهر لك نافذة الملف



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

ان اصبت فتوفيق من الله وان اخطات فمن نفسي والشيطان

انتهى

تابع القراءة

تقسيم تصنيفات بلوجر الى قسمين

بسم الله السلام عليكم
فيما يلي كيفية تقسيم التصنيفات في مدونات بلوجر الى قسمين



  • اولا نقوم بحفظ القالب تحسبا لحدوث اخطاء ثم من لوحة التحكم نختار تصميم  تحرير html ونعلم على مربع توسيع عناصر القالب
  • نبحث عن الوسم   ]]></b:skin>  باستخدام CTRL + F
قبله مباشرة ضع الكود الذي في الاسفل

 #Label1 ul li{
float:right;
width: 40%;
}



  • اخيرا نقوم بحفظ القالب ومعاينة التغييرات 
انتهى
تابع القراءة

عرض المواقع والمدونات في التدوينة باستخدام تقنية iframe

بسم الله

فيما يلي كيفية ادراج موقع او مدونة بخاصية iframe واللتي تتيح تصفح الموقع المدرج في التدوينة!يعني لو معك قالب معرب وتريد عرضه من داخل مدونتك فهذا ممكن!
مثال عن الخاصية




تصفح مدونة قوالب معربة من داخل مدونتي


طريقة التركيب
من داخل صندوق التحرير نختار تحرير html


ثم ندرج الكود التالي مع رابط الموقع المراد عرضه فالتدوينة
 <iframe frameborder="0" height="800" src="رابط الموقع المراد ادراجه" width="100%"></iframe>

ملاحظة  اذا كان صاحب الموقع المدرج عطل خاصية iframe  فلن يتم عرض الموقع
انتهى 
تابع القراءة

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

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



1-نذهب الى تصميم ثم تحرير html
2-بعد حفظ القالب نقوم بتوسيع القوالب
ثم نبحث عن الوسم  <head>  باستخدام ctrl+f
3-بعده مباشرة نضيف الكود التالي

<base target='_blank'/>

 بعد ذلك نقوم بالحفظ ومبروك الاضافة قم بمعاينة مدونتك
انتهى
تابع القراءة

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

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


 
الفتحة الاجبارية نوع من انواع الإعلان المربح والمربح جدا ,, حيث أن الاعلانات العادية تتطلب من الزائر ان يقوم بالضغط على الإعلان المتواجد بمدونتك الى أن الفتحة الإجبارية تفتح مباشرة لكل زائر يدخل مدونتك

 طريقة التركيب :
 نذهب إلى " تصميم"
من ثم " تحرير html "
من ثم نقوم بـ "تنزيل قالب كامل " ثم "توسيع قوالب عناصر واجهة المستخدم"
ثم نبحث عن الوسم

 <head>

 ونضيف بعده مباشرة هذاالكود

 blockquote><script language="JavaScript" for="window" event="onload()">

window.open("هنا ضع رابط اعلانك",  "scrollbars,resizable,height=300,width=450")

</script>


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

حل مشكلة bX-l4u1mh في مدونات بلوجر

بسم الله السلام عليكم






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



وتظهر رسالة الخطأ مثل الصورة التالية
مثال :


سبب الخطأ غالبا هو المتصفح واحيانا هو خطأ من اضافة تم تركيبها بشكل خاطيء
طيب ماهو الحل؟



1-قم بتسجيل الخروج
2-غير المتصفح ثم سجل دخول مرة اخرى ويستحسن قوقل كروم
بعد ماغيرت المتصفح راح تفتح معك عناصر الصفحة ويمكنك الرجوع لمتصفحك مرة اخرى

تابع القراءة

تصميم وتطوير: يوسف بجاد