مدونة أسماء || أم نضال || قالب bluefolio

الاثنين، 15 أغسطس 2011

مميزات قالب white magic المعرّب :

- تصميم جذاب بألوان هادئة حالمة لعشاق الأناقة.

- معرض مخصص لهواة الصور والتصاميم وعرض القوالب.

- قائمة منسدلة مرنة وجميلة.

- أقسام المدونة بطريقة جميلة.

- ترقيم الصفحات بشكل بسيط وجذاب.

- كود البنرات الإعلانية الرباعية المتجاورة.

الإضافات الاحترافية المضافة حصريا :

- قطعة بحث قابلة للتمدد في قمة الاحترافية.

- قطعة "أشهر المواضيع" بطريقة عرض جميلة جدا.

- تمييز تعليق الكاتب عن بقية التعليقات.

- "الرد على التعليق" بجانب كل تعليق.

- تخصيص جسم التدوينة والتعليقات.

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

- زر "أعجبني" و "أرسل" من الفيسبوك.

معاينة

تحميل

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

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

واجب علي شكر الأخ محمد سامي | مدونة سامكو على دعمه وتوجيهه ومساعدته الدائمة والمستمرة

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

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

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

وتلبية لطلبات العديد من الأعضاء بالمنتدى .. تم تعديل ' القالب الرمضاني الداكن ' ليظهر بألوان فاتحة وخفيفة

معاينة

تحميل

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

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

قالب shopping cart أو المتجر الإلكتروني ،، أنسب قالب لعرض المنتجات بمختلف أنواعها

يتميز بتصميمه المثير في إنشاء وعرض المواضيع وخاصية إقتناء المنتجات المختارة بطريقة رائعة

يتوفر على مدونتي وعرب منتدى بلوجر بالعربي وحصريا بلونين مختلفين ليناسب جميع الأذواق

( shopping cart الرمادي )

معاينة

تحميل

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

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

قالب shopping cart أو المتجر الإلكتروني ،، أنسب قالب لعرض المنتجات بمختلف أنواعها

يتميز بتصميمه المثير في إنشاء وعرض المواضيع وخاصية إقتناء المنتجات المختارة بطريقة رائعة

يتوفر على مدونتي وعرب منتدى بلوجر بالعربي حصريا بلونين مختلفين ليناسب جميع الأذواق

( shopping cart الأزرق )

معاينة

تحميل

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

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

الجمعة، 12 أغسطس 2011

_________________________

طريقة إضافة هذه الأداة الاحترافية تحتاج لتركيز كبير .. فأعيروني انتباهكم قليلا بارك الله فيكم ^_^"

_________________________

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

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

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

_______________________________

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

شرح مفصل | لوحة تحكم احترافية لمدونات بلوجر | لوحة مدونة أبو إياد

_______________________________

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

الاثنين، 8 أغسطس 2011

_____________( كيف أصمم واجهة احترافية لمدونتي )____________

( شاهد واجهة مدونتي كمعاينة )

طريقة عمل واجهة لمدونات بلوجر سهلة جدا

أولا عليك إنشاء مدونة جديدة في بلوجر (حبذا لو كانت بنفس حسابك الذي تستخدمه)

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

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

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

سيظهر لك الآن صندوق أكواد شبيه بالصندوق القديم لكنك ستلاحظ غياب بعض العناصر التي تعودنا عليها

مثل ( توسيع القالب - تنزيل نسخة احتياطية - عناصر الصفحة ... )

___________________________

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

حصريا | صمم واجهة احترافية لمدونتك مثل المواقع

_______________________________

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

( طريقة تركيب الكود منقولة من موضوع الأخ مجتبي سامر من منتدى عرب بلوجر )

الثلاثاء، 2 أغسطس 2011

عادة، جميع الأدوات التي يتم إدراجها في المدونة تظهر على الصفحة الرئيسية وكذلك على جميع صفحات المدونة

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

بإستثناء الصفحة الرئيسية أو فقط على صفحة معينة يمكنك إختيارها

هذه العملية ليست بالمستحيلة بل هي بسيطة جدا، ما عليكم سوى تحديد إسم الأداة المراد إظهارها أو إخفاؤها

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

بدون إطالة .. ننتقل إلى الشرح

_______________________________

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

شرح مفصل | طريقة العرض الإنتقائي لأدوات بلوجر

_______________________________

( منقول من مدونة أبو إياد )

السبت، 2 يوليو 2011

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

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

والطريقة مضمونة وسليمة 100% - بإذن الله - ^^

_____________________

أولا عليك إنشاء تطبيق خاص بك في الفيسبوك .. وذلك عبر الرابط التالي

https://developers.facebook.com/apps

ثم اتبع الخطوات التالية كما في الصور

( الخطوة الأولى )

( الخطوة الثانية )

( الخطوة الثالثة )

( الخطوة الرابعة )

( الخطوة الخامسة )

( الخطوة السادسة)

سيصلك كود التفعيل كرسالة نصية لجوالك .. أعد كتابة الكود وفعل حسابك

( الخطوة السابعة )

( الخطوة الثامنة )

_____________________

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

ابحث عن الوسم التالي

<html

ثم ألصق الكود التالي بجانبه مباشرة

xmlns:fb='http://www.facebook.com/2008/fbml'

"دع مسافة بينهما ليظهر الكود في الأخير على هذا الشكل "

ابحث الآن عن الوسم التالي

<body>

وبعده مباشرة ألصقي الكود التالي

<div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId : 'ألصق الـID الذي نسخته سابقا هنا', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>

قم بلصق الـID الخاص بك الذي احتفظت به سابقا في المكان المشار إليه

افتح المفكرة وألصق بها الكود التالي

<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.homepageUrl' property='og:url'/> </b:if> <meta content=' اكتب اسم مدونتك هنا ' property='og:site_name'/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgie8SFZj2XkiBPMdZY7WcPJn5v1mo8lHhlgfqco0s55dyE09WJu_MvPJ9DOCh0_inGL0uN9q-tT7UaOupBLPdJ623HNHm1-fpw-5p05VFOSpoLAiHANHfxW-zmV0D8yVgKr4nLGPRtrybV/s1600/asma-logo.png' property='og:image'/> <meta content='اكتب الـID الذي نسخته سابقا هنا' property='fb:app_id'/> <meta content='www.facebook.com/اكتب عنوان بروفايك في الفيسبوك هنا' property='fb:admins'/> <meta content='article' property='og:type'/>

قم الآن بتغيير المعلومات المشار إليها في الكود بما يناسبك

واستبدل رابط صورة الشعار الخاص بي في كود

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgie8SFZj2XkiBPMdZY7WcPJn5v1mo8lHhlgfqco0s55dyE09WJu_MvPJ9DOCh0_inGL0uN9q-tT7UaOupBLPdJ623HNHm1-fpw-5p05VFOSpoLAiHANHfxW-zmV0D8yVgKr4nLGPRtrybV/s1600/asma-logo.png

بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة، عد إلى تحرير html مدونتك

وابحث عن الوسم التالي

</head>

وألصق الكود الذي غيرت معلوماتك فيه قبله مباشرة

الآن .. ابحث عن التالي

<data:post.body/>

وألصق بعده مباشرة هذا الكود (إذا رغبت في صندوق تعليقات فيسبوك بألوان خفيفة)

<b:if cond='data:blog.pageType == "item"'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div> <div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:150%;'> </div> </b:if>

أو ألصق هذا الكود (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة)

<b:if cond='data:blog.pageType == "item"'><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><fb:comments colorscheme='dark' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='650'/></div> <div style='font-size:10px; padding:3px;width:150%; float: center;'> </div> </b:if>