baramejcom1

welcome to our blog

We are Magcro

Posts

التعليقات

The Team

Blog Journalist

تعديل

Join To Connect With Us

Portfolio



  • baramejcom1


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

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

    نحن نعلم بأن موقع dropbox قد قام بإلغاء خاصية تحميل ملفات .css

    والتي يعتمد عليها الكثير من المبرمجين وبالغاء هذه الخدمة توقفت جميع الملفات التي تحمل صيغة .css

    وخصوصا منصات مدونات بلوجر التي تعتمد على الوسم (@font-face)



    @font-face {
    font-family: 'GESSTwoMediumRegular';
    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'); }

    وهنالك الكثير من المدونين يستخدمون هذه الروابط ، ومن جراء الغاء هذه الخاصية قد تشوهت مدوناتهم ، ونشكر الله ونحمده بأننا احتفظنا  بالملفات الأصلية لمجموعة خطوط (GESSTwo) .

    - نأتي الآن إلى طريقة تركيب الخطوط :

    - ادخل إلى مدونتك | ثم أختر تحرير قالب .

    - ابحث عن الوسم <head>

    - ضع الكود التالي تحته مباشرة :

    الكود الخاص بخط (GESSTwoMediumRegular)


    <link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>


    الكود الخاص بخط (GESSTwoLight)


    <link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/>

    - ابحث عن font-family .. وهو الخاص بنوع الخطوط
    ستجده يحتوي على عدة أسماء لخطوط مثل هذه:

    font-family: Traditional Arabic, Tahoma, Arial, Sans-serif;

    ما سنقوم به الآن هو جعل عنوان الخط الأول (GESSTwoMediumRegular) أو (GESSTwoLight) ليظهر في مدونتك كخط رئيسي، وذلك بنسخ اسم الخط المحدد ولصقه كالتالي:


    font-family: GESSTwoMediumRegular, Traditional Arabic, Tahoma;

    font-family: GESSTwoLight, Traditional Arabic, Tahoma;
    - احفظ القالب ، واستمتع بالمسة الاحترافية لمدونتك .

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


  • زوار ومتابعي المدونة

    اهلاً بكم معنا مع درس جديد

    " كيفية أضافة  اكواد الجافا سكريبت بدون ظهور أخطاء "

    baramejcom1


    نحن نعلم بأن  أكواد الجافا سكريبت إما أن تكون قبل وسم  </head> أو وسم </body>  بقوالب مدونات بلوجر.
    ومن أجل تفادي الأخطاء ضع كود الجافاسكريبت داخل الكود التالي :



    <script type='text/javascript'>
    //<![CDATA[
    ضع كود الجافا سكريبت هنا
    //]]>
    </script>
    الطريقة بسيطة جداً ولا يوجد أي تعقيد .


  •  زوار ومتابعي المدونة الكرام

    مرحبا بكم معنا 
    ها قد عدنا من جديد وأيدينا ممدودة لإيديكم 
    أهلاً بكم معنا مرة أخرى 
    اليوم سوف اقدم لكم 
    قالب في قمة الإحترافية
    Yellowing
    قالب احترافي موسع
    القالب معرب ومن تطوير وتوكيد |baramejcom1





    مواصفات القالب


    - الالوان الرئيسية : الأبيض والأصفر
    - قائمة مسندلة بشكل رائع
    - مكان وضع الاعلانات في الهيدر من لوحة التحكم
    - مدعم لجميع المقاسات متل (iphon-ipad-imac)
    - صورة تلقائية لاختصار الموضوع في الرئيسية مع خاصية اقرا المويد
    - يدعم لاهم المتصفحات ( .IE9, Mozilla, Chrome .Operasafari .web browsers )
    - تحديد كاتب الموضوع في التعليقات
    - والعديد من المواصفات اكتشفها بنفسك

    جميع الحقوق محفوظة لمدونة الخبراء للبرامج .




  • زوار ومتابعي المدونة

    أهلاً بكم معنا مرة أخرى

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

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


    - الطريقة :

    - ادخل الى مدونتك | ثم أختر تحرير قالب .
    - إبحث عن الوسم  </head> 
    - ضع الكود التالي فوقه .



    <script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
        summary_noimg = 350;
        summary_img = 350;
        img_thumb_height = 350;
        img_thumb_width = 350;
        </script>
        <script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
    - عدل بما يناسبك ما هو باللون الأزرق إذا أردت التعديل .

    - بعد ذلك قم بالبحث عن الوسم  <data:post.body/> 
    هنالك اكثر ن كود منه ولكن المقصود الثاني من هذا الكود .

    - استبدله بهذا الكود :

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/>
    </div>
    <script type='text/javascript'>
    createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <div style='clear: both;'/>
    <span
     style='padding-top:5px;;float:right;text-align:right;'><a
    expr:href='data:post.canonicalUrl' rel='bookmark'><b>أكمل القراءة
    >></b></a></span>
    </b:if> </b:if>

    - احفظ القالب .


  • زوار ومتابعي المدونة الكرام

    مرحبا بكم معنا 
    ها قد عدنا من جديد وجعبتنا مملوءة بكم محبة لكم 
    اليوم سوف اقدم لكم 
    قالب في قمة الروعة والجمل 
    Real State
    قالب احترافي بتقنية web 2.0 
    القالب معرب ومن تطوير baramejcom1 




    مواصفات القالب


    - الالوان الرئيسية : الأبيض الأزرق
    - قائمة مسندلة بشكل رائع
    - مكان وضع الاعلانات في الهيدر من لوحة التحكم
    - مدعم لجميع المقاسات متل (iphon-ipad-imac)
    - صورة تلقائية لاختصار الموضوع في الرئيسية مع خاصية اقرا المويد
    - يدعم لاهم المتصفحات ( .IE9, Mozilla, Chrome .Operasafari .web browsers )
    - تحديد كاتب الموضوع في التعليقات
    - والعديد من المواصفات اكتشفها بنفسك

    جميع الحقوق محفوظة لمدونة الخبراء للبرامج .





  • أخواني زوار ومتابعي المدونة

    أهلاً بكم معنا 

    اليوم سوف نتعرف على إضافة في غاية الجمال والروعة



    - طريقة تركيب الإضافة :

    - ادخل إلى مدونتك | ثم أختر تخطيط | ثم إضافة أداة HTML/Javascript

    - أنسخ الكود التالي واللصقه في صندوق الأداة :

    الكود

    <style>
    #MD-ads img {
    margin: 0px 8px 4px 0px;
    padding: 3px;
    text-align: center;
    border: 3px solid #c0c0c0;
    -webkit-border-radius:70px;
    -moz-border-radius:70px;
    -o-border-radius:70px;
    border-radius:70px;
    -webkit-transition: all 0.45s ease-out;
    -moz-transition: all 0.45s ease-out;
    -o-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
    }
    #MD-ads img:hover {
    margin: 0px 8px 4px 0px;
    padding: 3px;
    text-align: center;
    border: 3px solid #c33f00;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
    border-radius:0px;
    }
    </style>
    <div id="MD-ads" align="left">
    <table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody>
    <tr>
    <td>
    <center>
    <a href="رابط المعلن" rel="nofollow">
    <img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
    </center>
    </td>
    <td>
    <center>
    <a href="رابط المعلن" rel="nofollow">
    <img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
    </center>
    </td>
    </tr>
    <tr>
    <td>
    <center>
    <a href="رابط المعلن" rel="nofollow">
    <img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
    </center>
    </td>
    <td>
    <center>
    <a href="رابط المعلن" rel="nofollow">
    <img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
    </center>
    </td>
    </tr>
    </tbody>
    </table>
    </div>

    - عدل ماهو باللون الأحمر .




  • زوار ومتابعي المدونة

    أهلاً بكم معنا 

    اليوم سوف نتعرف على طريقة التأثير بصيغة CSS على المشاركات الشائعة


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

    - ادخل إلى مدونتك | ثم أختر تحرير قالب .
    - ابحث عن الوسم  ]]></b:skin>
    - ثم ضع الكود التالي فوقه .

      
    #PopularPosts1 dd {    float: left;    border-bottom: none;    margin: 8px 8px 0 8px;    background: none;    display: block;    padding: 0}
    
    #PopularPosts1 img {    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 4px;    background: #eee;    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);    box-shadow: 0 0 3px rgba(0,0,0,.7);}
    
    #PopularPosts1 img:hover {    -moz-transform: scale(1.2) rotate(-350deg);    -webkit-transform: scale(1.2) rotate(-350deg);    -o-transform: scale(1.2) rotate(-350deg);    -ms-transform: scale(1.2) rotate(-350deg);    transform: scale(1.2) rotate(-350deg);    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
     
    
    - احفظ القالب .

التعليقات

The Visitors says
Download Free Software Latest Version custom blogger templates