عرض مشاركة واحدة
قديم 07-10-2012, 07:44 AM   #1
احمد سراج
مدون جديد
 
تاريخ التسجيل: Apr 2012
المشاركات: 91
افتراضي قالب باللون الاخضر والاسود هدية لاصحاب مدونات Blogger

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





لمعاينة القالب الاصلي اضغط هنا



اضغط على الصورة للمشاهدة بالحجم الاصلي


ولمعاينة القالب بعد التعديل اضغط هنا










تنبيه : قبل تركيب القالب يجب اخد نسخة احتياطية من القالب القديم على جهازك
معلومات عن القالب وكيفية التعديل عليه
* Slideshow احترافي لعرض المواضيع المميزة في المدونة يختفي تلقائيا عند الدخول الي اي موضوع

ويمكن تخصيص السلايد شو من لوحة التحكم >> تصميم >> عناصر الصفحة
ستجد اداة بإسم Slideshow قم بإضافة الكود التالي للاداة
كود بلغة HTML:
<div class='post'>
<ul class="slideshow">
 <li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
 
 <li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
 <li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
</ul>
</div>



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



كود بلغة HTML:
 <li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>


ملاحظة : يجب ان تكون ابعاد الصورة >> 600 PX في العرض × 240 PX في الارتفاع
اما ان كنت لا ترغب بهذه الاداة يمكنك حذفها من عناصر الصفحة




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





تميز تعليق صاحب المدونة عن باقي التعليقات




ويمكن تغير لون التعليق لصاحب المدونة من تحرير HTML بعد توسيع القالب والضغط على مفتاح Ctrl + F من لوحة المفاتيح والبحث عن هذا الكود


كود بلغة HTML:
<!--Commentaires_Auteur_du_Blog-->

وبعد العثور عليه قم بتغير ما تم تلوينه بالاحمر الى اللون الذي يناسبك
كود بلغة HTML:
<!--Commentaires_Auteur_du_Blog-->
<style>
.comment-body-author {
background: none repeat scroll 0 0 #FAFAF0;
color: #000000;
border: 1px solid #EFF4D6;
font-family: tahoma;
margin: 5px 5px 10px 10px;
padding: 1px 10px 1px 10px;
}
</style>
<!--Commentaires_Auteur_du_Blog-->

اسفل كل موضوع يوجد مربع لعرض نبدة مختصرة عن صاحب المدونة



ويمكن تخصيصه كالتالي
من تحرير HTML وبعد توسيع القالب قم بالبحث عن هذ الكود بالضغط على Ctrl + F
كود بلغة HTML:
<data:post.body/>
اسفل منه مباشرة ستجد هذ الكود قم بتغير ما تم تلوينه كالتالي



كود بلغة HTML:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='http://lh3.googleusercontent.com/-FRlOh_qi6SM/Tgu8jKK3OzI/AAAAAAAACtA/a6DP9ztz5nk/00.jpg' width='80'/>
 <h4>بقلم عاشق النت</h4>
 <p> انا عاشق النت إسم على مسمى, اعشق برنامج الفوتوشوب وأحببت إنشاء هذه المدونة لاضع فيها كل ما يتعلق ببرنامج الفوتوشوب من دروس وملحقات وصور وتصاميم حتى تكون طريق المستخدم العربى ليصل الى الاحترافية </p>
</div>
</b:if>
الاحمر لتغير رابط الصورة المصغرة لصاحب المدونة
الاخضر لتغير اسم صاحب المدونة .
الازرق لاضافة نبدة مختصرة عن صاحب المدونة





ايضا يوجد اسفل كل تدوينة مربع احترافي لنشر مواضيع المدونة عبر مواقع النشر المفضلة وامكانية متابعة المدونة عبر رسائل البريد الالكتروني وغيرها





وللتعديل على المربع ووضع روابط مواقع النشر الخاصة بك قم بالتالي
1- لتغير رابط الخلاصة RSS ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الخلاصة الخاص بك

كود بلغة HTML:
http://feeds.feedburner.com/ps4ar
2 - لتغير رابط الصفحة الخاص بك على الفيس بوك ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الصفحة الخاص بك على موقع الفيس بوك
كود بلغة HTML:
http://www.facebook.com/ps4ar
3 - لتغير رابط الصفحة الخاص بك على تويتر ابحث عن الرابط التالى وستجده مكرر مرتين ثم قم بإستبداله برابط حسابك على تويتر
كود بلغة HTML:
http://twitter.com/ps4ar

4 - لتغير رابط الاشتراك عبر البريد الالكتروني ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط اللاشتراك الخاص بك على موقع فيد بيرنر


كود بلغة HTML:
http://feedburner.google.com/fb/a/mailverify?uri=ps4ar



ايضا يوجد في القائمة الجانبية مربع لمتابعة مواضيع المدونة على المواقع الاجتماعية وسنقوم بتخصيص هذا المربع داخل القالب من تحرير HTML واستبدال الروابط




وطبعا التخصيص سيكون مثل المربع السابق اي انه لكل موقع إتنين من الروابط ستقوم بإستبدالها بروابط حسابك الخاص
1 - رابط موقع تويتر
كود بلغة HTML:
http://twitter.com/ps4ar
2 - رابط الخلاصة RSS
كود بلغة HTML:
http://feeds.feedburner.com/ps4ar
3 - رابط الفيس بوك
كود بلغة HTML:
http://www.facebook.com/ps4ar
نأتي الان لتعديل قائمة الروابط والطريقة ستكون من عناصر الصفحة من الاداة Menu-Bottom
قم بتحرير الاداة واضافة الروابط المراد عرضها في القائمة







لتظهر القائمة بشكل احترافي في المدونة بهذا الشكل


القالب مضاف اليه كود **** Tag لكسب صداقة محركات البحث وكذلك لتحسين ظهور النتائج ويمكن فقط ان نضيف عليه وصف قصير للمدونة يظهر بعد عنوان المدونة ولعمل ذلك في بداية القالب ستجد كلمة دروس الفوتوشوب قم بتغيرها بوصف قصير يدل بشكل قوى على محتو مدونتك كما في الصورة



فوتر جميل باللون الاسود والروابط باللون الاخضر لاضافة ثلاثة ادوات اسفل المدونة




وللراغبين بعمل التبادل الاعلاني مع مدونات اخري اليكم هذا الكود الذي سيتم اضافته من عناصر الصفحة >> اضافة اداة >> ومن بين الادوات نختار اداة HTML/JavaScript ثم نضيف الكود التالي

كود بلغة HTML:
<div align="center">
<table border="0"  cellpadding="2" cellspacing="4" width="250" bgcolor="#ffffff">
<tbody><tr>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="http://lh5.googleusercontent.com/-UKCyTuiXxJM/TgttNfzokXI/AAAAAAAACss/6_vkpR8UflA/For%252520the%252520exchange%252520of%252520advertising.jpg" height="125" /></a></center></td>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="http://lh5.googleusercontent.com/-UKCyTuiXxJM/TgttNfzokXI/AAAAAAAACss/6_vkpR8UflA/For%252520the%252520exchange%252520of%252520advertising.jpg" height="125" /></a></center></td>
</tr>
<tr>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="http://lh5.googleusercontent.com/-UKCyTuiXxJM/TgttNfzokXI/AAAAAAAACss/6_vkpR8UflA/For%252520the%252520exchange%252520of%252520advertising.jpg" height="125" /></a></center></td>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="http://lh5.googleusercontent.com/-UKCyTuiXxJM/TgttNfzokXI/AAAAAAAACss/6_vkpR8UflA/For%252520the%252520exchange%252520of%252520advertising.jpg" height="125" /></a></center></td>
</tr>
</tbody></table>
</div>

الاحمر رابط المدونة المراد التبادل الاعلاني معها
الاخضر وصف قصير للمدونة يظهر اثناء مرور المؤشر على البنر
الازرق رابط البنر

ولتغير شعار المدونة من تحرير HTML قم بتوسيع القالب والبحث عن الرابط التالي واستبداله برابط الشعار الخاص بك
كود بلغة HTML:
http://lh3.googleusercontent.com/-iBEvezE-ZBg/Tgon5ITAGTI/AAAAAAAACr0/xuPTGIjQZWo/logo1.png
ملاحظة : ليضهر الشعار داخل الهيدر بشكل جميل يجب ان يكون بأبعاد 400 PX فى العرض × 120 PX فى الارتفاع


ولمن يريد تحميل القالب مضاف اليه هاك إقرأ المزيد مع الصورة المصغرة كما في الصورة










المصدر :
كود بلغة HTML:
http://www.ps4ar.com/2011/07/blogger.html#more

الدعم العربي

احمد سراج غير متواجد حالياً   رد مع اقتباس