اختر لون الخلفية المفضلة لديك

الأحد، 3 نوفمبر 2013

لاول مرة قالب باللون الاخضر والاسود هدية لاصحاب مدونات Blogger

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


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

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

ويمكن تخصيص السلايد شو من لوحة التحكم >> تصميم >> عناصر الصفحة
ستجد اداة بإسم Slideshow قم بإضافة الكود التالي للاداة
<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>
شرح الكود :

      الاحمر لتعديل رابط الموضوع
      الاخضر في الكود لتعديل  رابط الصورة
      الازرق لتعديل عنوان الموضوع
      البرتقالي لاضافة مقتطف من الموضوع
ويمكن ايضا زيادة عدد المواضيع التي تظهر فى السلايد شو بإضافة هذا الكود
<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
 ملاحظة  : يجب ان تكون ابعاد الصورة >> 600 PX في العرض × 240 PX في الارتفاع
اما ان كنت لا ترغب بهذه الاداة يمكنك حذفها من عناصر الصفحة
ميزة اخرى للقالب وهى التوافق التام  مع المتصفح انترنت اكسبلورر , جوجل كروم , موزيلا فير فوكس .
ايضا امكانية فتح الروابط الخارجية في صفحة مستقلة.
اضافة جميلة لعداد التعليقات يظهر بجانب عنوان الموضوع
تميز تعليق صاحب المدونة عن باقي التعليقات
ويمكن تغير لون التعليق لصاحب المدونة من تحرير HTML بعد توسيع القالب والضغط على مفتاح Ctrl + F من لوحة المفاتيح والبحث عن هذا الكود
<!--Commentaires_Auteur_du_Blog-->
وبعد العثور عليه قم بتغير ما تم تلوينه بالاحمر الى اللون الذي يناسبك
<!--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
<data:post.body/>
اسفل منه مباشرة ستجد هذ الكود قم بتغير ما تم تلوينه كالتالي
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRC-jzxLclv9dQsSf5pNMK_ZeoApJA1o8rhiIOFcbQ3oWxzwrnWvslaUSgOFpLgCbDDZxyijvrRnn0IJOGV4elszhsYFM1ZAN5E9SM1t0cdx470aejyEj6L_fiDC92viKwWmCt7Giy2cn/' width='80'/>
 <h4>بقلم عاشق النت</h4>
 <p> انا عاشق النت إسم على مسمى, اعشق برنامج الفوتوشوب وأحببت إنشاء هذه المدونة لاضع فيها كل ما يتعلق ببرنامج الفوتوشوب من دروس وملحقات وصور وتصاميم حتى تكون طريق المستخدم العربى ليصل الى الاحترافية </p>
</div>
</b:if>
       الاحمر لتغير رابط الصورة المصغرة لصاحب المدونة
       الاخضر لتغير اسم صاحب المدونة .
       الازرق لاضافة نبدة مختصرة عن صاحب المدونة
ايضا يوجد اسفل كل تدوينة مربع احترافي لنشر مواضيع المدونة عبر مواقع النشر المفضلة وامكانية متابعة المدونة عبر رسائل البريد الالكتروني وغيرها
وللتعديل على المربع ووضع روابط مواقع النشر الخاصة بك قم بالتالي
1- لتغير رابط الخلاصة RSS ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الخلاصة الخاص بك
http://feeds.feedburner.com/ps4ar
 2 - لتغير رابط الصفحة الخاص بك على الفيس بوك ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الصفحة الخاص بك على موقع الفيس بوك
http://www.facebook.com/ps4ar
3 - لتغير رابط الصفحة الخاص بك على تويتر ابحث عن الرابط التالى وستجده مكرر مرتين ثم قم بإستبداله برابط حسابك على تويتر
http://twitter.com/ps4ar
4 - لتغير رابط الاشتراك عبر البريد الالكتروني ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط اللاشتراك الخاص بك على موقع فيد بيرنر
http://feedburner.google.com/fb/a/mailverify?uri=ps4ar
------------------------------------
ايضا يوجد في القائمة الجانبية مربع لمتابعة مواضيع المدونة على المواقع الاجتماعية وسنقوم بتخصيص هذا المربع داخل القالب من تحرير HTML واستبدال الروابط

وطبعا التخصيص سيكون مثل المربع السابق اي انه لكل موقع إتنين من الروابط ستقوم بإستبدالها بروابط حسابك الخاص
1 - رابط موقع تويتر
http://twitter.com/ps4ar
2 - رابط الخلاصة RSS
http://feeds.feedburner.com/ps4ar
3 - رابط الفيس بوك
http://www.facebook.com/ps4ar
نأتي الان لتعديل قائمة الروابط والطريقة ستكون من عناصر الصفحة من الاداة Menu-Bottom
قم بتحرير الاداة واضافة الروابط المراد عرضها في القائمة
لتظهر القائمة بشكل احترافي في المدونة بهذا الشكل
القالب مضاف اليه كود Meta Tag لكسب صداقة محركات البحث وكذلك لتحسين ظهور النتائج ويمكن فقط ان نضيف عليه وصف قصير للمدونة يظهر بعد عنوان المدونة ولعمل ذلك في بداية القالب ستجد كلمة  دروس الفوتوشوب  قم بتغيرها بوصف قصير يدل بشكل قوى على محتو مدونتك كما في الصورة
فوتر جميل باللون الاسود والروابط باللون الاخضر لاضافة ثلاثة ادوات اسفل المدونة
وللراغبين بعمل التبادل الاعلاني مع مدونات اخري اليكم هذا الكود الذي سيتم اضافته من عناصر الصفحة >> اضافة اداة >> ومن بين الادوات نختار اداة HTML/JavaScript ثم نضيف الكود التالي
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
</tr>
<tr>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
</tr>
</tbody></table>
</div>
شرح الكود :
      الاحمر رابط المدونة المراد التبادل الاعلاني معها
      الاخضر وصف قصير للمدونة يظهر اثناء مرور المؤشر على البنر
      الازرق رابط البنر
ولتغير شعار المدونة من تحرير HTML قم بتوسيع القالب والبحث عن الرابط التالي واستبداله برابط الشعار الخاص بك
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokVauFr5D8uOwWTooxjN3TWqnX2PfjohqBotbhgxwHoOQP0Jwkw0Zy7VbZHeXQdvOVHpaE-suGeqOrAQaUeTXysLQfJ9ButEDCiNimFL89vXg2CzfxZmkIVEH0Ma_5O9MBflhzqwhE5I/
ملاحظة : ليضهر الشعار داخل الهيدر بشكل جميل يجب ان يكون بأبعاد 400 PX فى العرض × 120 PX فى الارتفاع
ولمن يريد تحميل القالب مضاف اليه هاك إقرأ المزيد مع الصورة المصغرة كما في الصورة
( مرات التنزيل : 500مرة )

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