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

السلام عليكم ورحمة الله وبركاته

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

♦ طريقة تركيب السلايدر ♦

 1- من  لوحة التحكم -> قالب -> تحرير HTML 

2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

قم بالبحث عن الكود </head> واضف فوقه مباشراً الكود التالي

<script type='text/javascript' src='http://faceblog-evolutions.googlecode.com/files/Slider-Carousel.js'/>

 والان قم بالبحث عن الكود ]]></b:skin> واضف قبله مباشراً الكود التالي

#featured-wrap{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #333;background:#111;position:relative;height:175px;margin:0 auto}

#featured{border:2px solid #444;outline:1px solid #000;position:relative;width:88%;height:150px;overflow:hidden;top:10px;margin:0 auto}

#featured ul{width:9999px}

#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}

#featured li{width:150px;display:inline-block;float:left;height:150px;background:#222;border-left:1px solid #111;border-right:1px solid #333;}

.thumb-featured{width:140px;height:100px;margin:5px auto;overflow:hidden;border:1px solid #000}

.thumb-featured img{display:block;width:134px;height:94px;border:3px solid #444;}

.title-featured{text-align:center;position:relative;margin-top:-20px}

.title-featured h4{font-size:90%;max-height:45px;overflow:hidden}

.arrow{position:absolute;display:block;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSqbJSfmzqn6tM0v61HN4ueNj6FIuGR1nYFax2iEYiR0JHVStqt6fRjnTxBcQHoTOEKqBPhdG76Yg0QwkPC3vMXv30loq__KZn9JjmuBVl2juhIBebdd9X1D2tPyNKQ32YjivkD0PiAds/h120/icon-sprite.png)no-repeat;background-position:0 50%;width:35px;height:60px;top:50px;text-indent:-9999px;border:1px solid #000;box-shadow:0 0 0 1px rgba(51, 51, 51, 1)inset}

.arrow.back{background-position:0 50%;left:10px}

.arrow.forward{background-position:100% 50%;right:10px}

span.slideloading{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCUZqV27EMGf2URYmO2YfGQh7ODG0Ghh2TyYCJXshfyJN92yKQhwTtKN1y0fGMG173NBlhtcpavRSuxAzLVTF5jL2QLi3xr1Fwxo4VdwcvRBK2Uw0RagiyQrrFIdpGrUz0uCtxC_3sxYw/h42/loading.gif);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;margin:50px auto}

والان الخطوة الاخيرة مكان اضافة السلايدر في القالب
1- اذا اردت اضافة السلايدر تحت الهيدر ابحث عن الكود التالي <div id='main-wrapper'> واضف فوقه الكود التالي

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div id='featured-wrap'>

<div id='featured'>

<span class='slideloading'>Loading...</span>

</div>

</div>

</b:if>

 2- اذا اردت اضافة السلايدر فوق الفوتير ابحث عن الكود التالي <div id='footer-wrapper'> واضف فوقه الكود الاخير

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

تنبيه :- نقل بدون ذكر مصدر ممنوع

دمتم في رعاية الله وحفظه

نشر في : 3:36 م |  من طرف شبكة فواصل

حصري تحميل قالب flat mag المعرب مجانا

السلام عليكم ورحمة الله وبركاته

تم بحمد الله تعريب قالب flat mag القالب الاكثر احترافية لمنصة بلوجر لما يحمله من مميزات وخصائص صبعاً القالب مدفوع لكن انا لاحب ان اضع شي مدفوع ;) سوف اضع القالب انشاء الله مجاناً طبعاً استغرقت وقت في تعريب وتطوير القالب لكي يصبح قالب رائع بالغة العربية وتم اضافة خطوط عربية احترافية للقالب لذا الذي اريده منك فقط عدم حذف الحقوق :)

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

1- قالب احترافي وانيق واكثر من رائع

2- يحتوي على اكثر من سلايدشو

3- صديق لمحركات البحث

4- طريقة عرض للمواضيع مختلفة ورائعة فهوة يوفر طريقتين لعرض المواضيع

الاولى حسب الاقسام والثانية اخر المواضيع بطريقة رائعة ونموذجية

والمزيد من المميزات اكتشفها بنفسك

مشاهده القالب

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

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

الان الى كيفية عرض المواضيع في الاقسام على الصفحة الرئيسية

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

تحميل القالب
ملاحظة : تم تصحيح القالب من الاخطاء 
تم تحديث الموضوع بتاريخ 2014\7\1
للمزيد من القوالب المعربة والحصرية = عدم حذف الحقوق

اي طلب او استفسار ضعه في تعليق وسيتم الرد عليه انشاء الله

في امان الله

نشر في : 2:35 م |  من طرف شبكة فواصل

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

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

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

طريقة تركيب السلايدشو

1- من  لوحة التحكم -> قالب -> تحرير HTML 

2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

قم بالبحث عن الكود  ]]></b:skin> واضف قبله الكود التالي

  .s3slider {
  margin:0 auto 10px;
  border:2px solid white;
  background:white none no-repeat 50% 50%;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  position:relative;
  overflow:hidden;
}
.s3slider.loading {
  background-image:url('data:image/gif;base64,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');
  text-indent:-9999px;
}
.s3slider-content,
.s3slider-content li {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
}
.s3slider-content li {
  position:static;
  display:none;
}
.s3slider-content img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  border:none;
  outline:none;
  padding:0;
  margin:0;
}
.s3slider-caption {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:auto;
  font:normal normal 11px/normal GESSTwoMediumRegular;
  color:white;
  background-color:black;
  opacity:.8;
  filter:alpha(opacity=80);
  padding:7px 10px 10px;
  display:none;
}
.s3slider-title,
.s3slider-meta {display:block}
.s3slider-title a {
  font-size:110%;
  font-weight:bold;
  color:white;
  text-decoration:none;
}
.s3slider-title a:focus,
.s3slider-title a:hover {text-decoration:underline}
.s3slider-meta-comment:before {content:" - "}  

- والان بعد ان قمت باضافة الكود اضغط على حفظ ثم نذهب الى التخطيط اضافة اداة Html/javascript فوق رسالئل المدونة الالكترونية

واضف الكود التالي داخل الاداة

 

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="s3slider-container">
  <div class="s3slider loading" style="width:420px;height:270px;">
    Memuat...
  </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
var s3slider_config = {
    url: 'http://t3own.blogspot.com',
    numPost: 7,
    labelName: null,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    newTabLink: false,
    containerId: 's3slider-container',
    slider: {
        width: 420,
        height: 270,
        timeOut: 4000
    }
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-s3slider.js"></script> 
</b:if>

غير رابط المدونة http://3m-bramj.blogspot.com برابط مدونتك
numPost: عدد المواضيع التي تعرض في السلايدشو يمكنك تغيرها حسب رغبتك
width: تغير عرض السلايدشو حسب حجم مدونتك
height: تغير طول السلايدشو حسب رغبتك ايضاً

لاتقرأ وترحل ضع بصمتك معنا من خلال ترك تعليق

اي استفسار حول الموضوع ضعه في تعليق

دمتم برعاية الله وحفظه

نشر في : 2:32 م |  من طرف شبكة فواصل

تحميل برنامج WinSCP 5.5.1 لنقل الملفات بين الأجهزة من خلال الوايرليس (Wi-Fi)

نبذة عن البرنامج

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

معلومات ومتطلبات التشغيل

إسم البرنامج : WinSCP 5.5.1

حجم البرنامج : 5.05 ميجا بايت

متوافق مع : جميع نسخ وإصدارات الويندوز

لغة البرنامج : متعدد اللغات

الترخيص : مفتوح المصدر

تاريخ الإضافة : 22 يناير 2014

موقع البرنامج : www.winscp.net

صور للبرنامج

روابط تحميل البرنامج

WinSCP 5.5.1.exe

تم بحمد الله

نشر في : 2:37 م |  من طرف شبكة فواصل