إضافة قائمة منزلقة لآخر المواضيع لمدونات بلوجر

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


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

.accordion {
width: 620px;
text-align: center;
border-bottom: solid 1px #c4c4c4;}
.accordion h3 {
background: #e9e7e7 url(http://2.bp.blogspot.com/_jFIsHl5gfpM/TFytEJ5rLTI/AAAAAAAAAf0/ogdrOF9AZ7U/s320/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;}
.accordion h3:hover {
background-color: #e3e2e2;}
.accordion h3.active {
background-position: right 5px;}
.accordion p{
background:url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) ;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;}

قم بالبحث عن الكود التالي :
</head>
ثم قم بلصق هذا الكود قبله :

 <script src='http://blogspacetech.googlecode.com/files/jquery.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.accordion h3:first&quot;).addClass(&quot;active&quot;);
$(&quot;.accordion p:not(:first)&quot;).hide();
$(&quot;.accordion h3&quot;).click(function(){
$(this).next(&quot;p&quot;).slideToggle(&quot;slow&quot;)
.siblings(&quot;p:visible&quot;).slideUp(&quot;slow&quot;);
$(this).toggleClass(&quot;active&quot;);
$(this).siblings(&quot;h3&quot;).removeClass(&quot;active&quot;);
});
});
</script><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>


قم بالبحث عن الكود التالي (إذا وجدت إثنين فالكود الثاني هو المقصود) :
<data:post.body/>
ثم قم بلصق هذا الكود بعده :


<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = &quot;http://lh5.ggpht.com/_ZXEvc1YiIko/TLzMljzSYFI/AAAAAAAAA4g/FW2VlpJHWfE/s128/no-image.blogspacetech.jpeg&quot;;
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = &quot;#E67C15&quot;;
jaBold = true;
jtext = &quot;التعليقات&quot;;
jshowPostDate = true;
jsummaryPost = 200;
summaryFontsize = 12;
summaryColor = &quot;#000&quot;;
numposts = 10;
label = &quot;إضافات بلوجر&quot;;
home_page = &quot;http://www.abu-iyad.com/&quot;;
</script>
<div class='accordion'>
<script src='http://blogspacetech.googlecode.com/files/new.recent-posts.js' type='text/javascript'/>
</div>
</b:if>
  • width: 620px قم تغيير هذه القيمة على حسب عرض الإضافة التي تريد
  • إضافات بلوجر : قم تغيير هذه التسمية بأحد التسميات الخاصة بمدونتك
  • قم بتغيير رابط المدونة برابط مدونتك
  • وأخير قم بحفظ القالب 

هناك 27 تعليقًا:

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

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

    ردحذف
  3. اخى ابو اياد انا محتاج اميلك او انتا كلمنى على الاميل دا انا لازم اكلمك ضرورى hoda_alngm70@yahoo.com

    ردحذف
  4. شكرا جداأبو إياد ممكن من فضلك كود إذا أعجبك الموضوع شاركه مع أصدقائك الموجود أسفل كل موضوع و شكراً

    ردحذف
  5. شكرا اخى ابو اياد على سرعه استجابتك
    انا فعلا طبقت التعديلات على الكود كما وضحت لى لكن ظهر عيب اخر جديد فى الكود
    وهو انا المفروض انى لما بضغط على اسم موضوع من الموضوعات اللى بيعرضها الكود بيفتح والموضوع اللى قلبله بيقفل كما فى مدونتك
    لكن عندى بضغط على موضوع بيقفل المفتوح ما بيفتحش تانى اى موضوع
    شاهد بنفسك ما احاول شرحه لك من هذه التدوينه
    http://mohammedsaber341985.blogspot.com/2012/07/blog-post_9886.html
    حاول انك تضغط وشاهد ماذا يحدث
    انا اسف جدا لانى بتعبك معايه يا اخى الكريم
    تحياتى

    ردحذف
  6. @شاعر الحب
    أخي أن جربت الإضافة على مدونتك وتعمل 100% عندما أضغط على عنوان أي موضوع تقفل ما قبله ويفتح ما تم ضغط عليه ..

    ردحذف
  7. مرحباً ابو اياد انا طبقتها 100% بدون أي خطا ومع ذالك ماطلعت هل ممكن من القالب او شي اخرى

    ردحذف
  8. عملت كل شيء ولم تضهر الأضافه مالحل ابو اياد

    ردحذف
  9. اسأل الله ان يجزيك عني وعن المسلمين خير الجزاء اللهم امين

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

    ردحذف
  11. السلام عليكم اخي ان تكون في احسن حال
    انني من متتبعي مدونتك الجميلة و انا ايظا لدي مدونة متواضعة فكرت ان كان ممكن ان نقوم بالتبادل الإعلاني هذه مدونتي www.protech4.blogspot.com و ارجوا ان تجيبني ان شاء الله و شكرا.

    ردحذف
  12. @زكرياء التطواني
    باب التبادل الإعلاني مغلق لإشعار آخر ،مع العلم أنك قمت بنسخ موضوع من المدونة من دون ذكر مصدره
    بالتوفيق أخي

    ردحذف
  13. الف شكر ليك

    مدونة ملوك ادسنس

    http://adsenseobs.blogspot.com

    اريد عمل تبادل اعلانى يا استاذى المفضل

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

    ردحذف
  15. رائع يا أبو أياد .. شكراً لك

    ردحذف
  16. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  17. اضافة مميزة وشرح وافي الله يعطيك العافية ننتظر منك المزيد من المواضيع المفيدة والمميزة

    ردحذف
  18. اخي الكريم لم يعمل عندي.

    http://cs3-professional.blogspot.com/

    ردحذف
  19. بارك الله فيك
    أخي .. لكنها لم تظهر في مدونتي ..

    ردحذف
  20. أزال المؤلف هذا التعليق.

    ردحذف
  21. شكرا على الموضوع الجميل

    ردحذف
  22. Y@Ssine5:03 م

    قمت بإضافة القائمة باتباع كل التعليمات الا انها لم تعمل

    ردحذف
  23. اشكركم جزيلا جزيلا اضافه رائعه جزاكم الله خيرا

    يوما بعد يوم اغير بشكل مدونتى بفضل ما تنشرون واسعد بزيارة مدونتى السياسيه المتواضعه
    الحكيم والحياه
    http://alhakemegypt.blogspot.com

    ردحذف
  24. أزال المؤلف هذا التعليق.

    ردحذف
  25. السلام وعليكم ...نرجوا المساعده ...ايش السبب ماركبت الاضافة
    http://engin-world.blogspot.com

    ردحذف
  26. تسلم يا ابو اياد تدوينه رائعه
    الرجاء تشرفنا هنا فى موقع نيوتك فون
    كل ما تحتاجه فى عالم التطبيقات
    للأندرويد والاىفون والابل والسمسونج
    http://www.anew-tech.com/

    ردحذف
  27. تسلم يا ابو اياد تدوينه رائعه
    الرجاء تشرفنا هنا فى موقع نيوتك فون
    كل ما تحتاجه فى عالم التطبيقات
    للأندرويد والاىفون والابل والسمسونج
    http://www.anew-tech.com/

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية