احترافي : شروحات برامج تصميم تدوين

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

2013-12-26T05:19:00.000-08:00

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

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

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

قالب مدونة بصمة تقنية حصريا للتحميل على مدونه احترافى على خالد

2013-12-05T09:55:00.000-08:00

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

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

صوره من القالب:

مميزات القالب :

* الألوان الرئيسية : الأزرق و الأبيض
* قائمة إحترافية في الهيدر
* مكان لوضع إعلان أدسنس في الهيدر
* يدعم لاهم المتصفحات (IE9, Mozilla, Chrome)
* تعريف كاتب الموضوع بشكل جديد
* 2 سليدشوو تلقائي إحترافي
* …………

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

لا أسمح بحدف الحقوق و إستعماله فيما لا يرضي الله

المرجو ذكر المصدر عندى نسخ الموضوع

و لتحميل القالب

تحميل القالب

إذا واجهتكم أي مشكلة المرجو استشارة

قالب مدونة المساعد العربي حصريا للتحميل على مدونه احترافى على خالد

2013-12-05T09:16:00.001-08:00

قالب مدونة المساعد العربي حصريا للتحميل على مدونه احترافى على خالد

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

صورة القالب :

تحميل :

تحميل القالب

انا فى انتظار ردودكم

قالب مدونة المساعد العربي حصريا للتحميل على مدونه احترافى على خالد

2013-12-05T09:14:00.000-08:00

صورة القالب :

تحميل :

تحميل القالب

انا فى انتظار ردودكم

قالب مدونه احترافى الان معروض للبيع بسعر بسيط

2013-12-02T10:57:00.002-08:00

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

تم الاعلان عن بيع القالب

الثمن : 160 جنية مصري

مع دعم فنى لمده 5 شهور

من يريد شرائه يرد فى تعليق

او يراسلنى على

mohamedelarbynew@gmail.com

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

2013-12-01T10:01:00.000-08:00

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

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

مميزات القالب :

- يدعم اعلانات ادسنس
- القالب بثلاثة اعمدة
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان بانر ارتفاع 150 ويمكن تعديله
- جيد في التحميل
- عرض 990
- متوافق مع جميع المتصفحات
- كود تمييز التعليقات وعدادها
- اضافة ارقام الصفحات .
- اضافة مواضيع ذات صلة .
- اضافة زر اعجبني من فيسبوك .
- اضافة ايقونات المشاركة ل فيس بوك وتويتر

- اضافة صندوق اعجبتك التدوينة اسفل الموضوع

- اضافة addthis

- وبعض الاضافات الاخرى مثل : هاك اقرأ المزيد ، اضافة lazy jqury ، اضافة فتح الروابط في نافذة جديدة .

للمشاهدة

للتحميل

تخصيص القالب :

- من لوحة التحكم اضغط على تصميم – تحرير html – اضغط على توسيع فوالب عناصرواجهة المستخدم :

1- تغيير بانر العنوان

هذا رابط بانر العنوان :

http://farm5.static.flickr.com/4020/4690407096_7b3385f4f1_b.jpg

ابحث عنه في القالب وغيره برابط البانر الخاص بك .

2- تغيير ايقونة العنوان

ابحث عن :

http://www.iconarchive.com/icons/mysitemyway/blue-jeans-social-media/32/blogger-square-icon.png

وغير الرابط برابط ايقونتك الخاصة

3- تغيير وصف العنوان في المتصفح :

ابحث عن :

اضافات وادوات وقوالب بلوجر ووردبريس - نصائح وتوجيهات للمدون

وغيرها بما تشاء .

4- تغيير الميتا تاج لمحركات البحث

ابحث عن :

<meta content

وغير الوصف description , والكلمات الدلالية keywords

اشكركم للمحافظة على حقوق التصميم .

قالب ( احمد السعدى ) مقدم من مدونه بلوجر

2013-12-01T09:33:00.000-08:00

قالب مدونة احمد السعدي...الآن بين أيديكم

اقدم لكم اليوم قالب مدونتي قالب مدونة احمد السعدي المتواضعة

معاينة القالب | تحميل القالب

عدل على القالب بما يناسبك

لن أسامح أبدا من يحذف الحقوق من القالب

قالب بيسك دول الاحترافي مقدم من على خالد لكم 2014

2013-12-01T08:45:00.001-08:00

قالب بيسك دول الاحترافي مقدم من على خالد لكم 2014

صوره للقالب

مميزات القالب

1- قالب احترافي للمدونات التقني

2- قالب معرب يدويا و رائع

3- قالب مقسم بطريقة رائعة

4- قالب مؤرشف و مجاني

كلمة شكر تكفينى

ادعمنا بتعليق لزياده القوالب

قالب اخبارى رائع هديه منى لكم 2013 على خالد

2013-11-29T10:34:00.000-08:00

بسم الله الرحمان الرحيم , أحبتي متابعي مدونة احترافى الأوفياء أتمنى أن تكونو على أفضل حال،

لأول مرة على مدونة احترافى، قالب إحترافي من تطويري المتواضع، كان بإمكاني تطويره أكثر، لكنها مسألت وقت، وقد يجعلني ذالك أطرحه كقالب مدفوع، المهم فيها خير، أولا أترك لكم معاينة للقالب.

حمل الصورة لمشاهدتها بالحجم الأصلي

للبث الحي اضغط :

لماذا قمت باختيار هذا القالب لتطويره ؟

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

قبل المرور إلى شرح تركيب القالب، أتمنى من كل من قام بتحميله أن لا يجعلني أندم على طرحه، بحذفه لحقوق التطوير.

كما أتمنى أن تنظم إلى صفحتي على الفيسبوك.(لن أرغمك عن الإعجاب بها فقط إن أردت ذالك) وشكرا مسبقا.

لتحميل القالب من الفورشاريد

لتحميل القالب من موقع آخر

شرح التركيب:

بالنسبة لlogo إن أعجبك هذا رابط تحميله على صيغة psd للتعديل عليه في الفوطوشوب كيف ما تشاء وبكل ما يناسبك

رابط التحميل

- لعرض المواضيع المهمة على سلايدر المحترف التلقائي قم بانشاء تسمية خاصة بأهم المواضيع وإبحث في القالب عن 555 وغير هذا الرقم بالتسمية التي قمت بانشائها

-لإدراج الأقسام في قائمة الأقسام الأساسية إبحث في القالب عن menu sf-vertical وغير الأقسام وروابطها بما يناسبك كما يمكنك تغيير الأيقونة أيضا، فقط يجب أن تحترم حجمها لكي لا تشوه الأداة (حجم الأيقونة = 45x38)

- وبالنسبة للأدوات التي تعرض آخر مواضيع قسم معين إبحث في القالب عن إسم هذه الأداة وقم بتغييرها لإسم القسم الذي تم إنشائه ليكون في ذالك المكان مثلا: (صوت وصورة إبحث في القالب عن صوت وصورة وغييره باسم القسم الذي قمت بانشائه وتريده أن يظهر هناك)

ولأي استفسار في أي جزئ من القالب ضعه في تعليق، لتقديم المساعدة قدر المستطاع إن شاء الله. (أأسف عن تجاهل تعاليقَ من سيقوم بحذف الحقوق)

روم الجيلي بين 4.2.2 المسرب الثاني للجالكسي اس ثري Galaxy S3 I9300 2nd 4.2.2 Leaked ROM فقط على احترافى شرح على خالد الجزء الثانى

2013-11-23T11:43:00.002-08:00

روم الجيلي بين 4.2.2 المسرب الثاني للجالكسي اس ثري Galaxy S3 I9300 2nd 4.2.2 Leaked ROM

معلومات الروم

هذا الروم يصلح للجهاز التالي بالحرف ولا يصلح لغيره حتى ولو كان الفرق حرف او رقم او رمز :

Samsung Galaxy S3

GT-I9300 او تكتب ايضا I9300

نسخة الروم : اندرويد 4.2.2

توجيه الروم : اوربا

تاريخ بناء الروم : 21 – 5 – 2013

الروم يدعم اللغة العربية : قراءة و كتابة و واجهة

الفرق بين الروم المسرب الاول والثاني

تم تعديل واصلاح بعض المشاكل والاخطاء

هذا الروم مستقر اكثر من الذي قبله

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

رابط الفيديو

طريقة التركيب

قم بفك الضغط عن ملف الروم وتأكد من حجم الملفات :

الان قم بفتح Odin3 v3.04

وقم بملأ نموذج Odin كالتالي :

في خانة PDA ضع ملف الروم ( I9300XXUFME7_I9300OXAFME7_I9300XXUFME7_HOME.tar.md5 ) بهذا الشكل :

الأن وصل هاتفك الجالكسي اس ثري بالكمبيوتر

ملاحظة – لا تقم بتوصيل الهاتف بالكمبيوتر الا بعد تشغيل Odin

وتأكد بأن اوديون قد تعرف على هاتفك بظهور مربع COM باللون الأزرق على يسار اوديون

ثم اضغط على Start

ستجد شريط في هاتفك الجالكسي اس ثري وشريط اخر في الكمبيوتر

انتظربضع دقائق…………………………………

بعد انتهاء الشريط :

سوف تظهر لك كلمة PASS باللون الاخضر في odin

سوف يقوم الهاتف باعادة تشغيل نفسه تلقائيا

انتهى .

رابط الروم

من البوكس

من المصدر

المصدر

samMobile

صور + فيديو روم الجيلي بين 4.2.2 المسرب للجالكسي اس ثري Galaxy S3 I9300 Leaked 4.2.2 ROM فقط على احترافى شرح على خالد محمد الروم الاول

2013-11-23T11:40:00.002-08:00

تحديث / تم اضافة الروم المسرب الثاني في الاسفل ( 22 – 6 – 2013 )

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

قام فريق موقع samMobile بتسريب هذا الروم مما يعني انه لم ياتي من شركة سامسونج بشكل رسمي

هذا الروم مسرب اي انه غير رسمي وغير مستقر وغير صالح للإستخدام اليومي

ولا انصح بتركيبه الا اذا اردت التجربة

نركيب الروم يفقدك الضمان بسبب بدأ عداد الكيرنل

معلومات الروم

هذا الروم يصلح للجهاز التالي بالحرف ولا يصلح لغيره حتى ولو كان الفرق حرف او رقم او رمز :

Samsung Galaxy S3

GT-I9300 او تكتب ايضا I9300

نسخة الروم : اندرويد 4.2.2

توجيه الروم : الشرق الاوسط

تاريخ بناء الروم : 8 – 5 – 2013

الروم يدعم اللغة العربية : قراءة و كتابة و واجهة

ما الجديد ؟

تم اضافة شاشة القفل الخاصة بالجالكسي اس فور مع اضافة ميزة التأثي الضوئي

اضافة المزيد من أوضاع الشاشة (Screen modes) والموجودة في Galaxy S4

اضافة ميزة Daydream وهي احدى ميزات أندرويد 4.2.2

تغيير تصميم منطقة الضبط بشكل مشابة لـ Galaxy S4

تحديث تطبيق المساعد الصوتي S-voice

اضافة الخلفية البيضاء لتطبيق الأستوديو

اضافة بعض الـ widgets الجديدة

صور الروم

ملاحظات قبل التركيب

1 – التركيب على مسؤوليتك الشخصية

2 – الروم غير ماسح لكن يفضل اخذ نسخة احتياطية

3 – يجب ان تكون على روم سامسونج رسمي وليس على روم مطبوخ

4 – يجب شحن الجهاز فوق 50% احتياطا

5 – يجب استخدام السلك الاصلي للجهاز

6 – الحذر الشديد من عدم انقطاع التنصيب من خلال اوديون

طريقة التركيب

يجب ان يتواجد لديك برنامج سامسونج كيز على الكمبيوتر

اقفل الجهاز كليا ( ايقاف التشغيل )

والجهاز مغلق كليا ادخل لوضعية الداونلودنق مود بالضغط على

زر التشغيل و زر الهوم و زر الصوت لاسفل معا ضغطا مطولا

سيظهر لك تحذير اضغط زر الصوت لأعلى

الان اذهب للكمبيوتر ثم :

قم بفك الضغط عن الملف المرفق بإستخدام WinZIP او 7ZIP

ستجد الملفات التالية ( تأكد من حجمها ) :

الان قم بفتح Odin3 v3.04

وقم بملأ نموذج Odin كالتالي :

في خانة PDA ضع ملف الروم ( I9300XXUFME3_I9300OJKFME1_HOME.tar.md5 ) بهذا الشكل

الأن وصل هاتفك الجالكسي اس ثري بالكمبيوتر

ملاحظة – لا تقم بتوصيل الهاتف بالكمبيوتر الا بعد تشغيل Odin

وتأكد بأن اوديون قد تعرف على هاتفك بظهور مربع COM باللون الأزرق على يسار اوديون

ثم اضغط على Start

ستجد شريط في هاتفك الجالكسي اس ثري وشريط اخر في الكمبيوتر

انتظربضع دقائق…………………………………

بعد انتهاء الشريط :

سوف تظهر لك كلمة PASS باللون الاخضر في odin

سوف يقوم الهاتف باعادة تشغيل نفسه تلقائيا

انتهى

ملاحظة – اذا علق الهاتف على كلمة SAMSUNG يجب عليك الدخول لوضعية الريكفري و عمل فورمات

رابط الروم

من البوكس

من المصدر

جديد على فايل كلاود

جديد ملتي أبلود

المصدر

samMobile

قالب مترو الاحترافي لبلوجر 2013

2013-11-08T05:02:00.000-08:00

قالب مترو الاحترافي الذى يتميذ بخصائص رائعة لمحبي الاحتراف والتقنية الفريدة من نوعها في مجال التدوين والبلوجر , اقدم لكم اليوم قالب جميل جدا واكثر من احترافي يتميذ بشكل رائع ونظام منسق في التصفح سريع التحميل يتميذ بسلايد شو احترافي مثل ويندوز 8 الجديد واضف عليه خصائص الcss3 , داعم لجميع المتصفحات , تصغير صورة المواضيع لتصفح اسرع وافضل للزائرين , يمكن تجربه القالب بنفسك فهو الافضل لك

صور من القالب

معاينة

تحميل

او فى المرفق

الملفات المرفقة

قالب مترو من احترافي.zip (47.4 كيلوبايت, عدد مرات المشاهدة 640 مرة)

اضافة اداة مواضيع ذات صلة بتقنية CSS

2013-10-18T19:19:00.001-07:00

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

1. اذهب الى القالب >> تحرير HTML >> ثم ابحث عن </head> واضف قبلها الكود التالي:

<script type='text/javascript'>//<![CDATA[var relatedTitles = new Array();var relatedUrls = new Array();var relatedpSummary = new Array();var relatedThumb = new Array();var relatedTitlesNum = 0;
var relatedPostsNum = 4; // number of entries to be shownvar relatedmaxnum = 75; // the number of characters of summaryvar relatednoimage = "http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg"; // default picture for entries with no image
function readpostlabels(json) { var entry, postimg, postcontent, cat; for (var i = 0; i < json.feed.entry.length; i++) {    entry = json.feed.entry[i];    if (i==json.feed.entry.length) { break; }    relatedTitles[relatedTitlesNum] = entry.title.$t;    postcontent = "";    if ("content" in entry) {      postcontent = entry.content.$t;    } else if ("summary" in entry) {      postcontent = entry.summary.$t;    }    relatedpSummary[relatedTitlesNum] = removetags(postcontent,relatedmaxnum);    if ("media$thumbnail" in entry) {      postimg = entry.media$thumbnail.url;    } else {      postimg = relatednoimage;    }    relatedThumb[relatedTitlesNum] = postimg;    for (var k = 0; k < entry.link.length; k++) {      if (entry.link[k].rel == 'alternate') {        relatedUrls[relatedTitlesNum] = entry.link[k].href;        break;      }    }    relatedTitlesNum++; }}function showrelated() { var tmp = new Array(0); var tmp2 = new Array(0); var tmp3 = new Array(0); var tmp4 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) {    if(!contains(tmp, relatedUrls[i])) {      tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i];      tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];      tmp3.length += 1; tmp3[tmp3.length - 1] = relatedpSummary[i];      tmp4.length += 1; tmp4[tmp4.length - 1] = relatedThumb[i];    } } relatedTitles = tmp2; relatedUrls = tmp; relatedpSummary = tmp3; relatedThumb = tmp4; for(var i = 0; i < relatedTitles.length; i++){    var index = Math.floor((relatedTitles.length - 1) * Math.random());    var tempTitle = relatedTitles[i]; var tempUrls = relatedUrls[i];    var tempResum = relatedpSummary[i]; var tempImage = relatedThumb[i];    relatedTitles[i] = relatedTitles[index]; relatedUrls[i] = relatedUrls[index];    relatedpSummary[i] = relatedpSummary[index]; relatedThumb[i] = relatedThumb[index];    relatedTitles[index] = tempTitle; relatedUrls[index] = tempUrls;    relatedpSummary[index] = tempResum; relatedThumb[index] = tempImage; } var somePosts = 0; var r = Math.floor((relatedTitles.length - 1) * Math.random()); var relsump = r;   var output; var dirURL = document.URL;
while (somePosts < relatedPostsNum) {    if (relatedUrls[r] != dirURL) {
      output = "<div class='relatedsumposts'>";      output += "<a href='" + relatedUrls[r] + "' rel='nofollow' target='_self' title='" + relatedTitles[r] + "'><img src='" + relatedThumb[r] + "' /></a>";      output += "<h6><a href='" + relatedUrls[r] + "' target='_self'>" + relatedTitles[r] + "</a></h6>";      output += "<p>" + relatedpSummary[r] + " ... </p>";      output += "</div>";      document.write(output);            somePosts++;      if (somePosts == relatedPostsNum) { break; }    }    if (r < relatedTitles.length - 1) {
      r++;    } else {            r = 0;    }
    if(r==relsump) { break; } }}function removetags(text,length){ var pSummary = text.split("<"); for(var i=0;i<pSummary.length;i++){    if(pSummary[i].indexOf(">")!=-1){      pSummary[i] = pSummary[i].substring(pSummary[i].indexOf(">")+1,pSummary[i].length);    } } pSummary = pSummary.join(""); pSummary = pSummary.substring(0,length-1); return pSummary;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}//]]></script>

ملاحظات هامة

لتغير عدد المواضيع التى تعرض فى الاضافة قم بتغير رقم 4
لتغير الصورة الافتراضة للمواضيع التى لا توجد بها صور قم بتغير ما بالون الاخضر الى رابط الصورة التى تريدها

2. ابحث عن الكود التالي:

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

3.ثم ضع بعده هذا الكود :

<b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=readpostlabels&max-results=50"' type='text/javascript'/> </b:if>

بحيث يكون شكل الكود مثل هذا :

<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=readpostlabels&max-results=50"' type='text/javascript'/> </b:if> </b:loop>

4. قم بالبحث عن الكود التالي:

</b:includable>

<b:includable id='postQuickEdit' var='post'>

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

ثم اضف فوقه ما يلي:

<b:if cond='data:blog.pageType == "item"'> <div class='post-footer-line post-footer-line-4'> <div id='relatedpostssum'><div style='text-align: left; font-size: 15px; margin-bottom: 10px; font-weight: bold;'>مواضيع ذات صلة:</div> <script type='text/javascript'>showrelated();</script> </div> <div style='clear:both;'/> </div></b:if>

5. واخيرا ابحث عن ]]></b:skin> وضع قبلها هذا الكود:

.relatedsumposts { float: left; margin: 0px 5px; overflow: hidden; text-align: center; /* width and height of the related posts area */ width: 120px; height: 210px;}
.relatedsumposts:hover { background-color: #F3F3F3; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.relatedsumposts img:hover {-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
.relatedsumposts a { /* link properties */color: #linkcolor; display: inline; font-size: 10px; line-height: 1;}.relatedsumposts img { /* thumbnail properties */margin-top: 2px; height: 82px; padding: 5px; width: 82px;border: 1px solid #fff;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);box-shadow: 0 1px 2px rgba(0, 0, 0, .4);}.relatedsumposts h6 { /* title properties */ display: table-cell; height: 5em; margin: 5px 0 0; overflow: hidden; padding-bottom: 2px; vertical-align: middle; width: 130px;}
.relatedsumposts p { /* summary properties */border-top: 1px dotted #777777;border-bottom: 1px dotted #777777;color: #summarycolor; font-size: 10px; height: 4em; line-height: 1; margin: 5px 0 0; overflow: hidden; padding: 5px 0 15px 0; text-align: left;}

ملاحظات هامة

لتعديل العرض (120) لتعديل الارتفاع (220)
لتغير الالوان استبدل # linkcolor بالون الذى تريده
لتغير الحدود استبدل القيم البرتقالي(100) ( للتغير من دائرة الى مربع بلا حدود اجلعها 0 )

جعل اداة HTML مرئية من ادمين المدونة فقط

2013-10-18T17:25:00.000-07:00

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

1. نذهب الى القالب >> تحرير Html >> ثم ابحث عن رمز الاداة التى تريد ان تجعلها ترى من خلالك فقط

على سبيل المثال، في HTML / جافا سكريبت الأداة، وسوف نرى رمز مثل هذا:

<b:widget id='HTML1' locked='false' title='' type='HTML'><b:includable id='main'><span class='item-control blog-admin'><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div>
<b:include name='quickedit'/></span></b:includable></b:widget>

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

اشترك معانا بشكل جديد حصري على مدونة احترافي فقط

2013-10-18T17:04:00.001-07:00

تأثير اشترك معنا عند مرور الماوس عليها تفتح بشكل جميل حتى تسهل على الزوار متابعة مقالاتك بشكل افضل واسرع , الاضافة من تعريبي ولا توجد هذه الاضافة فى اى مدونة اخرى ويعلم الكثير انني لا اضع الحقوق على اى شئ اقوم بتكويده اوى تعريبه فقط لاني اعلم انها سوف تحذف ولاكن للعلم فقط من تعريب وتكويد مدونة احترافي

معاينة

1. اذهب الى قالب >> تحرير HTML >> ابحث عن </ HEAD> وضع قبلها الكود التالى:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<script>//<![CDATA[$(document).ready(function(){$("#pageflip").hover(function() {$("#pageflip img , .msg_block").stop().animate({width: '307px',height: '319px'}, 500);} , function() {$("#pageflip img").stop().animate({width: '50px',height: '52px'}, 220);$(".msg_block").stop().animate({width: '50px',height: '50px'}, 200);});});//]]></script>

2. قبل ]]></b:skin> ضع الكود التالي:

/* Page Flip----------------------------------------------- */#pageflip {position: relative;right: 0;top: 0px; /* Change to 30px if you have the navbar (navigation bar) */float: right;z-index:9;}#pageflip img {width: 50px;height: 52px;z-index: 99;position: absolute;right: 0;top: 0;-ms-interpolation-mode: bicubic;}#pageflip .msg_block {width: 50px;height: 50px;overflow: hidden;position: absolute;right: 0;top: 0;background: url(http://im34.gulfup.com/1YybZ.png) no-repeat right top;}#pageflipMirror {position: static;right: 0;top: 0;float: right;}

3. واخيراً بعد <body> اضف الكود التالي:

<div id='pageflip'><a href='http://name-of_your_blog.blogspot.com/atom.xml'><img src='http://oi40.tinypic.com/10fqnav.jpg' style='width: 50px; height: 52px; overflow-x: hidden; overflow-y: hidden;'/></a><div class='msg_block' style='width: 50px; height: 50px; overflow-x: hidden; overflow-y: hidden; '/></div>

قم بتغير name-of_your_blog بمدونتك

5 خصائص عند مرور الماوس على الصور بتقنية css

2013-10-18T15:26:00.000-07:00

تعتمد خاصية تغير الصور عند مرور الماوس على img hover والتى يوجد لها الكثير الخصائص الcss وقد ارفقت هنا افضل 5 خصائص على الصور , وهنا بعض أنماط حدود الفريدة التي يمكنك تطبيقها على الصور المدون باستخدام الخاصية نصف قطرها الحدود إما جميع الزوايا الأربع في وقت واحد أو تطبيق الحدود تقريب فقط لبعض منهم.

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

وفيما ما يلى بعض الامثلة على ما تحدثت عنه سابقا .

اذا اعجبك اى خاصية من الخواص التالية فقط قم بنسخ الكود اسفل الصورة وضع فى مدونتك قبل كود ]]></b:skin>

.post-body img {border:0;padding:0;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}.post-body img:hover {box-shadow: 0px 0px 15px #000; /* Shadow */border-radius: 50%; /* Rounded border */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;cursor:pointer;}

.post-body img {background:#FFF; /* background color around the image */padding:15px; /* space between border and image */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}.post-body img:hover {box-shadow: 0px 0px 15px #000; /* Shadow */border-radius: 0% 50%; /* Rounded border */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;cursor:pointer;}

.post-body img {background:#FFF; /* the background color around the image */padding:15px; /* The Space Between Border and Image */border-radius: 50% 0; /* Rounded border */box-shadow: 0px 0px 15px #000; /* Shadow */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}.post-body img:hover {border-radius:0; /* This removes the border roundness (value 0) */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;cursor:pointer;}

.post-body img {box-shadow: 0px 0px 15px #000; /* Shadow */border-radius: 50%; /* Rounded border */border:0;padding:0;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}.post-body img:hover {box-shadow: 0; /* With this we remove the shadow (value 0) */border-radius: 0; /* This removes the border roundness (value 0) */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;cursor:pointer;}

.post-body img {border-radius: 45% / 20%; /* Rounded border */box-shadow: 0px 0px 15px #000; /* Shadow */padding:0;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}.post-body img:hover {border-radius: 0; /* This removes the roundness of border (value 0) */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;cursor:pointer;}

قالب احترافي اخضر متوافق مع جميع المتصفحات

2013-10-13T02:37:00.000-07:00

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

قالب احترافي,متوافق مع جميع المتصفحات,صديق محركات البحث,سريع الارشفة,سريع التحميل,اخضر اللون,يدعم خاصية الcss,قالب جديد 2013,قالب بلوجر

صورة من القالب

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

2013-09-12T02:51:00.000-07:00

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

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

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

ولمن يعرف هذا الموقع يعرف ايضا انه يتم اعطائك رابط يتم التحويل الى موقع gulfup والتحميل من الموقع وليس من موقعك انت

فلنتلعم اليوم كيف نقوم بأخد الرابط مباشر من موقع gulfup دون ان يعطينا رابط تحويل الى الموقع

تابع

الشرح

اولا قم بالذهاب الي موقع gulfup

قم برفع اى ملف عن طريقة اختيار ملف كما بالصورة

بعد ذلك سوف يتم التحميل كما بالصورة

سوف يقوم بأعطائك رابط تحميل قم بأخذ الرابط Copy

بعد ذلك قم بالذهاب الى الرابط ووضعه فى url

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

قم بالضعط كليك يمين على (اضغط هنا لتنزيل الملف) وانسخ الرابط Copy

وهذا هو الرابط تحميل الملف مباشر

انتهى الشرح , اذا اعجبك الموضوع لا تبخل علينا بتعليق

قالب مدونة احترافي الاول الان مجانا

2013-09-07T04:06:00.000-07:00

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

مميزات القالب:

1-يدعم اعلانات ادسنس
2-اكثر اناقة واحتراف شامل
3-ذات عمودين يمين ويسار
4-ذات ثلاثة اعمدة فى الفوتر
5-يدعم جميع الاضافات
6-سرعة الارشفة وصديق محركات البحث مثل جوجل
7-ذات الوان انيقة واكثرها الازرق الاحترافي ذات خط DroidKufi-Regular وDroidKufi-Bold الاحترافي
8- متوافق مع جميع المتصفحات
9- مدعوم لغة الcss والhtml الاحترافية
10- مدعم تعليقات الفيس بوك

اضافات القالب:

1-عرض المواضيع بشكل احترافي وصورة كبيرة وليس مصغرة
2-ذات شكل انيق واحترافي للتعليقات
3-اضافة اقرأ المزيد لاختصار المشاركات
4-اضافة مواضيع ذات صلة لزيادة الارشفة
5-اضافة تسلسل المواضيع " ان تقرأ breadcrumb "
6-اضافة تحت كل تدوينة معلومات المؤلف
7-قائمة ذات شكل انيق ومميز بخاصية الcss3 لتسهيل للزائر الدخول الى صفحاتك
8-ارقام الصفحات بشكل احترافي

صور القالب

للمعاينة

تحميل

الملفات المرفقة

قالب مدونة احترافي الاول مجانا.zip (47.4 كيلوبايت, عدد مرات المشاهدة 110 مرة)

قالب بلوجر , قوالب بلوجر , قالب بلوجر احترافي ,قالب بلوجر 2013 , قالب بلوجر تقنى , قالب بلوجر جديد , قالب بلوجر معرب

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

2013-09-06T07:06:00.000-07:00

التبادل الاعلانى

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

ارحب بجميع الاعلانات

التبادل الاعلاني

رابط البنر

http://im31.gulfup.com/M3GmW.gif

رابط البنر

http://im38.gulfup.com/ng5Pl.gif

قم بأختيار الصورة اللتى تناسبك مما سبق للتبادل الاعلاني ثم اتبع الشروط التالية

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

شروط التبادل الاعلاني : (اقل من 1 مليون فى اليكسا)

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

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

مثال لما تكتبه فى التعليق

إسم المدونة : مدونة احترافي
رابط المدونة : http://a7trafy.blogspot.com
رابط البنر : http://im41.gulfup.com/5ZjgR.jpg
نبذة عنا : مدونة احترافي تهتم بمساعدة المدونين في احتراف بلوجر

اذا كانت ترتيب مدونتك اكثر من 1 مليون فى اليكسا

شروط التبادل الاعلاني : (اكثر من 1 مليون فى اليكسا)

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

او الذهاب الى الصفحة الرئيسية ثم اضغط على انضم لهاذا الموقع كما بالصورة

ثم قم بعمل اعجاب لصفحتنا على الفيس بوك

اضغط هنا لزيارة صفحتنا

مثال لما تكتبه فى التعليق

إسم المدونة : مدونة احترافي
رابط المدونة : http://a7trafy.blogspot.com
رابط البنر : http://im41.gulfup.com/5ZjgR.jpg
نبذة عنا : مدونة احترافي تهتم بمساعدة المدونين في احتراف بلوجر

كيف تجبر ادسنس على قبول طلبك

2013-09-04T01:15:00.000-07:00

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

جئت لكم اليوم بتقديم الشروط التى تجبر اعلانات ادسنس ان تقبل موقع او مدونتك او اى شئ من هذا القبيل

يجب ان تفعل

1. يجب ان يكون لديك موقع او مدونة او اي شئ من هذا القبيل لكي تضعه بها اعلانات وتربطها باعلانات جوجل ادسنس لكي تربح المال .
2.يجب انشاء اكثر من 20 تدوينة على الاقل وكلما ذات التدوينات ذاتت ثقة جوجل ادسنس بك وذات سرعة القبول .
3.حاول ان يكون مواضيع مدونتك حصريا وليس منقولة بنسبة 70% على الاقل .
4.قم ببناء موقع مع كلمات مفتاحية/دلالية جيدة وذات بحث عالى مثل : Tips, How to do, Tricks, Free browsing, Make money online, Health, SEO .
5.قم بنشر موقعك فى الفيس بوك وتويتر وجميع مواقع التواصل الاجتماعي.
6.يجب ان يكون عمر مدونتك 3 اشهر على الاقل .
7.استعمل ايميل Gmail للاتحاق بجوجل ادسنس وليس اى بريد اخر.
8.اقرأ قوانين جوجل ادسنس والتزم بها وسوف يتم قبول طلبك بأذن الله.

لا يجب ان تفعل

1.لا يجب ارسال طلبك ومدونتك تحت البناء .
2.تجنب نقل المواضيع .
3.لا تغضط على اعلانات جوجل ادسنس عند قبولها لطبلك لكي لا يتم حظرك.

كيفية مسح جميع رسائل الفيس بوك بنقرة واحدة فقط

2013-09-03T21:11:00.000-07:00

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

تركيب الاضافة

اذهب الى هذا الرابط http://adf.ly/V6D46

الشرح بالصور

اولاً: نقوم بالذهاب الى الموقع السابق وهو رابط الاضافة ثم تابع الصور

سوف تتم اضافة الاداة كما بالصورة

بعد ذلك اذهب حسابك ثم رسائل الفيس بوك الخاصة بك ثم طبق ما بالصورة

اختر Delete All لمسح جميع الرسائل

انتهي الشرح , اذا اعجبك الموضوع لا تبخل علينا بتعليقك

ايقونات المشاركات الاجتماعية مصغرة بتأثير css3

2013-09-03T16:17:00.001-07:00

بسم الله الرحمن الرحيم , ايقونات المشاركات الاجتماعية التى يحتاجها اي مصمم واي مدون لاختصار صفحاتهم ومتسهيل للزائر الذاهب اليها عن طريق موقعك , ايقونات المشاركات الاجتماعية المصغرة ذات شكل انيق مع تأثير الcss الاحترافي ذات الوان جميلة

معاينة

<ul class="spicesocialwidget"><li class="facebook"><a rel="nofollow" href="http://www.facebook.com/" target="_blank" title="facebook"></a></li><li class="googleplus"><a rel="nofollow" href="https://plus.google.com/" target="_blank" title="googleplus"></a></li><li class="pinterest"><a rel="nofollow" href="http://pinterest.com/" target="_blank" title="pinterest"></a></li><li class="twitter"><a rel="nofollow" href="http://twitter.com/" target="_blank" title="twitter"></a></li><li class="rss"><a rel="nofollow" href="http://feedburner.com/" target="_blank" title="rss"></a></li><li class="skype"><a rel="nofollow" href="http://www.skype.com/" target="_blank" title="Skype"></a></li><li class="vimeo"><a rel="nofollow" href="http://www.vimeo.com/" target="_blank" title="vimeo"></a></li><li class="dribbble"><a rel="nofollow" href="http://www.dribbble.com/" target="_blank" title="dribble"></a></li><li class="flickr"><a rel="nofollow" href="http://www.flickr.com/" target="_blank" title="flickr"></a></li><li class="linkedin"><a rel="nofollow" href="http://www.linkedin.com/" target="_blank" title="linkedin"></a></li><li class="youtube"><a rel="nofollow" href="http://www.youtube.com/" target="_blank" title="youtube"></a></li></ul><style>ul.spicesocialwidget {float:right;}ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}ul.spicesocialwidget li a{background-color:transparent;background-image:url('http://4.bp.blogspot.com/-Pe-J5S7YCa0/UdXsJoN7GLI/AAAAAAAAL68/ongZAtcNF1E/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('http://4.bp.blogspot.com/-Pe-J5S7YCa0/UdXsJoN7GLI/AAAAAAAAL68/ongZAtcNF1E/s1600/spice-social-gadget-sprite.png' )}ul.spicesocialwidget li.facebook a{ background-position:0 0}ul.spicesocialwidget li.flickr a{ background-position:-32px 0}ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}ul.spicesocialwidget li.rss a{ background-position:-192px 0}ul.spicesocialwidget li.skype a{ background-position:-224px 0}ul.spicesocialwidget li.twitter a{ background-position:-256px 0}ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}ul.spicesocialwidget li.youtube a{ background-position:-320px 0}ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -32px}ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px}ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}</style>

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

اجعل اكواد Html وcss داخل نودباد في بلوجر

2013-09-01T08:54:00.000-07:00

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

التركيب

قم بأخذ نسخة احتياطية واستخدم هذه الخاصية دائما للحافظ على مدونتك (انا دائما استخدمها فى تعديل اى شئ بالمدونة)
لوحة التحكم مدونتك
اختر قالب
تحرير HTML

ابحث عن

]]></b:skin>

ثم اضف هذا الكود قبله مباشراً

body { font: 12px/20px 'Lucida Grande', Verdana, sans-serif;}.notepad, .notepad:before, .notepad:after { background-color: white; background-image: -webkit-linear-gradient(#f6abca 1px, transparent 1px), -webkit-linear-gradient(#f6abca 1px, transparent 1px), -webkit-linear-gradient(#e8e8e8 1px, transparent 1px); background-image: -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient(#e8e8e8 1px, transparent 1px); background-image: -o-linear-gradient(#f6abca 1px, transparent 1px), -o-linear-gradient(#f6abca 1px, transparent 1px), -o-linear-gradient(#e8e8e81px, transparent 1px); background-image: linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#e8e8e8 1px,transparent 1px); background-size: 1px 1px, 1px 1px, 23px 23px; background-repeat: repeat-y, repeat-y, repeat; background-position: 22px 0, 24px 0, 0 50px; border-radius: 2px; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 4px rgba(0, 0, 0, 0.5);}.notepad { position: relative; margin: 5px auto; padding: 0 23px 14px 35px; width: 300px; line-height: 23px; font-size: 11px; color: #666;}.notepad p, .notepad blockquote { margin-bottom: 23px;}.notepad :last-child { margin-bottom: 0;}.notepad:before, .notepad:after { content: ''; position: absolute; z-index: -1; top: 100%; left: 3px; right: 3px; margin-top: -2px; height: 4px; background-size: 1px 1px, 1px 1px, 0 0;}.notepad:before { z-index: -2; left: 6px; right: 6px; height: 6px; background-color: #eee;}.notepad-heading { position: relative; margin: 0 -23px 14px -35px; height: 38px; background: #14466a; border-radius: 2px 2px 0 0; background-image: -webkit-linear-gradient(top, #226797, #0c3452); background-image: -moz-linear-gradient(top, #226797, #0c3452); background-image: -o-linear-gradient(top, #226797, #0c3452); background-image: linear-gradient(to bottom, #226797, #0c3452); -webkit-box-shadow: inset 0 1px #2f81ad, 0 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 1px black; box-shadow: inset 0 1px #2f81ad, 0 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 1px black;}.notepad-heading > h2 { line-height: 36px; font-size: 14px; color: white; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.7);}.notepad-heading:before, .notepad-heading:after { content: ''; position: absolute; bottom: 2px; left: 1px; right: 1px; height: 0; border-top: 1px dashed #617c90; border-color: rgba(255, 255, 255, 0.35);}.notepad-heading:after { bottom: 3px; border-color: #071c2c; border-color: rgba(0, 0, 0, 0.5);}

ثم عند اضافة مشاركة جديدة قم بوضع هذا الكواد بها

<div class="notepad"><div class="notepad-heading"><h2>LABSTRIKE - Technology Blog</h2></div><blockquote>Your Text Here</blockquote>

مع تغير ما يلزم

تصميم قالب جديد لمدونة احترافي

2013-08-30T16:57:00.000-07:00

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

مدونة احترافي

السلام عليكم ورحمة الله وبركاته , بعد غيابى 3 ايام عن المدونة وعدم نشرى للمواضيع وردى على التعليقات و الدعم الفنى فكان السبب هو تصميمى لهاذا القالب الجميل ذات الالوانات الرائعة وخاصائص السي اس اس الاحترافية , لقد اخذ القالب وقت طويل جدا فى تصميمه , فما رأيكم فى القالب الجديد وما هي اقتراحاتكم حول القالب وما المشاكل التى تتواجد به