الخميس، 9 يونيو 2016



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


مميزات القالب :

  1.  سهل التعديل وصديق لمحركات البحث
  2.  جد خفيف وانيق
  3.  تم معالجة جميع الاخطاء
  4.  تصميم مميز لا مثيل له                                     
  5.  قوائم وازرار وغير ذلك

للحصول على القالب

  1. انضم الى اعضاء المدونة من هنا               
  2.  اترك تعليقا به اسمك وبريدك الالكتروني   
  3.  يتم ارسال القالب فور رؤية التعليق          

قالب فواصل

الأربعاء، 8 يونيو 2016


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

شرح التركيب

  1. داخل القالب تحرير html 
  2. فوق هذا الوسم  <b:skin/>< نضع الكود التالي:
/*======  OuaMessage - by ara1tech.blogspot.com ====== */
.ara1tech_layout{text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.49);z-index:99999;display:none}
.ara1tech_message{width:50%;background:#fff;font-size:16px;border-radius:5px;padding:20px;border:1px solid transparent;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-25%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.profile-ara1tech,.profile-ara1tech2{padding:4px}
.ara1tech_message:before{content:"";height:0;width:0;position:absolute;bottom:-40px;left:20px;border:20px solid transparent;border-color:#fff transparent transparent}
.profile-ara1tech {
    background: #F74047;
    border: 1px solid transparent;
    border-radius: 100%;
    position: fixed;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    z-index: 9999;
}
.profile-ara1tech2 {
    background: #FFF;
    border: 5px solid transparent;
    border-radius: 100%;
    position: absolute;
    bottom: -240px;
    left: -123px;
    width: 199px;
    height: 199px;
}
.close_ara1tech {
    font-size: 40px;
    color: rgba(36, 202, 26, 0.91);
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer;
}
@media (max-width:800px){.ara1tech_message{width:90%!important;margin-left:-45%!important;}
.profile-ara1tech2{left:50%;margin-left:-105px;}
.ara1tech_message:before{left:50%;margin-left:-20px;}
.close_ara1tech{color:#555;top:-16px;right:0;}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.tada{-webkit-animation:tada 1s linear 1s infinite normal;animation:tada 1s linear 1s infinite normal}
@-webkit-keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
/* end  Oua-Message*/ 
  1. بعد دلك اضف الكود التالي فوق هدا الوسم  <body/>  
<img alt='' class='profile-ara1tech tada' height='50' onclick='openara1techfitri()' src='https://goo.gl/3YdrUh' title='أنقر فوقي لأقول لك شيئا' width='50'/><div class='ara1tech_layout animated flip' id='id_fitri'><div class='ara1tech_message'><h2>&quot;رمضان مبارك لكل العرب&quot;</h2><p>مرحبا بكم في موقعي<br/> مؤسس مدونة <b>تريدون</b> أهنئكم واقول لكم      <br/><b>الله يتقبل صيامكم وقيامكم ومبارك عليكم الشهر </b>.</p><img alt='' class='profile-ara1tech2' height='200' src='https://goo.gl/3YdrUh' width='200'/><div class='close_ara1tech' onclick='closeara1techfitri()'>X</div></div></div><script>//<![CDATA[function openara1techfitri(){var e=document.getElementById("id_fitri");"block"!==e.style.display?e.style.display="block":e.style.display="none"};function closeara1techfitri(){var e=document.getElementById("id_fitri");"none"!==e.style.display?e.style.display="none":e.style.display="block"};//]]></script>
المصدر : عرب تيش 

اضافة تنبية رمضاني احترافي


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


شرح التركيب

  1. اذهب الى لوحة التحكم في بلوجر - تسجيل الدخول 
  2. انتقل الي القسم قالب
  3. اضغط على تحرير html
  4. إبحث عن حقوق القالب  
تم اغلاق الموضوع  

طريقة حذف حقوق قوالب بلوجر بدون إعادة توجيه 2016 {مغلق}

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

نقدم لكم لعبة Mini Racing Adventures مهكره للاندرويد
لعبة بسيطة تمكن المستخدم من خوض مجموعة من
 السباقات عبر عدد من العقبات التى تواجه مسارهم، حيث تقوم فكرة اللعبة على وجود العقبات التى تعمل على إمالة السيارة للأمام والخلف، ليأتى دور اللاعب فى المحافظة على اتزان السيارة، حيث يمتلك دواستين، إحداهما للوقود والأخرى للفرامل وهما فى نفس الوقت يعملان على تحديد اتجاه ميل السيارة سواء للأمام أو للخلف، كذلك يظهر فى الواجهة الرئيسية شريط يوضح طول الطريق وموضع كل لاعب، بالإضافة إلى مؤشر آخر يوضح حالة الوقود لدى اللاعب.


لعبة Mini Racing Adventures مهكره

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


    شرح التركيب

    1. اذهب الى لوحة التحكم في بلوجر - تسجيل الدخول 
    2. انتقل الي القسم قالب
    3. اضغط على تحرير html
    4. ضع الكود التالي فوق ]]></b:skin>
    #oi-web-live {border: 5px solid #fff; padding: 10px 10px;background: #29567D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr3LvAcjTpTt9uZ6xuDVtIaQ1sf5GG0GGgUOEcnH00pwFQy3a32n7KrW67wfmtqyzEyUcXXY-n6w5Tnlw6EKLtB-ALrhJuuU7pfmdcw8rpH_0N5FDwVHjEUNl3oLkzE3cpITJ6tXvLqFU/s1600/header-bg.png) no-repeat left bottom; color: #fff; position: relative; overflow: hidden; }.right-live {position: relative; float: right; }.right-live img { width: 118px;}.left-live { text-align: center; overflow: hidden; position: absolute; right: 0; font-size: 17px; left: 0; width: 550px; top: 40px; margin: 0 auto; display: block; font-weight: normal;font-size: 16px;}.time-live { float: left; margin-top: 10px;text-align: center; z-index: 99999999; font-size: 18px; position: relative; width: 129px; font-family: "Ta3alamFont"; }span#saaa { font-size: 37px; margin-right: 3px; margin-left: 21px; line-height: 46px; }.left-live a:hover { background: #F74047; }.left-live a { margin-right: 10px;margin-top: 6px; border-radius: 3px; transition: 0.2s; color: #fff; display: inline-block; padding: 8px; border: 2px solid #F74047; font-size: 16px; font-weight: normal;}

    1.  وقم بوضع هذا كود html يمكنك اضافته في اي مكان مثلا في الهيدر فوق الفوتر في اداة داخل التخطيط .

      <div id='oi-web-live'>
    <div class='right-live wow bounceIn animated'>
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVvbyMMrS4RI379l7MJIVmg_CR3U0yhya7ijtgV3HCFjPXJRuZZIZ_amxlCkEhg14m_DpJZvHR9J9I7CLQmp5cU0cyDUTVNBM1Kk1HVp_XJLzoXoQ4Wp1mMgAEubuyNdIc1cc9-IHqWx8/s256/streaming.png'/></div>
    <div class='left-live wow bounceInUp animated'>
    <span id='ssgf1'><i class='fa fa-microphone'/>
    البث المباشرة مع السيد ‘براهيم للإجابة على تساؤلاتكم التقنية كل خميس فقط. على موقع تريدون</span><a href='#'>قريبا.... <i class='fa fa-spinner fa-spin'/></a></div>
    <div class='time-live wow bounceInLeft animated'><i class='fa fa-check-square-o'/>
    <span id='saaa'>7</span>:<span id='d9i9a'>30</span>
    <span id='ssss'>بتوقيت غرينيتش</span>
    </div>
    </div>
    <div class='clear'/>
    قم بتغير الون الاحمر بالوصف برابط صفحة البت الخاص بك 
    وقم ايضا بتغير والازرق برابط صفحة البت الخاص بك 


    إضافة اداة فوق فوتر للبت المباشر احترافية للبلوجر

    الثلاثاء، 7 يونيو 2016


    السلام عليكم مرحبا بكم  اليوم أحببث ان أقدم لكم اول مسابقة لربح تصميم لوجو 

     بمناسبة شهر رمضان الكريم , بعـض يسرقـون لكي يتميـزون, أمـا ان انصـع ما اشعـر بـهِ لكـي اتميـز,

     أقول لهم إسرقوا ما تشاؤون ,فـكل ذلك يدل على أنني بالقمة

    للحصول على لوجو

      1. يجب عليك الانضمام الى اعضاءالموقع  من هنا
      2. يجب عليك الاعجاب بصفحة الفيس بوك من هنا
      3. ضع ايميلك وسيتم ارسال التبليغ ان كنت الفائز
         

    مسابقة ربح تصميم لوجو ( بمناسبة شهر رمضان الكريم )


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

    شرح التركيب

    1. من التخطيط أضف أداة Html/Javascript وضع بها كود الإضافة

    <div class='widget-content'>
    <style>
    .ar1web125x125 {margin-right: -7px; text-align:center;}
    .ar1web125x125 img {width:125px; height:125px;margin:
    3px 8px 0 0;}
    img.ar1web-125x125 {
    border: 1px solid #eee;
    padding: 5px;
    background: #FCFBFB;
    transition: all .7s ease-out 0s;
    }
    img.ar1web-125x125:hover,img#ihussamar1web:hover,img#ihussam-ar1web:hover,img#hussam-ar1web:hover{
    opacity: 0.8;
    zoom: 1;
    transition: all 0.2s ease-out;
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');}
    img.ar1web-125x125:hover{background:#444;border: 1px solid #FFFFFF;}
    img#ihussamar1web:hover{background:#444;border: 1px solid #FFFFFF;}
    img#ihussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
    img#hussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
    </style>
    <div class="ar1web125x125" style="text-align:center;">
    <a href="#" target="_blank" rel="Nofollow"><img class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا" /></a>
    <a href="#" target="_blank" rel="Nofollow"><img id="ihussamar1web" class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا" /></a>
    <a href="#" target="_blank" rel="Nofollow"><img id="ihussam-ar1web" class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا" /></a>
    <a href="#" target="_blank" rel="Nofollow"><img id="hussam-ar1web" class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا " /></a>
    </div>
    </div>
    1. المحدد بالأحمر # يغير بالرابط

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



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


    مميزات القالب :

    1.  سهل التعديل وصديق لمحركات البحث
    2.  جد خفيف وانيق
    3.  تم معالجة جميع الاخطاء
    4.  تصميم مميز لا مثيل له                                     
    5.  قوائم وازرار وغير ذلك

    للحصول على القالب

    1. انضم الى اعضاء المدونة من هنا               
    2.  اترك تعليقا به اسمك وبريدك الالكتروني   
    3.  يتم ارسال القالب فور رؤية التعليق          

    قالب تحويلات الاصدار الاول

    الاثنين، 6 يونيو 2016

    السلام عليكم ورحمة  الله وبركاته
    ------------
    في هذه التدوينة سوف اقدم لكم سلايد تلقائي يركب بالسيدبار يعمل بتسميتين من اختيارك ويتميز هذا السلايد عن البقية بتصميمه
    الاحترافي وخفته

    شرح التركيب

    1. توجه الى القالب ثم تحرير html
    2. ابحث عن </body> وضع فوقه الكود التالي
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function() {

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");

    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".sompret").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;

    //Adjust the image reel to its new size
    $(".image_reel").css({'width' : imageReelWidth});

    //Paging + Slider Function
    rotate = function(){
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    $(".paging a").removeClass('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    $(".crott").stop(true,true).slideUp('slow');

    $(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");

    //Slider Animation
    $(".image_reel").animate({
    left: -image_reelPosition
    }, 500 );


    };

    //Rotation + Timing Event
    rotateSwitch = function(){
    $(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");
    play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
    $active = $('.paging a.active').next();
    if ( $active.length === 0) { //If paging reaches the end...
    $active = $('.paging a:first'); //go back to first
    }
    rotate(); //Trigger the paging and slider function
    }, 10000); //Timer speed in milliseconds (3 seconds)

    };

    rotateSwitch(); //Run function on launch

    //On Click
    $(".paging a").click(function() {
    $active = $(this); //Activate the clicked paging
    //Reset Timer
    clearInterval(play); //Stop the rotation
    rotate(); //Trigger rotation immediately
    rotateSwitch(); // Resume rotation
    return false; //Prevent browser jump to link anchor
    });

    });

    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrCGiK2-IizwycLne3JLdqSXFsZ_y4JkJBpWDewcgHKo_qyl3pMHr_mVBPmF1MCpBDNEmVJhYh4KmxcV5wUhsyjmnFyPYbtED4KN2zP7liihhAZC37pnTFLvs5BPsUCy6mmmZg61AtC80/s1600/no+image.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost1 = 80;
    summaryTitle = 20;
    numposts1 = 4;

    function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    s = s.join("");
    s = s.substring(0,chop-1);
    return s;
    }

    function showrecentposts1(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();

    for (var i = 0; i < numposts1; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }

    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";

    postdate = entry.published.$t;

    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];

    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = m+ ' ' + day + ' ' + y ;

    var trtd = '<div class="crott"><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost1)+'... </p></div>';
    document.write(trtd);

    j++;
    }

    }

    function showrecentposts2(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();

    for (var i = 0; i < numposts1 ; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }

    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";

    postdate = entry.published.$t;

    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];

    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<a href="'+posturl+'"><img src="'+img[i]+'"/></a>';
    document.write(trtd);

    j++;
    }

    }
    //]]>
    </script>
    1. ابحث عن ]]></b:skin> وضع فوقه الكود التالي
        /* sidebar slider */

    .sompret-wrapper {float:right; z-index: 99; position: relative; margin: 2px 0 20px 0px; border: 9px solid white;}

    .sompret { overflow: hidden; position: relative; width:300px; height:274px;}
    .image_reel { position: absolute; top: 0; left: 0; }

    .paging {background:#34495e;padding: 4px 0 2px; text-align: center;z-index: 100; }

    .image_reel img {overflow: hidden;float: left;width:300px; height:220px;}

    .paging a:hover {font-weight: bold; border:none; outline:none;}

    .paging a { text-indent:-9999px; background:#fff; width:10px; height:10px; display:inline-block;margin:3px; border:none; outline:none; }
    .paging a.active { background:#00a8ab; border:none; outline:none;}

    .crott{text-align: center}

    .crott {display: none; position:absolute;bottom: 0; left: 0; background:#00a8ab;padding:5px 10px; }
    .crott a{color: #fff;}

    .crott p{color: #fff; text-align: center; padding-right: 10px;}




    1. ثم ابحث عن div class='sidebar وضع الكود التالي اسفله
     <div class='sompret-wrapper'>
    <div class='sompret'>
    <div class='image_reel'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/
    قوالب?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    </div>
    <div class='description'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/
    قوالب?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    </div>
    </div>
    <div class='paging'>
    <a href='#' rel='1'/>
    <a href='#' rel='2'/>
    <a href='#' rel='3'/>
    <a href='#' rel='4'/>
    </div>
    </div>
    مع تغير قوالب بالقسم الذي تريده


    اضافة سلايدر تلقائي بالسيدبار تقني

     
    جميع الحقوق محفوظة © تجربي | تصميم: Templateism