معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   قوالب بلوجر عربية ومعربة (https://www.bloggerexp.com/forumdisplay.php?f=5)
-   -   قالب المصنع الإحترافي... (https://www.bloggerexp.com/showthread.php?t=18)

REDA 04-26-2012 06:27 PM

قالب المصنع الإحترافي...
 
http://www.bloggerexp.com/images/header.png

بسم الله الرحمن الرحيم

اقدم لكم قالب * المصنع الإحترافي* قالب رائع

http://lh4.ggpht.com/_c4C63JMfp6g/S9...o_template.jpg

أهم المميزات:

قائمة علوية منسدلة مع حقل بحث، ,وأيقونات لخدمات متنوعة.
تحسين شكل التعليقات مع تمييز تعليق كاتب التدوينة.
التدوينات المصغرة، وصندوق علوي خاص بالتنبيهات.
تنسيق مربعات القائمة الجانبية widget حسب النوع!


وصف المدونة في محركات البحث:

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

<meta content='Add here description' name='Description' />
أيقونة المدونة favicon:
قم بالبحث عن الكود التالي واستبدل favicon.ico بمسار الأيقونة، ويفضل أن يكون بنفس الإسم والإمتداد (أيقونة) أرفعها على حسابك في sites.google.
اقتباس:

<link href='favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' />
<link href='favicon.ico' rel='icon' type='image/x-icon' />

التنبيهات أسفل رأس الصفحة
في القالب يوجد مكان أسفل الهيدر لك حرية استخدامه في التنبيهات أول للإعلان، وهو موجود داخل مربع من نوع HTML للتعديل عليه من عناصر الصفحة بلوحة التحكم، لكن بشرط أن يكون داخل div مخصص حتى يتم التحكم في ظهورة وإخفاءة.
http://lh3.ggpht.com/_c4C63JMfp6g/S9...o_template.jpg

يتم كتابة التنبية بهذا الشكل:
اقتباس:

<div class="top-inner">
أكتب هنا...
</div>
لكي تظهر الإيقونة بجانب النص، نضع class ليظهر الكود كالتالي:
اقتباس:

<div class="top-inner icon">
أكتب هنا...
</div>
أما إن أردت إخفائة تماماً، أضف class آخر كالتالي:
اقتباس:

<div class="top-inner icon hide">
أكتب هنا...
</div>
آخر التعليقات:

وهي إضافة منتشرة لكن ما قمت به هو إعادة تنسيق وإبراز إسم المعلق بشكل واضح، والكود موجود داخل مربع widget من نوع HTML ويعتمد في العرض على جافا سكريبت في جزئين، جزء مضاف بالفعل في رأس القالب داخل الوسم <head> والجزء الأخر هو ما يوضع داخل صندوق العرض من لوحة التحكم -عناصر الصفحة- بهذا الشكل:
اقتباس:

<div class='recent-comments'>
<script type="text/javascript">
var a_rc=5;
var m_rc=false;
var n_rc=false;
var o_rc=70;
</script>
<ul><script src="http://BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></ul>
<div style='clear: both;'/>
</div>
قم بتغيير عنوان المدونة BLOG.blogspot.com الى عنوان مدونتك ثم أنسخ الكود داخل صندوق آخر التعليقات، حيث أن الرقم 5 هو لعدد التعليقات الظاهرة و 70 عدد الحروف -سبعون حرف مناسب-

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

<b:if cond='data:label.name != &quot;minipost&quot;'>

نهاية القالب ’فوتر‘:
ستجد ضمن عناصر الصفحة صندوق Text تكتب فيه نص المدونة لحقوق النشر أو أي جملة أخرى، وأسفلة هناك إشارة للتصميم بواسطة المصنع والمستضيف وتظهر أيضا في عناصر الصفحة، إن لم تعجبك تلك الصيغة وتريد تغيرها إبحث في القالب عن الكود التالي:
اقتباس:

<p id='by'>
وهي بداية آخر فقرة موجودة بالقالب و لا تنتمي الي أي صندوق، و داخل هذا الوسم ستجد النص موضع التعديل.

عند ذلك نكون قد أنتهينا من التعديلات، لكن هناك تعديلات أخري وصلتني رسائل عنها من نوعية لون القالب لا يعجبني كيف أغير لون القالب والقوائم؟ لا أعرف شيء عن html ولا عن blogger وكيف يتم تبديل أماكن الأعمدة وكيف يتم وضع أيقونات المشاركة وكيف أضع صور مصغرة...الخ كل هذه الطلبات تختلف من مدون الى آخر وعلى حسب تخصص مدونتة وأغلبها يتوقف على مدي خبرتك في التعامل مع css فمسألة تغير اللون اظن أنها بسيطة جداً لمن لديه حد أدني من الأساسيات!

وبالنظر الى خصائص css داخل القالب ستجد أنها مقسمة بتعلقيات كبيرة في بداية كل جزء من القالب مثلاً جميع الخصائص التى تخص القائمة الجانبية ستجدها أسفل التعليق:
كود:

/* [SIDEBAR]
http://lh3.ggpht.com/_c4C63JMfp6g/S9...ate-layout.jpg
تخطيط القالب تم على هذا الشكل، استخدمه للدلالة إن كنت تريد مواضع أي منهم، مثلاً إن أردت تغير مكان عمود التدوينات من اليمين لليسار والعكس إبحث عن اسمه وغير خصائصة.

للمعاينه......للتحميل

abozakariya 04-26-2012 06:50 PM

قالب جميل اخي والوان رائعة
شكرا لك

admin 04-26-2012 06:57 PM

قالب جميل أخي
بانتظار جديدك

BLOGGER 04-26-2012 11:54 PM

شكرا قالب جميل و منسق

لا تحرمنا من جديدك

BLOGGER 06-02-2012 11:25 AM

رد: قالب المصنع الإحترافي...
 
قالب رائع و موضوع متعوب عليه
شكرا على المجهود


الساعة الآن 09:53 PM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012