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

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

http://4.bp.blogspot.com/-Zk095ootIH...ogspot.com.png

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

اضغط على الصورة للمشاهدة بالحجم الاصلي
http://3.bp.blogspot.com/-MfpHAmtMIU...-+by+ps4ar.jpg

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

http://lh3.googleusercontent.com/-l6...e57384f9f6.gif

تنبيه : قبل تركيب القالب يجب اخد نسخة احتياطية من القالب القديم على جهازك
معلومات عن القالب وكيفية التعديل عليه
* 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 في الارتفاع
اما ان كنت لا ترغب بهذه الاداة يمكنك حذفها من عناصر الصفحة

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

http://1.bp.blogspot.com/-kH-ydHiSzW...r+Comments.jpg

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

http://4.bp.blogspot.com/-R38yh0KPe1...r+comments.jpg

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

كود بلغة HTML:

وبعد العثور عليه قم بتغير ما تم تلوينه بالاحمر الى اللون الذي يناسبك

كود بلغة 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-->

اسفل كل موضوع يوجد مربع لعرض نبدة مختصرة عن صاحب المدونة
http://1.bp.blogspot.com/-PkoJVEJvJd...Author+box.jpg

ويمكن تخصيصه كالتالي
من تحرير 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>

الاحمر لتغير رابط الصورة المصغرة لصاحب المدونة
الاخضر لتغير اسم صاحب المدونة .
الازرق لاضافة نبدة مختصرة عن صاحب المدونة

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

http://2.bp.blogspot.com/-AIrctY5wwA.../box+share.jpg

وللتعديل على المربع ووضع روابط مواقع النشر الخاصة بك قم بالتالي
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 واستبدال الروابط

http://1.bp.blogspot.com/-nf9Y0tWFFF.../Follow+me.jpg

وطبعا التخصيص سيكون مثل المربع السابق اي انه لكل موقع إتنين من الروابط ستقوم بإستبدالها بروابط حسابك الخاص
1 - رابط موقع تويتر

كود بلغة HTML:

http://twitter.com/ps4ar

2 - رابط الخلاصة RSS

كود بلغة HTML:

http://feeds.feedburner.com/ps4ar

3 - رابط الفيس بوك

كود بلغة HTML:

http://www.facebook.com/ps4ar

نأتي الان لتعديل قائمة الروابط والطريقة ستكون من عناصر الصفحة من الاداة Menu-Bottom
قم بتحرير الاداة واضافة الروابط المراد عرضها في القائمة

http://4.bp.blogspot.com/-SykSJsyWYr...u-Bottom+2.jpg

http://2.bp.blogspot.com/-Bqt3-Ho0PD...enu-Bottom.jpg

لتظهر القائمة بشكل احترافي في المدونة بهذا الشكل
http://1.bp.blogspot.com/-iHqT6AqGok...enu-Bottom.gif

القالب مضاف اليه كود **** Tag لكسب صداقة محركات البحث وكذلك لتحسين ظهور النتائج ويمكن فقط ان نضيف عليه وصف قصير للمدونة يظهر بعد عنوان المدونة ولعمل ذلك في بداية القالب ستجد كلمة دروس الفوتوشوب قم بتغيرها بوصف قصير يدل بشكل قوى على محتو مدونتك كما في الصورة
http://2.bp.blogspot.com/-BjrwUM_dZ4...0/template.jpg

فوتر جميل باللون الاسود والروابط باللون الاخضر لاضافة ثلاثة ادوات اسفل المدونة
http://2.bp.blogspot.com/-bG98h3ufzo...600/footer.jpg

وللراغبين بعمل التبادل الاعلاني مع مدونات اخري اليكم هذا الكود الذي سيتم اضافته من عناصر الصفحة >> اضافة اداة >> ومن بين الادوات نختار اداة 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 فى الارتفاع

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

http://4.bp.blogspot.com/-9aQDqNm1VG...0/red+more.jpg

http://lh3.googleusercontent.com/-l6...e57384f9f6.gif

المصدر :

كود بلغة HTML:

http://www.ps4ar.com/2011/07/blogger.html#more