الجمعة، 23 سبتمبر، 2011

حصريا | قـالب personalpress الأنيق معرّب ومطوّر بـ 5 ألوان مختلفة مع إضافات احترافيـة


 








قالب personalpress الأنيق والمميز من أجمل قوالب الووردبريس المحولة إلى بلوجر


تم تحويله بواسطة صاحب مدونة bloggerzbible وتم تعريبه وتطويره ليلائم المدونين الممزين العرب






مميزات قالب personalpress المعرب والمطور :






- قالب أنيق ومميز للمدونين الباحثين عن الأناقة والتفرّد.


- متوفر بخمسة ألوان رائعة وجميلة 




- متوافق مع جميع المتصفحات
( Firefox - Google Chrome - Opera - Safari - IE8 + IE7 + IE6 - Netscape  )


- ذو أرشفة قوية وممتازة وصديق لمحركات البحث.


- خاصية تأطير الصور المصغرة في التدوينات.




- عرض الصور بتقنية الـ lightbox المتطورة.



- عرض الصفحات الخارجية في صفحات جديدة بطريقة ذكية.





- أزرار المتابعة للمواقع المفضلة ( facebook - twitter - flickr - RSS ).





- زر الانتقال إلى الأعلى بتقنية الـjquery ,





- منطقة تعليقات التدوينة مميزة وأنيقة.





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





- تخصيص صورة لأصحاب التعليقات المجهولة (غير المعرفين).












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




(  منطقة التعليقات )







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












قبل كل شيء قم بتعديل الميتاتاج لأرشفة مدونتك بشكل سليم في محركات البحث



توجه في مدونتك إلى : تصميم > تحرير hmtl > ابحث عن الكود التالي




<meta content='هنا ضع الكلمات الدلالية التي تخص مجال موقعك' name='keywords'/> <meta content=' اكتب وصفا لمدونتك' name='description'/>






_____________________________




 
1- لتطبيق أحدى الألوان الخمسة المتوفر مع القالب، قم بنسخ الكود من ملف اللون الذي ترغب به


( ستجد الأكواد في ملف التحميل باسم " ألوان قالب personalpress المتوفرة " )


ثم توجه في مدونتك إلى :


تصميم > تحرير hmtl > ابحث عن الوسم 


]]></b:skin>


ثم ألصق الكود فوقه مباشرة (أعلاه - فوقه).




_____________________________
 


2- لاستخدام خاصية (اقرأ المزيد) في تدوينات مدونتك


الخاصية متوفرة مع سكريبت بلوجر في لوحة الكتابة فقط قم بتطبيقها




_____________________________





3- لاستخدام الميزة الجميلة الخاصة بالصور وإضافة الإطار إليها


يجب أن تكون الصور المستخدمة بمقاس 175X175


ولإضافتها في تدوينتك استخدم الكود التالي من تبويب ( تحرير html ) في لوحة الكتابة بمدونتك
    <div class="thumb">     <img src="ضع رابط الصورة المصغرة هنا" />     <a href="ضع رابط الموضوع أو رابط الصورة المكبرة هنا"><span class="overlay"></span></a>     </div>




_____________________________




4- لتغيير اللوجو، ستجد في ملف تحميل القالب PSD الشعار (ملف فوتوشوب قابل للتعديل عليه)


قم بتعديله أو إعادة تصميمه واحفظ العمل الخاص بك بصيغة png (لا تحفظه بصيغة jpg)


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


ثم توجه في مدونتك إلى :


تصميم > تحرير html > ابحث عن الكود التالي :





 <img alt='logo' id='logo' src='http://4.bp.blogspot.com/-mCbb6rFMTn8/ThHl34es2yI/AAAAAAAAAeU/4lrAdBu9yrE/s1600/logo.png'/></a>


 
وغير رابط الصورة المستخدمة برابط الصورة الخاصة بك

http://4.bp.blogspot.com/-mCbb6rFMTn8/ThHl34es2yI/AAAAAAAAAeU/4lrAdBu9yrE/s1600/logo.png




 
_____________________________




5- لتغيير حسابات المواقع الاجتماعية في القالب توجه في مدونتك إلى :


تصميم > تحرير html > ابحث عن الكود التالي :




<a href='https://twitter.com/omnidal' target='_blank'><img alt='' src='http://1.bp.blogspot.com/-JzSts1giswo/TmyhNZfhQHI/AAAAAAAAA0U/G128h328n2Y/s1600/twtr-OMNIDAL.png'/></a>             <a href='https://www.facebook.com/omnidal' target='_blank'><img alt='' src='http://4.bp.blogspot.com/-jjB0bVnR8Fk/TmyhMbtclQI/AAAAAAAAA0M/uyzAu2wgBuE/s1600/FB-OMNIDAL.png'/></a>             <a href='http://www.flickr.com/photos/a_omnidal' target='_blank'><img alt='' src='http://3.bp.blogspot.com/-FCnxP2muZyA/Tm4MePl6yvI/AAAAAAAAA0k/XbYOD1uHhog/s1600/flickr-omnidal.png'/></a>                         <a href='https://www.blogger.com/profile/04653522387469624122' target='_blank'><img alt='' src='http://4.bp.blogspot.com/-cfQ_DYXj46I/TmyhMwcBVsI/AAAAAAAAA0Q/oRXjawcHY6o/s1600/RSS-OMNIDAL.png'/></a>




وغير روابط حساباتي بروابطك الخاصة ( لفيسبوك - تويتر - فليكر - خلاصة المدونة ) .



 
_____________________________




6- لتغيير القائمة العلوية في المدونة بما يناسبك مدونتك، قم بالبحث عن الكود السابق في تحرير html القالب :




<a href='http://a-omnidal.blogspot.com/2005/08/blog-post.html'><strong>للتواصل</strong><span>للتواصل عبر البريد الإلكتروني</span></a> </li>

<li><a href='http://a-omnidal.blogspot.com/2002/06/blog-post.html'><strong>الفهرس</strong><span>تصفح جميع احتوت المدونة</span></a> </li>



<li><a href='http://a-omnidal.blogspot.com/2001/06/picasa.html'><strong>أعمالي</strong><span>شاهد معرض أعمالي البسيط</span></a> </li>

<li><a href='http://a-omnidal.blogspot.com/'><strong>الأقسام</strong><span>تصفح أقسام المدونة ومواضيعها </span></a> </li>

<li><a href='http://omnidal-personalpress.blogspot.com/'><strong>الرئيسية</strong><span>العودة إلى الصفحة الرئيسية</span></a> </li>

<li><a href='http://omnidal-blog.blogspot.com/'><strong>الواجهة</strong><span>العودة إلى واجهة دخول المدونة</span></a></li>






وغير الكلمات العربية بما ترغب به، واستبدل الروابط الخاصة بمدونتي برابط القسم المناسب للتسمية














_____________________________







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


<div class='clear'/>


لأن القالب الأصلي يواجه مشكلة تداخل الصور في التدوينة وجب التنويه لهذه الطريقة


وهذه تدوينة كتجربة تضم عددا من الصور ( تجربة الصور المتعددة في قالب personalpress )






تنبيه آخر: بالنسبة للتاريخ الظاهر يسار كل تدوينة فيلزم ضبط الإعدادات الخاصة به كالتالي :


توجه في لوحة التحكم الخاصة بمدونتك إلى :


إعدادات > التنسيق > تنسيق الطابع الزمني > الاثنين، سبتمبر، 26، 2011








______________( إضافات القالب تجدها مرفقة في ملف القالب مع طريقة التركيب )______________















الشكر الجزيل والوافر  للأخ محمد سامي | مدونة سامكو والأخ سفيان المغربي | مدونة علمني






















لا أبيح ولا أسمح إزالة حقوق التعريب والتطوير من القالب سواء الحقوق النصية أو الشعار



وأبرئ ذمتي من كل استخدام للقالب فيما لا يرضي الله








 ( تم تحديث رابط تحميل القالب في : 10-02-2012 ) 




49 التعليقات:

haneen nidal يقول... في 22 سبتمبر، 2011 11:33 ص

الثيم رائع ^___^

أسماء || أم نضال || يقول... في 23 سبتمبر، 2011 1:13 ص

@haneen nidal

مرورك أروع يا جميلة ^^

انثى يعشقها الابداع .. يقول... في 23 سبتمبر، 2011 1:22 م

ماشاء الله ابداع
يعطيكِ العافيه حبوبتي على هالقالب ^^
بالتوفيق يارب /

Sad Heart يقول... في 24 سبتمبر، 2011 7:48 ص

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

أسماء || أم نضال || يقول... في 24 سبتمبر، 2011 8:18 ص

@أنثى يعشقها الإبداع

بوركت كلماتك اللطيفة يا لطيفة

تسعدني متابعتك ^^

أسماء || أم نضال || يقول... في 24 سبتمبر، 2011 8:21 ص

@Sad Heart

أعتذر عن ذلك في الوقت الحالي

إن شاء الله بعد أسبوعين أو أقل

Sad Heart يقول... في 24 سبتمبر، 2011 10:46 ص

ولكن اختي انا احتاجها مبكرا لانه سوف ابدا اطلق مدونتي اول هذا الشهر .
وارجووو ان ان تلبي طلبي هذه المرة .

أسماء || أم نضال || يقول... في 25 سبتمبر، 2011 7:09 ص

سأحاول تعجيل طرحه إذا ..!!

Sad Heart يقول... في 25 سبتمبر، 2011 12:56 م

شكرا لكي اختي ع تفهمكـ
واسف لو كنت قد ازعجتك !

Sad Heart يقول... في 28 سبتمبر، 2011 10:14 ص

تارخ نشر التدنية بطلع مكتوب الي فير محدد

يا تري شة السبب وكيف احلهاااا

أسماء || أم نضال || يقول... في 28 سبتمبر، 2011 11:42 ص

@Sad Heart

أجل ذلك راجع للإعدادات، قمت بالأمس بإضافة تنبيه آخر للموضوع خاص بهذا الأمر

توجه في لوحة التحكم الخاصة بمدونتك إلى :

إعدادات > التنسيق > تنسيق الطابع الزمني > الاثنين، سبتمبر، 26، 2011

Sad Heart يقول... في 28 سبتمبر، 2011 12:49 م

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

أسماء || أم نضال || يقول... في 28 سبتمبر، 2011 1:17 م

العفو ، نحن في الخدمة دومًا بحول الله

والقالب سيكون جاهزا للعرض خلال يومين بإذن الله

Sad Heart يقول... في 28 سبتمبر، 2011 1:17 م

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

بصراحة ما فهمت من وين اجيبها من لوحة الكتابة

Sad Heart يقول... في 28 سبتمبر، 2011 1:18 م

لو ممكن كمان شرح وضع زر اعجبني وارسال للفيس بوك
بكون جزاك الله كل خير عنااا
وبارك الله فيكي

أسماء || أم نضال || يقول... في 28 سبتمبر، 2011 3:31 م

@Sad Heart

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

تطبيق خاصية اقرأ المزيد في قوالب بلوجر | قالب personalpress

أسماء || أم نضال || يقول... في 28 سبتمبر، 2011 3:32 م

@Sad Heart

شرح وضع زري (أعجبني) و (إرسال) للفيسبوك استعنت بدرس من مدونة سما بلوجر

إضافة زر الإرسال send + زر الإعجاب like من فيسبوك لمدونات بلوجر

Sad Heart يقول... في 29 سبتمبر، 2011 12:52 ص

شكرا كتير الك اختي

Sad Heart يقول... في 29 سبتمبر، 2011 1:01 ص

زر اعجبني وارسال ما زبط جربت كل الطرق ما طلع نهائي

Sad Heart يقول... في 29 سبتمبر، 2011 2:12 ص

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

أسماء || أم نضال || يقول... في 29 سبتمبر، 2011 7:57 ص

@Sad Heart

عندما تبحث عن الوسم <data:post.body/> ستجده في عدة مواضع
جرب إضافة الكود مع كل وسم على حدى وستنجح معك الطريقة بإذن الله

أسماء || أم نضال || يقول... في 29 سبتمبر، 2011 7:57 ص

@Sad Heart

نموذج (اتصل بي) الذي أستخدمه في مدونتي من موقع jotform
هذا شرح من إحدى المدونات لطريقة إضافته لمدونات بلوجر

نموذج الاتصال الاحترافي من موقع jotform

أما بالنسبة لفهرسة مواضيع المدونة فهي من مدونة عاشق النت

أداة أرشيف أو فهرس المدونة بنوعيها - معربة بالكامل

Sad Heart يقول... في 29 سبتمبر، 2011 9:28 ص

شكرا كتير الك
كلو زبط
بس ضايل شي واحد
كيف اغير تعت مزيد من المعلومات واخليها اقرا باقي الموضوع

أسماء || أم نضال || يقول... في 29 سبتمبر، 2011 10:20 ص

@Sad Heart

يمكنك تغيير عبارة (مزيد من المعلومات) بما تشاء بالتوجه في مدونتك إلى :

تصميم > عناصر الصفحة > رسائل المدونة الإلكترونية > تحرير > نص رابط صفحة التدوينات: > اكتب (اقرأ باقي الموضوع ») > حفظ

Sad Heart يقول... في 29 سبتمبر، 2011 12:01 م

شكرا جزيلا لكي اختي الفاضلة بجد غلبتك معي
مدونتي
عّ ـآلـم ﭑلذگرياٺ
http://3alm-dkreat.blogspot.com/

m7md89 يقول... في 24 أكتوبر، 2011 6:09 ص

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

أسماء || أم نضال || يقول... في 24 أكتوبر، 2011 10:07 ص

@m7md89

عند كتابتك لتدوينة تود إضافة صورة متعددة لها

أضف الكود التالي لتحرير htm من لوحة الكتابة

ثم قم بتكرار هذا الكود على عدد الصور المرغوب فيها مع تغيير (أضف رابط الصورة هنا)

<div style="text-align: center;">
<img border="0" src="أضف رابط الصورة هنا" /></div>
<div class="clear">
<div style="text-align: center;">

m7md89 يقول... في 25 أكتوبر، 2011 12:34 ص

السلام عليكم
انا كتبت الكود هذا ووضعت رابط الصورة ولكن يظهر في الموضوع النهائي الكود وليس الصورة
هناك شئ خطا في الكود

أسماء || أم نضال || يقول... في 25 أكتوبر، 2011 1:41 ص

هذا لأنك أضفت الكود في صندوق كتابة التدوينة مباشرة
وقد قمت بالتنبيه إلى ضرورة إضافة الكود إل تبويب (تحرير html) من لوحة الكتابة
أعد المحاولة وستنجح معك بالتأكيد بإذن الله

m7md89 يقول... في 25 أكتوبر، 2011 5:15 ص

للاسف انا كتب الكود في تبويب html وليس صندوق الكتابة

أسماء || أم نضال || يقول... في 26 أكتوبر، 2011 7:46 ص

@m7md89

لا أدري أين المشكلة، فهذه الطريقة الوحيدة التي أعرفها لتطبيق الصور المتعددة بقالب personalpress..!!

Yasser يقول... في 16 نوفمبر، 2011 9:50 ص

شكرا لك اخت اسماء
انا مجرب هذا القالب هو رائع فعلا
لكن فيه مشكلة بالصور
وجربت مثل ما قلتي لكن !
لما اضع صورة في الموضوع
بيخفي كل المنشورات على الصفحة الرئسية عدا التدوينة التي بها الصورة ؟؟
شو الحل برأيك ؟؟

أسماء || أم نضال || يقول... في 16 نوفمبر، 2011 10:42 ص

@Yasser

جرب إضافة كود الصورة المتعددة بالعودة إلى ردي السابق بهذا الموضوع

ردي | كود إضافة الصورة المتعددة

مطـر يقول... في 29 نوفمبر، 2011 8:34 ص

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

أسماء || أم نضال || يقول... في 29 نوفمبر، 2011 4:24 م

@• яаіn •

بوركت كلماتك الجميلة جميلتي ^_^
نعم بإمكانك زيادة مساحة التدوينات
لكن ذلك سيؤثر على العديد من النواحي في القالب ..!!

حرووف يقول... في 3 ديسمبر، 2011 5:07 ص

ايعطيج العافيه قالب يجنن وثبته لكن
اختبصت المدونه

وهل يمكن اغير اسم (اسماء) الى اسم مدونتي )

وكيف اغير مثلا لما اضغط على اعمالي : تفتح اعمالج انت !!

أسماء || أم نضال || يقول... في 3 ديسمبر، 2011 5:11 ص

@حرووف

الله يعافيكي يا رب ،، يسعدني أن تكون لي لمسة في مدونتك ^^

بالنسبة لتعديل اسم اللوجو ستجدين في ملف تحمل القالب ملف PSD للفوتوشوب "Photoshop ملف"
يمكنك تغيير اسمي والوصف بما ترغبين به

أما بالنسبة لتغيير روابط "أعمالي، الفهرس..."
فاتبعي الخطوات الموضحة بملف "تعليمات وطرق تركيب الإضافات"

^_^

حرووف يقول... في 3 ديسمبر، 2011 7:35 ص

سوري متكنت منبه عرفت جواب سوالي

بس مافهمت طريقة الصور
لانه المشاركه الي كنت كاتبتها في صوره
فطلع شكلها مب حلو اختبصت مع الكلام
كيف اعدلها وكيف ماتستوي مرة ثانيه ؟

يعطيج العافيه مرة ثانيه (=

أسماء || أم نضال || يقول... في 3 ديسمبر، 2011 8:13 ص

@حرووف

جواب سؤالك عن الصور تجدينه كتنبيه في آخر هذه التدوينة،

أو يمكنك كتابة الكود التالي في التدوينة التي تحتوي على صور

<div style="text-align: center;">
<img border="0" src="أضف رابط الصورة هنا" /></div>
<div class="clear">
<div style="text-align: center;">

مع استبدال "أصف رابط الصورة هنا"

أهلا بكِ دومًا ^_^

حرووف يقول... في 4 ديسمبر، 2011 8:36 ص

حتى اذا كانت الصورة من الكمبيوتر ؟

يعني انسخ الرابط الي كتبتيه ومكان اضف الرابط احط رابط الصورة
؟؟

أسماء || أم نضال || يقول... في 4 ديسمبر، 2011 9:23 ص

@حرووف

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

حرووف يقول... في 6 ديسمبر، 2011 2:44 ص

يعطيج العااافيه ضبط وياااي

أسماء || أم نضال || يقول... في 6 ديسمبر، 2011 2:48 ص

@حرووف

(:

حرووف يقول... في 6 ديسمبر، 2011 3:37 ص

http://tsaltamimi.blogspot.com/

ويشرفني تزوريني .. (= دمت بخير

أنس كيو يقول... في 7 يناير، 2012 3:25 ص

السلام عليكم
لقد قمت بتجربة القالب و لقد اعجبني
فيما يخص مشكل الصور عندما اضيف صورة (او اكثر) اقوم بحدف class="separator" من كل صورة فلا يضهر اي مشكل
صراحة لا أعرف من أين أتي هدا الكلاس و ما علاقة separator بالصور .... المهم ان المشكل بالنسبة لي قد حل
بارك الله فيك و شكراا على القالب

أسماء || أم نضال || يقول... في 10 فبراير، 2012 3:55 ص

@أناس كيو

بارك الله فيك أخي تم حل مشكلة الصور بهذا القالب والفضل بعد الله في تنبيهك لكلاس separator

جزاك الله خير الجزاء

عفآفْ ~ يقول... في 16 فبراير، 2012 5:12 م

السلام عليكم
أولاً أحييكِ ع مجهوداتك وابداعك :)

ثانياً معلش أنا جديدة ف الموقع ولسة مدونتي أطلقتها امبارح بس :)
ف حابة أعرف >> أنا خلاص عملت داون لود للقالب ده بس ازاي أثبته ف المدونة ؟؟
وشكراً مقدماً :)

أسماء || أم نضال || يقول... في 17 فبراير، 2012 3:59 ص

@عفآفْ ~

وعليكم السلام ورحمة الله وبركاته ،،

يسعدني أن تكون بدايتك مع إحدى القوالب الناشئة هنا ^_^"

يمكنك الاستعانة بهذا الدرس المصوّر والبسيط لكيفية تركيب قالب على مدونة بلوجر

( شرح طريقة تركيب قوالب بلوجر | مدونة العازمي )

عفآفْ ~ يقول... في 17 فبراير، 2012 5:20 م

أقولك ايه يا بنتي .. ربنا يجزيكِ كل خير ويجعله في ميزان حسناتك
بجد شكراً جداً جداً

انا استخدمت فعلاً القالب .. وأخيراً بقى لمدونتي -الجديدة- شكل يفتح النفس ؛)

أتمنى تشرفي مدونتي المتواضعة وتشتركي فيها قلبو <3
http://dreamer-3faf.blogspot.com/

تحياتي لكي يا حبيبتي <3

إرسال تعليق

 

me | twitter