إضافة أرشيف لمدونة بلوجر

عدد مشاهدات الموضوع:

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

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


<script src="http://abuiyad.googlecode.com/svn/archive.js" type="text/javascript">
</script>

<script src="http://www.abu-iyad.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).


</head>

ثم قم بلصق هذا الكود قبله :


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
قم بالبحث عن الكود التالي :


]]></b:skin>
ثم قم بلصق هذا الكود قبله :

#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;

}

.dafis-daf ol{

margin:0 0 0 30px !important;

padding:0 !important;

}

.dafis-daf ol li{

background-color:#C9E9F4;

line-height:1.5em;

margin:1px 3px !important;

white-space:nowrap;

text-align:right;

border:1px solid #339DC6;

}

.dafis-daf ol li a{

text-decoration: none !important;

color:#333 !important;

display:block;

padding-left:10px;

}

.dafis-daf ol li a:hover{

background: #7BC4DF;

border-left: 5px #333 solid;

padding-left: 5px;

text-shadow: 0 1px 1px rgba(0,0,0,.3); 


أتمنى أن تنال إعجابكم 

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

  1. .
    جزاك الله خير على هذا الموضوع

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

    ( عدد المشاهدين ) ( عدد الزيارات )

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


    هذا اقتراحي مني ولك دراسة الموضوع من عدمه ولك مني خالص الشكر والتقدير

    اخوك الصغير / سعد

    ردحذف
  2. وعليكم السلام ورحمة الله وبركاته

    عوداً حميداً إن شاء الله

    ردحذف
  3. @جاسر الحربي
    سعدت بمرورك أخي جاسر

    ردحذف
  4. جميل جدا بس ممكن كود الإضافة اللى موجودة اخر كل موضوع بتاعة اخر المواضيع وشكرا لك ومرحبا بعدوتك

    ردحذف
  5. @محمد شريف
    يمكنك أخي تطبيق هذه الإضافة من شرح صاحبهامن هنا

    ردحذف
  6. جزاك الله كل خير اخى ابو اياد وربنا يجعله فى موزاين حسناتك اللهم امين
    عندى استفسار بعد اذنك اريد ان يكون ارشيف المدونه فى صفحه كبيره اعنى من غير وجود العمود الذى فى اليسار كما فى مدونتك

    ردحذف
  7. @اسلام فتحى
    إبحث عن هذا الوسم
    </head>
    ثم ضع هذا الكود قبله

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <style type='text/css'>
    #sidebar{display:none;}
    #main{width: 970px;}
    </style>
    </b:if>

    ردحذف
  8. لقد قمت بوضع الكود ولكنها للاسف لم تفلح معى

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

    ردحذف
  10. اخى العزيز احب انا اشكرك اولا على موضوعاتك الاكثر من رائعه والتى اتابعها دائما واتبقها على مدونتى وتظهر نتائج فى قمه الروعه
    اما هذا الكود حيرنى حيره شديده لقد قمت بتطبيقه اكثر من مره فتظهر معى صفحه الارشيف تممتم ولكن اسفل الموضوعات لا تظهر مثل مدونتك ارجو ان تقدم الحل
    هذا رابط مدونتى للمعاينه
    للعلم الكود مطبق فعليا
    ولكن لا يظهر اسفل التدوينات كما وضحت لك
    http://mohammedsaber341985.blogspot.com/
    ارجو الرد عليا فى اسرع وقت
    تحياتى لك اخى العزيز

    ردحذف
  11. رائعة والله ،،جزاك الله كل خير

    ردحذف
  12. يعطيك الف عافية


    http://3rbyblog.blogspot.com

    ردحذف
  13. السلام عليكم اخي ابو اياد كل عام وانت بخير وصحة وسلامة وسعادة يارب العالمين

    انا خوك مصطفي وكنت اود ان اغير لون الفهرس لينسب لون مدونتي ارجو الرد

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

    ردحذف
  14. @مدونه العرب عربي ايجي
    قم بإستبدال هذا الرابط
    http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif

    بهذا

    http://4.bp.blogspot.com/-Vk9ty38ROkU/UBQPPO5n8NI/AAAAAAAADcA/mZzwT6dBhpo/s1600/1.png

    وكذلك إستبدل هذا الرابط

    http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif

    بهذا

    http://4.bp.blogspot.com/-A_8kHQW5D1M/UBQPPgg8AII/AAAAAAAADcE/xzyn3INbG5k/s1600/hover.png

    بالتوفيق

    ردحذف
  15. شكرا لك اخي ابو اياد وعلي ابداعك وكل عام وانت بخير

    ردحذف
  16. ازاى اضيف روابط للصفحات فى الارشيف بدل من المواضيع

    ردحذف
  17. شكرا على الموضوع الجميل سيتم التطبيق قريبا
    http://electro-media.blogspot.com

    ردحذف
  18. أشكرك جزيلا أستاذ ابو زياد جزاك الله خيرا فلقد استفد منك الكثييييييييييييييير والكثييييييييييييييير تقبل تحياتى وامنياتى واحترامى لشخصكم وعلمكم واسعد بزيارة مدونتى المتواضعه
    الحكيم والحياه
    http://alhakemegypt.blogspot.com

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

    ردحذف
  20. ابو اياد حبيب قلبي .... طبعا انت وجاسر وياسر اسماعيل من اشهر الناس اللي بتعلم منها ... واسمحولي طبعا ان اقتبس من بعض مشاركاتكو واطبقها عندي في المدونة الجديدة بتاعتي http://blogadditions.blogspot.com/ ولكن انا حاولت اطبق الارشيف ده عندي في المنتدي مش شغال خالص وبتظهر الصفحة فيها الكود بس ؟؟ هلي في حاجة ناقصة نسيت اعملها ولا ايه

    ردحذف
  21. @Sameh Galal
    تأكد من وضعك للأكواد في مكانها الصحيح وسوف تعمل معك إنشاء الله ،لأنها هي نفسها المطبقة على مدونتي ، بالتوفيق

    ردحذف
  22. الف شكر يابو اياد انا نسيت احول من تاليف الي html واشتغل الحمد لله ... بس كنت عايز الغي الترقيم بجانب المواضيع مش عارف الغيه ازاي

    ردحذف
  23. ده رابط الصورة والمشكلة عندي
    http://u.cubeupload.com/MoooHaaa/2.png

    ردحذف
  24. (السلام عليكم ورحمة الله وبركاته) لو سمحت أخي (أبو إياد)قمت بإضاقة أرشيف للمدونة ولكن ظهرت عندي مشكلة
    وهي فراغ كبير في اليسار لو ذهبت بالسهم أرجوا منك إذا تفضلت بزيارة مدونتي للنظر في هذه المشكلة وإخباري إذا وجدت لها حل عنوان المدونة kingdom4phones.blogspot.com و ألف شكر لمجهودك الرائع وجزاك الله خيراَ ونفع بك أمة الإسلام والمسلمين

    ردحذف
  25. بدأنا بالتميز والابداع واصلنا خدمتنا لكم ( هدفنا التميز ) مدونة بيت كبير http://www.baitkebeer.com/

    ردحذف
  26. http://arab5bloggers.blogspot.com
    مشاركة أرباح google adsense مع كتاب
    السلام عليكم زوار مذونة مشاركة أرباح google adsense مع كتاب مدونة يجب عليهما التوفر على عدة مواضيع متنوعة وكثيرة وبطبيعة الحال ليست منقولة .فلجدب اكبر عدد من الزوار على المدونة أن تكتب في شتى المجالات وهذا مالا يستطيع المدون وحده فعلة لذالك عليه جدب بعض الكتاب لمذونته google adsense مشاركة أرباح طريقة مشاركة أرباح أدسنس الأن قبل كل شىء أطلب أكواد أدسنس من الكتاب

    ردحذف
  27. https://sites.google.com/site/lightboxhttps://sites.google.com/site/lightbox007/emoticon/64%282https://sites.google.com/site/lightbox007/emoticon/64%2820%29.png0%29.phttps://sites.google.com/site/lightbox007/emoticon/64%2820%29.pngng007/emoticon/64%2835%29.png

    ردحذف

  28. جزاك الله خرا مو ضوع اكتر من رائع تفضلو بزيارة موقع وشكرا

    اسم المدونة : مدونة بلوجر توب
    مدونة بلوجر توب

    ردحذف
  29. مشكور على هالاضافة الرائعة
    http://decoration201.blogspot.com/

    ردحذف
  30. شكرا جزيلا على طرحك للموضوع
    _______________________
    العمل من المنزل اضغط هنا
    للمزيد من التفاصيل والشروحات اضغط هنا
    _______________________

    ردحذف

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

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