|
Posted: 09 May 2013 11:43 AM PDT
  رابط تحميل ثاني لقالب البلوجر من (هنا) . قالب بلوجر احترافي جدا وبسيط في ان واحد، ذو ألوان مريحة للأعين وتصميم سلس يبسط عملية تصفح المدونة . للتعديل على القالب قم بحصر عدد المواضيع المعروضة في الصفحة الرئيسية واجعلها 1 فقط وذلك من صفحة الإعدادت .
http://demo103.blogspot.com/
ثم قم بالتعدي على الأبواب عبر البحث عن هذه الأسطر داخل القالب وغير أسمائها (الأبواب) وضع رابطا لكل واحد منها مكان العلامات الملونة بالأحمر.
<ul>
<li><a href='/'>الرئيسية</a></li>
<li><a href='#'>باب عدد1</a></li>
<li><a class='prett' href='#'>باب عدد2</a>
<ul class='menus'>
<li><a href='#'>باب فرعي</a></li>
<li><a href='#'>باب فرعي</a></li>
<li><a href='#'>باب فرعي</a></li>
</ul>
الرجاء عدم إزالة الحقوق من القالب عند إستعماله .
|
إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
قالب بلوجر إحترافي (Ajaib)
قوالب بلوجر معربة :BlogTech blogger template -قالب نادي الازرق - قالب بلوجر معرب
قوالب بلوجر معربة
|
|
Posted: 23 Mar 2013 03:41 PM PDT
 خصائص القالب :
|
التسميات:
أبيض,
أزرق,
الأعمال,
التقنية,
بلوجر,
عمود على اليسار,
عمودين,
قوالب بلوجر,
كتب,
مدونات شخصية
جديد عربي / قوالب بلوجر معربة
قوالب بلوجر معربة
|
|
Posted: 03 Mar 2013 11:12 AM PST
السلام عليكم و رحمة الله و بركاته
بعد سنتين من اطلاق برنامج تعريب قوالب بلوجر ها هو الإصدار الثاني v2.0 بشكل جديد و اضافات جديدة . كنت قد انتهيت من برمجته في أواخر سنة 2012 لكني لم ارفعه حتى هذه اللحظة بسبب وقتي المحدود الذي خصصته لأعمال أخرى . شكل البرنامج الجديد : 
معرب قوالب بلوجر 2.0
ما الجديد :* إمكانية التعريب من العربية الى الانجليزية * استخدام الترميز * نافذة لعرض معلومات حول القالب * امكانية عرض روابط الصورة الموجودة في القالب * أداة ' سحب روابط الصور ' * أداة ' استبدال روابط الصور' * إصلاح بعض الأخطاء في التعريب * بعض التغييرات في طريقة التعريب شرح الواجهة الرئيسية :  0: لسحب قالب بلوجر Drag & drop : في النسخ السابقة كان السحب في أي مكان في البرنامج لكن في هذا الإصدار يجب السحب في المنطقة رقم 0 و سيتم تعريب القالب تلقائيا . 1: زر إعادة تعريب قالب بلوجر : اذا وجدت مشكلة في التنسيق في القالب الذي عربته فقم بتغيير إعدادات التعريب ثم اضغط على هذا الزر . 2: معلومات : لعرض معلومات حول القالب اذا وُجدت . مصمم القالب , رابط المصمم , تاريخ التصميم .... 3: روابط الصور : لعرض جميع روابط الصور الموجودة في القالب 4: التعديلات : لعرض التعديلات التي أضافها البرنامج على القالب 5: الإعدادات : لتغييرإعدادات التعريب كالترميز , اللغة , تعريب الكلمات ..... مهم اذا حدث خطأ في القالب بعد تعريبه 6: أداة بلوجر : لتعريب إضافة أو أداة بلوجر ( في حال حصلت على الاضافة من موقع أجنبي ) 7: حقوق التعريب : لإنشاء كود حقوق التعريب الخاصة بمدونتك 8: سحب روابط الصور : هذه الأداة تحتاجها في حال رفعت صور القالب على بلوجر . وظيفة هذه الأداة هي استخراج روابط الصور المرفوعة على بلوجر من كود html . 9: إستبدال روابط الصور : اذا قمت بقلب صور القالب و رفعها على بلوجر فإنك تحتاج لإستبدال الروابط القديمة ( الموجودة في القالب الأصلي ) بالروابط الجديدة التي رفعتها . اذا كان العدد كبير فسيكون إستبدالها ممل . لكن بهذه الأداة سيكون سهل . صورة : معلومات القالب  صورة : التعديلات التي تم تطبيقها على القالب  الإعدادات  اللغات الموجودة في البرنامج هي العربية و الانجليزية . و يمكن التعريب من و إلى العربية / الإنجليزية الترميز : ستحتاجه عندما تجد حروف غير مفهومة في القالب . غالبا تحدث هذه المشكلة عند تعريب قالب به كلمات عربية . اذا أردت تحويل قالب من العربية الى الانجليزية أو وجدت رموز غير مفهومة في القالب فقم تغيير الاعدادات كالآتي :
من utf-8 إلى windows-1256
انشاء كود الحقوق  قم بادخال عنوان موقعك و الرابط و سيتم انشائه تلقائيا ( لا تنسى الضغط على زر حفظ ) سحب روابط الصور : وظيفة هذه الأداة هي استخراج روابط الصور المرفوعة على بلوجر من كود html . لنفترض أنك قمت بتعريب قالب بلوجر و قمت بقلب الصور الخاصة به و رفعتها على بلوجر . بعد رفعها على بلوجر ستضغط على زر HTML حتى تجد روابط الصور  أداة ' سحب روابط الصور ' ستمكنك من استخراج جميع الروابط مباشرة بعد لصق كود ال html في الخانة  بعد لصق الكود في الخانة و الضغط على تحويل ستظهر لك الروابط فقط  يمكنك نسخ أي رابط الى clipboard او فتحه ... الأزرار موجودة في الأسفل إستبدال روابط الصور : بعد حصولك على روابط الصور التي قمت بقلبها يبقى لك استبدال الصور القديمة ( الموجودة في القالب الأصلي ) بالصور التي قمت برفعها . الطريقة اليدوية هي الذهاب الى القالب ثم البحث على اسم الصورة باستخدام Ctrl + f ثم تستبدلها بالرابط الجديد . أما بهذه الأداة فلن تحتاج الا لبضع ثواني و تستبدل جميع الروابط  * اختر الخيار " حسب اسم الصورة " في حال كانت أسماء الصور متطابقة . و هنا لا تحتاج لترتيب الصور فالبرنامج وحده سيعرف الرابط الذي سيتبدله من خلال اسم الصورة * اختر الخيار " حسب الترتيب " في حال لم يستطع البرنامج إستبدال الروابط حسب اسم الصورة . و هنا يجب عليك ترتيب الصور . الرابط الأول من الروابط القديمة سيستبدله بالرابط الأول من الروابط الجديدة و الثاني بالثاني ..... بعض الأخطاء التي تم اصلاحها * عدم تعديل الروابط ( روابط الصور , جافاسكريبت .... ) عند قلب الأعمدة عند تعريب القالب يجب تغيير كلمة right ب left و كلمة left ب right لكن ماذا اذا كان رابط لصورة ما فيه كلمة right أو left ؟؟ مثلا اذا كان رابط الصورة http://bp.blogspot.com/s1600/right.gif فستصبح http://bp.blogspot.com/s1600/left.gif و هذا الرابط غير صحيح . لا يمكن تغيير كلمات right , left يدويا .... أقصد كل كلمة تغيرها لوحدها ( ليس باستخدام أمر Crtl+h الموجود في Notepad++ ) لأن العدد كثير و تصل ل 200 * عدم تغيير أبعاد padding , margin عند اختيار التعريب بدون قلب الأعمدة البرنامج لا يحتاج لتثبيت بعد تحميله قم بفك الضغط ثم أنقله الى program files أو أي مجلد . ثم اضغط باليمين على البرنامج Blogger templates translator.exe و ضع اختصار على سطح المكتب كما في الصورة :  رابط التحميل مرة أخرى : http://g.blog4temp.com/YMFAIw أخيرا .... ان شاء الله يعجبكم هذا التحديث و إضافاته . أرجو أن تخبروني رأيكم في التحديث ! تم اعداد الشرح سريعا بسبب الوقت . فاذا كان الشرح غير مفهوم فأرجو ترك تعليق في هذا الموضوع و سأرد عليه ان شاء الله . |
شرح حذف الناف بار الخاص بمدونات بلوجر Blogger Nav bar
- واليك أخي الحبيب الطريقة لحذف الناف بار الخاص بمدونات بلوجر
- ادخل الى حسابك في موقع بلوجر .
- من خلال لوحة التحكم ادخل على تصميم .
- من خلال تصميم ادخل الى تحرير html .
- ستجد أمامك أكواد القالب الخاص بمدونتك .
- ابحث في القالب الخاص بمدونتك عن هذا الكود
وقم باستبداله بهذا الكود]]></b:skin>
ثم اضغط حفظ .. ثم قم باستعراض القالب الخاص بك .#navbar-iframe { display: none !important; }
]]></b:skin>
تم بحمد الله ..
شرح حذف عبارة الاشتراك في الرسائل Atom Posts
- ادخل الى حسابك في موقع بلوجر .
- من خلال لوحة التحكم ادخل على تصميم .
- من خلال تصميم ادخل الى تحرير html .
- ستجد أمامك أكواد القالب الخاص بمدونتك .
- قم بتوسيع القالب .
- ابحث في القالب الخاص بمدونتك عن هذا الكود
ثم قم بحذفه من أكواد القالب .. ثم احفظ قالبك ثم قم باستعراضه .<b:include data='feedLinks' name='feedLinksBody'/>
تم بحمد الله ..
شرح إضافة موقعك أو مدونتك لمحرك البحث جوجل
- ادخل الى حسابك في موقع بلوجر .
- من خلال لوحة التحكم ادخل على تصميمثم تابع معي الشرح بالصور
قم باستعراض القالب الخاص بك
تم بحمد الله ..
تغيير وسم العنوان لمدونتك ليكون أكثر توافقية مع محركات البحث
ملحوظة هامة : قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
من لوحة تحكم المدونة و تحت "التخطيط" نفتح صفحة " تحرير Html " ثم نبحث على الكود التالي :
ثم قم بتحديده وعوضه بهذا الكود<title><data:blog.pageTitle/></title>
احفظ قالبك وقم باستعراض القالب .<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
تم بحمد الله ..
قالب Roca معرب لمدونات البلوقر -البلوجر
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , أبدأ معكم سلسلة القوالب المعربة لمدونات البلوجر مع أول قالب ويسمى Roca وهو قالب ذو ألوان قاتمة حيث اللون الأسود والبرتقالي والأبيض السمني أيضاً , القالب يصلح كمجلة أو للمدونات الاخبارية , القالب رائع بكل المقاييس , القالب من تعريب : مدونة عرب بلوجر , ولمشاهدة وتحميل القالب تابع معي ..
أولاً صورة القالب
مميزات القالب
- ذات الوان متعددة من اسود وبرتقالي .
- يحتوي على ناف بار للقوائم .
- يحتوي على ازرار مشاركة التدوينات في المواقع الاجتماعية .
- يحتوي على هاك اقرأ المزيد .
- يحتوي على إضافة ترقيم الصفحات .
حقوق القالب
تصميم : Free WordPress Themesتحويل للبلوجر : Premium Blogger Themes
تعريب وتطوير : قوالب بلوجر معربة
التعديل على القالب
أولاً : التعديل على الناف بار
من لوحة التحكم ثم تصميم ثم تحرير html ابحث في قالبك عن هذا الكودثم قم بتغيير ما تريده مع العلم أن هذه العلامة # تعني ماكن الرابط الذي تريد وضعه .<li class='current-cat'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
<li><a href='#'>أعمال</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>دونلود</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>إسلاميات</a></li>
<li><a href='#'>صحة</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>
<li><a href='#'>برامج</a></li>
<li><a href='#'>أدب</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
ثانيا: التعديل على Slide Show
من لوحة التحكم ثم تصميم ثم تحرير html ابحث في قالبك عن هذا الكودثم غير ما ليزم كما هو مكتوب , مع تغيير رابط الصورة بكل موضوع .<div class='imageElement'>
<h3>عنوان الموضوع الأول</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الأول' title='عنوان الموضوع الأول'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8NLzyWbuz4OBunCsW0rgapri04pFhjkooB96npqB2vZGI3J3Y8kFCZs-Z5T6eMf3fy6lr2Y6UdDQGb2t6SM7rPfYJ4PjbKxu73SWwwhPG3pdFBqb9e5l5Vvk9kZwuXAnrf269dKAntgp/s1600/1.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الثاني</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الثاني' title='عنوان الموضوع الثاني'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN_oa01JFVprTczCPYhyphenhyphenqZTfrXs6la-FJ_HHgay8RRbUN4LqPoQ-abDDzJKJyDy3stCY1Iz1wdwdhnfJJwH6yy03SITlP6Q6D0A1AkK9zb22lGlxna_6iNcGRHvLyxl10YiqqFVAliSWus/s1600/2.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الثالث</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الثالث' title='عنوان الموضوع الثالث'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3RK3Y2tlXCMfXbRFN3JlS54qyhZxBauQAvh31sgDr6aBAyBiuKiT4p8VJXlHqz9sD7ZGip4E2VACjhDtLLaWK6_y_mErbegb5K8K82Ihl8ELut3K8S0aaBfGIZpcN_krb-Qlj7EJ2i8Ex/s1600/3.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الرابع</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الرابع' title='عنوان الموضوع الرابع'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpnhQpxLZvp0bCSJg91ykqeN8bM3Dx4FycqgVTP1QQuX6sCe9vhnRqp-Yy4lyi3bvPE4vUCvw4NgMZnr8RiH4pQhEQRerkqN2hkhQdx2T2EdXc2FXJXrn3dgh3oE-c4U_wKRhYNXDhiCO3/s1600/4.jpg'/>
</div>
<div class='imageElement'>
<h3>عنوان الموضوع الخامس</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر , ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الخامس' title='عنوان الموضوع الخامس'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgivIM1K1AR9fWmOfYrFQ3lp6NASQgT074BVopWadjrFqzqxXv3G3ZquofpqJPWcnBz5kqi7DDMY5AHIZLcXoOCyN5hKCTEXeRgSDkFi4F12OsQ_z-GEvrgAgooRVTizmj6_J3_OD9DErhf/s1600/5.jpg'/>
</div>
ثالثا : التعديل على صندوق الشبكات الاجتماعية
من لوحة التحكم ثم تصميم ثم تحرير html ابحث في قالبك عن هذا الكودثم قم بتغيير كلمة USERNAME باسم حسابك في تويتر<div class='socialboxes'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdlyEQRWA7taNtFhFktOVbpHgKDzTCNDRjob9LpPnrj7ysW7vbRV131XzfO0OzC-bPKZNennDMqCYqmMHWwuTzLUE5739cItNzBBL-nHuhoOeGHqUz0cR9pDxTl8b6TVpxIJyS_zgZIWEp/s1600/rss.png' style='vertical-align:middle; margin-left: 5px;' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>اشترك في RSS feed!</a>
</div>
<div class='socialboxes'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM-O44iM-IXhUZpUj6cd4nspLDAbx-qbmjPhcMWpZMcgczysboLyuyxFoAhdChqYOwHEgzZ4JQLvMgmduUoTKiMb50O1jWeIDD9iKgh14VTQUaq8K2ks0DH1d1LHqRSivr1Lltl1A_3fUS/s1600/twitter.png' style='vertical-align:middle; margin-left: 5px;' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>تابعنا على تويتر!</a>
</div>
واحفظ قالبك ..
تم بحمد الله ..
شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر , حيث انها اضافة مميزة , تمكن زوار مدونتك من الاشتراك في RSS بالتصنيف المحبوب لديهم , فبدلاً من أن يشتركوا في كل التصنيفات فبإمكانهم مع هذه الإضافة من الاشتراك في التصنيف مفضل لديهم , ولمعرفة شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر , تابع معي ..
ملحوظة هامة : قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
من لوحة تحكم المدونة و تحت "التخطيط" نفتح صفحة " تحرير Html " ثم قم بتوسيع القالب الخاص بك ثم نبحث على الكود التالي :
من لوحة تحكم المدونة و تحت "التخطيط" نفتح صفحة " تحرير Html " ثم قم بتوسيع القالب الخاص بك ثم نبحث على الكود التالي :
ثم قم بتغييره لهذا الكود<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
ثم احفظ قالبك ..<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
لتصبح الإضافة بهذا الشكل
تم بحمد الله ..
شرح تعطيل الروابط واللينكات الموجودة بالتعليقات لمدونات البلوجر
ملحوظة هامة : قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
من لوحة تحكم المدونة و تحت "التخطيط" نفتح صفحة " تحرير Html " ثم قم بتوسيع القالب الخاص بك ثم نبحث على الكود التالي :
وقم باستبداله بهذا الكود<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
ثم احفظ قالبك ..<data:comment.author/>
تم بحمد الله ..
قوالب بلوجر معربة - قالب WebStore معرب
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد, السلام عليكم ورحمة الله وبركاته , أقدم لكم اليوم ثاني قالب أعربه من قوالب مدونات البلوجر , وهو قالب مميز يتكون من 3 أعمدة , وذو الوان رائعة , وهو قالب بسيط متميز أنيق , وأناقته تكمن في بساطته , ولمشاهدة القالب وتحميله تابع معي
شرح إضافة مواضيع ذات صلة مع عرض المصغرات لمدونات بلوجر
ملحوظة هامة : قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
من لوحة تحكم المدونة و تحت "التخطيط" نفتح صفحة " تحرير Html " ثم قم بتوسيع القالب الخاص بك ثم نبحث على الكود التالي :
ثم اضف هذا الكود قبله مباشرة</head>
ثم ابحث عن هذا الكود<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-right:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: arial;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
//<![CDATA[
//Script by Aneesh of www.bloggerplugins.org
//Released on August 19th August 2009
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch (error){
s=entry.content.$t;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!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3oNfsvmfUo4vVTtOwjfURtWcb9qpXm1WnWu6KYH-ONhW3hfDMfDvOxZKGcRx_Wb-YCHnc8hTdmEa1xnHjrLITZ4TScIeXN3sWJZ4ng6VdiQ0vybu9UC3YZsof0VYjUHai1mormwDM-P4/s400/noimage.png';
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;
}
function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {
document.write('<a style="text-decoration:none;padding:5px;float:right;');
if(i!=0) document.write('border-left:solid 0.5px #d4eaf2;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');
}
//]]>
</script>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
وإن لم تجده فابحث عن هذا الكود<div class='post-footer-line post-footer-line-1'>
ثم أضف بعده مباشرة هذا الكود<data:post.body>
ثم احفظ قالبك ..<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="مواضيع ذات صلة";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
تم بحمد الله ..
الاشتراك في:
الرسائل (Atom)
جديد عربي
