بسم الله الرحمان الرحيم
اللهم صل وسلم وبارك على سيدنا محمد صلى الله عليه وسلم
وعلى آله وصحبه
أقدم لكم إخوتي الكرام
أجمل الإضافات ببلوجر
ألا وهي
إضافة سلايدر لأكثر المواضيع مشاهدتا ببلوجر
فهي تزيد من جمالية مدونتك أخي الكريم
حيث يمكن للزائر ان يضغط على الموضوع بمجرد الضغط على صورة هذا الأخير
صورة الإضافة
لمعاينة الإضافة فهي بمدونتي
المهم نمر للشرح
إذهب إلى
Dashboard - Template - Edit HTML - Proceed - (make a backup) Expand Widget Template
مستعملا CTRL + F إبحث عن الكود
وضع قبله الكود التالي
ينكنك أن تغير ما باللون الاحمر وهو عرض وطول الإضافة
كما يمكنك تغيير ما باللون البرتقالي وهو لون خلفية الإضافة
وكذللك تغيير في المارينغ الذي باللون الأزرق وذللك لضبط مكان الإضافة حسب مدونتك
ثم إبحث على الكود
وضع قبله
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://helplogger.googlecode.com/svn/trunk/auto-slider.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
stepcarousel.setup({
galleryid: "gallery",
beltclass: "belt",
panelclass: "panel",
autostep: {enable:true, moveby:1, pause:6000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi9-MGd4xFePus9K81gHHPYFX1ezT1sCImUzzQ7pgDMUM9R9f4UkCGg38tHlcWTjsVx5U_yApi37WmviKPZHTcUs_7RpBMLRjKN78x9Htdw_qvDfE0O-vLLdxRLIpc1aBGEYvZaiCBKOkN/s1600/prev.png", -40, 36], rightnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdazht3iKoIiuzRpGXc47FIP6FTvLmE-pfHJIqAAWTwA2lmLYyY846VNC-iEPmTgecWHXXG3Lg8b47mCfc6euCQ98g8LDA-ugr6Jm2Lrf9aOoa1349ciqmo0lLlzFjXxMiME66GWO8ggT/s1600/next.png", 2, 36]},
contenttype: ["external"]
})
//]]>
</script>
الآن إبحث عن هذا
<b:section class='main' id='main' showaddelement='yes'>
أو هذا
<b:section class='main' id='main' showaddelement='no'>
وضع قبله الكود التالي
<b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div style='margin-top:20px;margin-bottom:70px;margin-left:-20px;'>
<div id='gallery'>
<ul class='belt'>
<b:loop values='data:posts' var='post'>
<li class='panel'>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<div class='item-title'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
</div>
<div class='item-snippet'>
<data:post.snippet/>
</div>
</b:if>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>
<b:if cond='data:post.thumbnail'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
<b:else/>
<img alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRH_30ETHgJJfck81Y4xFkhk1_FVRySiiidMoVSC2o4_mKirSwjxWFtHusGVDtk9E7Ly_KM7U5UdU6vq_YUp9fAJF5JmR-M8osfPwAcfawLAIK7EaL1z8FYhCt1HUuteg8TOXzmoypQOA/s1600/no-image.PNG'/>
</b:if>
</a>
</b:if>
</li>
</b:loop>
</ul>
</div></div></b:if>
</b:includable>
</b:widget>
يمكنك حذف ما باللون الأزرق
إذا أردت أن تظهر الإضافة أيضا في صفحات التدواينات
والآن نرجوا تعليقاتكم المحفزة لأعمالنا
وأي استفسار ضعه بتعليق
مجهود رائع مشكور أخي
ردحذفشكرا لك على مرورك أخي الكريم
حذف:)
نرجوا ان تتابع كل جديد عبر تسجيلك بالمدونة
;)
السلام عليكم
ردحذفموضوع مميز فعلا
جزاك الله خيرا
ولكن عند محاولة التطبيق لم أجد الكود الثالث فهل هناك بديل
وشكرا جزيلا لك
شكرا على التعليق أخي لابد أن يكون احد هاته الاكواد
ردحذفأو هذا
يبدو انك لم تضغط على توسيع القوالب لتجدهما جرب ورد علي
شكرا لك على اهتمامك
ردحذفولكني لم أجده ولكن وجدت هذا
إذا أردت ان ترسل لي قالبك وأضف عليه هاته الخاصية :>)
ردحذفThe widget with id PopularPosts2 is not within a section (actual parent element is: div.) Every widget should be in a section.
ردحذفيبدو انه يجب عليك تغييرها إلى PopularPosts1
ردحذفنفس المشكل اخي ارجو حل لهذه المشكلة فالسلايدر اعجبني كثيرا
ردحذفلكن هاته هي الحلول المقترحة فقط إدا أردت أن أضعها لك بدعم فني مباشر عبر إرسال الدعوة لحسابي الذي بصفحة الدعم الفني أوك
ردحذفكذلك أخي ممكن طريقى تغيير شكل القائمة العلوية؟
ردحذفو كذلك طريقة وضع 2 سايد بار مثل ما في مدونتك الان
ردحذفذه لازمها تعديل من الاول يعني وتغيير المساحة وعرض التدوينات والقائمة الأخرى
ردحذفهناك خطأ
ردحذفشكرا اخي
ردحذفwww.redth3pro.blogspot.com