قالب بلوجر مجاني ~ تصميم #علي_خريشي

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

أقدم لكم قالب بلوجر مجاني لمدونات بلوجر من #تصميمي ....
قالب بسيط ومتجاوب واحترافي 

صورة القالب ~

مشاهدة القالب   -   تحميل القالب  

تخصيص القالب ّ بعد رفعه :

1- تغيير اللوجو : نذهب الى التخطيط - رأس الصفحة - تحرير - اضافة صورة .

2 - نضف وصف المدونة والكلمات الدلالية :

من خلال الذهاب الى قالب - تحرير html 

* نحدد مكان وصف المدونة ونستبدله بالوصف الذي تريد - ونحدد ايضاً الكلمات الدلالية ونضعها في المكان المخصص لها بالصورة اسفل .

3- لتغيير القائمة العلوية نضغط على ctrl + f .. ونبحث عن كلمة "top-menu"

ونقوم بتغييرالاقسام حسب ما تريد .

4- لتغيير القائمة الرئيسية نبحث عن كلمة "'main-nav" ونغير الاقسام حسب ما تريد .

-------

جميع الحقوق محفوظة لا تقم بتغيير من قام بالتصميم .. وشكراً 

إقرأ المزيد »

أقدم لكم قالب مدونتي القديم مجاناً لمدوناتكم

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

أتبحث عن قالب بسيط ومتجاوب وخفيف لمدونتك على بلوجر خالي من الاخطاء تقريباً ؟ ، لدينا الحل . اقدم لك قالب مدونتي القديم مجاناً لمدوناتكم على بلوجر .. قالب من تصميمي 



- صورة القالب :

 

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

- يحتوي على 3 اعمدة فوق الفوتر ، يمكن اضافة اي ادوات تريد داخلها ..

- - - - - 

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

أذهب الى  قالب => تحرير HTML ثم أضغط Ctrl + F

- لتغيير وسم الميتاتاج : 

* داخل البحث أكتب : وصف المدونة هنا ، ثم قم بتغييرها ب كلمات لتصف مدونتك بها ،

* داخل البحث أكتب : الكلمات الدلالية هنا ، ثم قم بتغييرها ب الكلمات الدلالية التي تريدها لمدونتك ،

- لتغيير اللوجو : قم بكتابة .logo ثم قم بتغيير الرابط الموجود باللون الاصفر في الصورة ، برابط اللوجو الخاص بك .

- لتغيير القائمة الموجودة : قم بالبحث عن كلمة menu ثم ستجد أسماء الاقسام ثم قم بتغييرها لأسماء الأقسام التي تناسبك ، أسم القسم موجود مرتين ، قم بتغييره في المرتين ، لاحظ الصورة أسفل .

- - - - -

الرجاء عدم تغيير أي شئ اخر ، وترك من قام بتصميم القالب كما هو وشكراً ، 

لمن يواجه مشكلة مع القالب ، يتواصل معي عبر التعليقات ، او عن طريق الضغط على كلمة أتصل بنا أعلى مدونتي ! ورح اساعده بأسرع وقت ممكن لذلك ..

إقرأ المزيد »

الانتهاء من تصميم قالب مدونة قلتيلي حبيتك ّ

بسم الله والصلاه والسلام على رسول الله سيدنا محمد بن عبدالله .. تم بحمد الله الانتهاء من تصميم قالب مدونة قلتيلي حبيتك ..

صورة القالب ..

مشاهدة حية للقالب

يا ريت تقييم للقالب :) 

إقرأ المزيد »

الانتهاء من تصميم قالب خاص بمدونات بلوجر ... ~ علي للمعلوماتية

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

نظرة اولية للقالب

اتمنى ان ينال اعجابكم .. لا تنسو التقييم :)

إقرأ المزيد »

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

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

 

لتغيير الشعار (اللوجو)

قم بالبحث عن التالي..

http://im62.gulfup.com/ujkyVW.png

وقم بوضع رابط اللوجو الخاص بك مكانه..

لتغيير القائمة الرئيسية الاولى .

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

 <div id='top'>

وستظهر لك هذه الاكواد 

<div id='top'> <ul> <li><a href='/'>تعديل 1</a></li> <li><a href='#'>تعديل 2</a></li> <li><a href='#'>تعديل 3</a></li> <li><a href='#'>تعديل 4</a></li> </ul> </div>

قم بتغيير التسميات كما تريد.واستبدل اشارة # بالرابط من مدونتك.

مثال على ذلك . 

<li><a href='/'>تعديل 1</a></li> 

هكذا ..

<li><a href='http://khreashi-info.blogspot.com/'>الرئيسية</a></li>

لتغيير القائمة الثانية قم بالبحث عن الكود التالي.

<div id='ali-menu'>

وستظهرلك هذه الاكواد ..

<div id='ali-menu'> <a href='/'><div class='home'/> </a> <ul> <li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة</a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة </a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة </a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة </a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة </a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة </a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة </a></li> </ul> </div>

قم بأستبدال رابط مدونتي برابط مدونتك واستبدل التسميات ايضاً

كل ما تراه في اللون الاصفر قم بتغييره.

<li><a href='http://khreashi-info.blogspot.com//search/label/قائمة?&max-results=11'>قائمة</a></li>

ليصبح مثلاً هكذا .

<li><a href='http://happy-ead.com/search/label/قوالب بلوجر?&max-results=11'>قوالب بلوجر</a></li>

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

كل عام وانتم بألف خير ....

إقرأ المزيد »

قالب بلوجر معرب مجانا 2014 ~ Delivery Lite

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

لتخصيص القائمة العلوية ابحث عن الكود التالي

<div class='navigation-item'>

ستجد هذه الاكواد .

<div class='navigation-item'> <a class='skip-link screen-reader-text' href='#content'>تخطي</a> <ul class='menu-primary-items sf-menu' id='menu-primary-items'> <li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li> <li><a href='#'>سياسة الخصوصية</a></li> <li><a href='#'>من نحن</a></li> <li><a href='#'>اتصل بنا</a></li> <li><a href='#'>أعلن لدينا</a></li> </ul>

قم باستبدال الكلمات حسب رغبتك.

وقم بأستبدال اشارة # بالرابط في مدونتك.

لتخصيص القائمة الافقية الثانية.

ايضاً قم بالبحث عن نفس الكود في الاعلى .

ستجد هذه الاكواد

<div class='navigation-item'> <ul class='menu-secondary-items sf-menu' id='menu-secondary-items'> <li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/بلوجر?&max-results=11'>بلوجر </a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/قوالب بلوجر?&max-results=11'>قوالب بلوجر</a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/دروس وشروحات?&max-results=11'>دروس وشروحات</a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/ويندوز?&max-results=11'>ويندوز</a></li> <li><a href='http://khreashi-info.blogspot.com//search/label/اضافات كروم?&max-results=11'>اضافات كروم</a></li> </ul>

قم بتغيير هذا الرابط ب رابط مدونتك.

http://khreashi-info.blogspot.com

ثم قم بتغيير التسميات بحسب رغبتك .

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

إقرأ المزيد »

قالب بلوجر معرب 2014 ~ ProSUV

بسم الله والصلاة والسلام على رسول الله . اهلن بكم بكل ما هو 

جديد في مدونتي , اقدم لكم اليوم قالب CarMod .. قمت 

بتعريبه بتفسي

لتخصيص القائمة الافقية ابحث عن الكود التالي

div class='menu-secondary-container'>

ستجد اسفله الاكواد التالية

<li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a> </li> </ul> </li> </ul> </li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a></li> </ul> </div> </div>

قم بتغيير كلمة تعديل بـ التسمية التي تريد

قم بتغيير اشارة # بـ رابط التسمية في مدونتك

لتخصيص السلايد شو ابحث عن الكود التالي

<div id='content-wrapper'>

وستجد اسفله الاكواد التالية

<div id='content-wrapper'> <!-- Featured Content Slider Started --> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div class='fp-slider clearfix'> <div class='fp-slides-container clearfix'> <div class='fp-slides'> <!-- Slide 1 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الاول</a> </h3> <p> وصف السلايد الاول </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 1 Code End --> <!-- Slide 2 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الثاني</a> </h3> <p> وصف السلايد الثاني </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 2 Code End --> <!-- Slide 3 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الثالث</a> </h3> <p> وصف السلايد الثالث </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 3 Code End --> <!-- Slide 4 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الرابع</a> </h3> <p> وصف السلايد الرابع </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 4 Code End --> <!-- Slide 5 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الخامس</a> </h3> <p> وصف السلايد الخامس </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 5 Code End --> </div> <div class='fp-nav'> <span class='fp-pager'/> </div> </div> </div> <div style='clear:both;'/> </b:if></b:if> <!-- Featured Content Slider End -->

قم بتغيير عنوان السلايد الاول بـ اسم الموضوع.

قم بتغيير وصف السلايد الاول بـ الوصف الموضوع

قم بتغيير http://im64.gulfup.com/uab6KU.jpg  بـ رابط الصورة.

قم بتغيير # بـ رابط الموضوع (المشاركة)

اتمنى ان ينال القالب اعجابكم . واذا واجهتم اي مشكلة اتركو تعليق وسيتم الرد عليه بأسرع وقت ان شاء الله

إقرأ المزيد »

قالب بلوجر معرب 2014 ~ CarMod

بسم الله والصلاة والسلام على رسول الله . اهلن بكم بكل ما هو جديد في مدونتي , اقدم لكم اليوم قالب CarMod .. قمت بتعريبه بنفسي بشكل كامل .

لتخصيص القائمة الجانبية ابحث عن الكود التالي

<div class='menu-secondary-container'> '>

وستجد اسفله الاكواد التالية

<li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a> </li> </ul> </li> </ul> </li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a> <ul class='children'> <li><a href='#'>تعديل</a></li> <li><a href='#'>تعديل</a></li> </ul> </li> <li><a href='#'>تعديل</a></li> </ul> </div> </div>

قم بتغيير كلمة تعديل بـ التسمية التي تريد

قم بتغيير اشارة # بـ رابط التسمية في مدونتك


لتخصيص السلايد شو احث عن الكود التالي

<div id='content-wrapper'>

وستجد اسفله الاكواد التالية

<div id='content-wrapper'> <!-- Featured Content Slider Started --> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div class='fp-slider clearfix'> <div class='fp-slides-container clearfix'> <div class='fp-slides'> <!-- Slide 1 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الاول</a> </h3> <p> وصف السلايد الاول </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 1 Code End --> <!-- Slide 2 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الثاني</a> </h3> <p> وصف السلايد الثاني </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 2 Code End --> <!-- Slide 3 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الثالث</a> </h3> <p> وصف السلايد الثالث </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 3 Code End --> <!-- Slide 4 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الرابع</a> </h3> <p> وصف السلايد الرابع </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 4 Code End --> <!-- Slide 5 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src='http://im64.gulfup.com/uab6KU.jpg'/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان السلايد الخامس</a> </h3> <p> وصف السلايد الخامس </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div> </div> </div> <!-- Slide 5 Code End --> </div> <div class='fp-nav'> <span class='fp-pager'/> </div> </div> </div> <div style='clear:both;'/> </b:if></b:if> <!-- Featured Content Slider End -->

قم بتغيير عنوان السلايد الاول بـ اسم الموضوع.

قم بتغيير وصف السلايد الاول بـ الوصف الموضوع

قم بتغيير http://im64.gulfup.com/uab6KU.jpg  بـ رابط الصورة.

قم بتغيير # بـ رابط الموضوع (المشاركة)

اتمنى ان ينال القالب اعجابكم . واذا واجهتم اي مشكلة 

اتركو تعليق وسيتم الرد عليه بأسرع وقت ان شاء الله

*-*-*-*-*-*-*-*-*-
لتحميل قالب Eudora
لتحميل قالب ProTheatre

*-*-*-*-*-*-*-*-*-

إقرأ المزيد »