بمناسبة عيد الاضحى البرنامج تحميل برنامج تصميم اللوجو Download Sothink Logo Maker مجانا

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

مرحبا . احبائى زوار ومتابعى زي العسل الكرام . بنا على طلب الزوار

اقدم لكم البرنامج الاول فى تصميم الشعارات ( عمل  لوجوهات ) اصنع الان لوجو خاص بعضويتك

او لوجو لموقعك او حتى شعار لشركتك . ومع المتخصص فى تصميم الشعارات Sothink Logo Maker احدث اصدار

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

احترافى ومميز من صنع يدك .

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

بموقعك بجودة عليه ( يدعم البرنامج حفظ اللوجو بصيغة PNG ) وهى صيغة عاليه الدقة ..

# صورة لـ برنامج صانع الشعار Logo Maker

Download Sothink Logo Maker

توضح الصورة الكثير من خصائص البرنامج . و ادواته وكيفية استخدامه

تصنيف البرنامج : تحميل برامج | برامج التصميم

الناشر / موقع البرنامج :  Sothink / sothink.com

الترخيص : نسخة تجريبية 30 يوم تشمل كل مميزات البرنامج

عمل البرنامج : برنامج تصميم اللوجو ، عمل شعار بجودة عاليه

بيئة عمل البرنامج : Windows 8 / Windows  7 / Vista / Windows XP

حجم البرنامج : 29.4 ميجا

تحميل برنامج صناعة الشعارات Download Sothink Logo Maker برابط مباشر من موقع البرنامج

 

اربعة اشياء تسهل عمل المصمم

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

لهاذا اقدم لكم هذه التدوينة

اليوم في هذه التدوينة سوف نتحدث عن سبعة اربعة أدوات تسهل عمل المصممين !

قد تكون معروفة لاكن هناك بعض المصميمن المبتدئين لايعلمون بشأنها ^_^

الأداة الاولى : أداة Pixlr

                                او الفوتوشوب اون لاين

في أغلب الأوقاة تضطر الى الاستغناء عن برنامج الفوتوشوب لسسبب من الاسباب 

ربما لايوجد في حاسوبك او انكلست على حاسوبك يمكنك الإستعانة ب Pixlr

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

 لأن الفوتوشوب لايمكن الإستغناء عنه .

الأداة الثانية : أداة Designers Toolbox

مميزة وحترافية لأننا في أغلب الأحيان نستعين فقط من بالقياسات الإفتراضية 

للفوتوشوب ، أنصحكم بهذا الموقع الذي يحتوي على جميع قياسات الطول و

العرض لـ : الشاشات، الكتب، الأقراص المدمجة، الأظرفة … و غيرها

الأداة الثالثة : أداة Kuler

أداة 

مميزة وحترافية

 مقدمة من شركة ادوبي ،  تساعدك على

 الإختيار الالوان المناسبة والمتناسقة لتصميماتك بطريقة سلسة و ممتعة لتحصل 

الأداةالاخيرة : أداة Freepik

موقع يمكنك من العثور على ايقونات جميلة وفريدة

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

في

الأخير على اللون المناسب.

كيفية اضافة اداة الملفات المرفقة الى مدونات بلوجر فقط من مدونة مدونتك

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

وبة نستعين

والصلات والسلام على اشرف المرسلين

سيدنا محمد الهادى الامين

اليوم موضوع لم يوجد فى موقع او مدونة فى العالم
وهو كيفية اضافة الملفات المرفقة الى مدونة بلوجر

مميزات الاضافة

 تسهيل التحميل لزائرى المدونة

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

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

 الدخول الى لوحة تحكم الرسالة

اختيار وضع HTML كما بالصورة

 

ثم ضع الكود التالى فى المكان الذى تريد

<div trbidi=”on” style=”text-align: right;” dir=”rtl”>

<div style=”text-align: center;”>
</div>
<div style=”color: red; text-align: center;”>
<style type=”text/css”>
div.background
  {
  width:585px;
  height:60px;
  background:url(http://4.bp.blogspot.com/-z156K3xU9Xk/Ulk6mmee0oI/AAAAAAAAADg/2-vfVmbcfRM/s1600/%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA.png) repeat;
  border:2px solid white;
  }
div.transbox
  {
  width:566px;
  height:26px;
  margin:26px 9px;

  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
</style></div>
<div style=”color: red; text-align: center;”>
</div>
<div style=”color: red; text-align: right;” class=”background”>
<div class=”transbox”>
<a href=”https://sites.google.com/site/morfkatmdontkblog/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D8%A7%D8%B6%D8%A7%D9%81%D8%A9%20%D8%A7%D8%AF%D8%A7%D8%A9%20%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA%20%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A9%20%D8%A7%D9%84%D9%89%20%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1%20%D9%81%D9%82%D8%B7%20%D9%85%D9%86%20%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83.docx“>كيفية اضافة المرفقات.docx</a> (91 KB)</div>
</div>
</div>

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

معاينة وتحميل الشرح

div.background { width:585px; height:60px; background:url(http://4.bp.blogspot.com/-z156K3xU9Xk/Ulk6mmee0oI/AAAAAAAAADg/2-vfVmbcfRM/s1600/%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA.png) repeat; border:2px solid white; } div.transbox { width:566px; height:26px; margin:26px 9px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; }

كيفية اضافة المرفقات.docx (91 KB)

دمج تعليق مدونة بلوجر مع تعليق جوجل بلس 2013

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

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

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

ازهب الى لوحه التحكم

ثم  القالب

صورة توضيح مثل ما فى الصورة

وأضف الكود التالى تحته مباشر

gapi.comments.render('gcomments', {
    href: window.location,
    width: '570',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
$('#comments-norm').click(function(){
// switch to normal comments displaying
$('#gcontainer').css('display','none');
$('#comments').css('display','block');
$('#comments-norm').addClass('comment-on');
$('#comments-gplus').removeClass('comment-on');
$('#comments-norm').attr('src','http://lh3.googleusercontent.com/-nfrkoUYsV-E/UXVi6W7CI8I/AAAAAAAAILo/uCS3thePKXU/s50/blogger_on.png&#039;);
$('#comments-gplus').attr('src','http://lh6.googleusercontent.com/-wnTb7SHAGEE/UXVi6xoHXAI/AAAAAAAAILY/6vx5Em5w8MI/s50/plus_off.png&#039;);
});
$('#comments-gplus').click(function(){
// switch to google plus comments displaying
$('#comments').css('display','none');
$('#gcontainer').css('display','block');
$('#comments-norm').removeClass('comment-on');
$('#comments-gplus').addClass('comment-on');
$('#comments-norm').attr('src','http://lh3.googleusercontent.com/-ZDxk9ANrLNE/UXVi6ulLzvI/AAAAAAAAILg/jiUy8rJS_Ok/s50/blogger_off.png&#039;);
$('#comments-gplus').attr('src','http://lh3.googleusercontent.com/-oNlD347wl3k/UXVi7AiBdHI/AAAAAAAAILc/NxAyb8fwEfI/s50/plus_on.png&#039;);
});
$('#comments-norm').hover(
// switch to normal comments displaying
function(){
if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','http://lh3.googleusercontent.com/-nfrkoUYsV-E/UXVi6W7CI8I/AAAAAAAAILo/uCS3thePKXU/s50/blogger_on.png&#039;);}
}, function(){
if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','http://lh3.googleusercontent.com/-ZDxk9ANrLNE/UXVi6ulLzvI/AAAAAAAAILg/jiUy8rJS_Ok/s50/blogger_off.png&#039;);}
}
);
$('#comments-gplus').hover(
// switch to gplus comments displaying
function(){
if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','http://lh3.googleusercontent.com/-oNlD347wl3k/UXVi7AiBdHI/AAAAAAAAILc/NxAyb8fwEfI/s50/plus_on.png&#039;);}
}, function(){
if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','http://lh6.googleusercontent.com/-wnTb7SHAGEE/UXVi6xoHXAI/AAAAAAAAILY/6vx5Em5w8MI/s50/plus_off.png&#039;);}
}
);

#gcontainer {
display: none;
}
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 5px;
    float: left;
}
  #comment-header {
padding-left: 10px;
float: left;
width: 595px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
margin-left: 25px;
padding-bottom: 5px;
margin-right: 25px;
}
  #gcontainer {
margin-left: 40px;
    margin-top:20px;
    float: left;
}

مثل ما فى الصورة 

ثم ابحث عن الكود التالى 

]]>

أذا ما وجد مع البحث ابحث عن الكوت التالى مع توسيع القالب مثل ما عملنه فى السابق

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

/*****************************************
Bloggerheroe.com Blogger and G+ Comment System
******************************************/
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 5px;
float: left;
}
#comment-header {
padding-left: 10px;
float: left;
width: 595px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
margin-left: 25px;
padding-bottom: 5px;
margin-right: 25px;
}
#gcontainer {
margin-left: 40px;
margin-top:20px;
float: left;
}
.commentwith h5 {
text-transform: uppercase;
font-family: ‘Oswald’, Arial, Helvetica, sans-serif;
font-size: 24px;
color:#1BA1E2;
font-weight: normal;
line-height: 25px;
margin-bottom: 35px;
float: left;
margin: 15px;
}

ثم أبحث عن الكود التالى 

ملحوظة : سوف تجد الكواد اكثر من وحد الكواد الثانى صو المقصود 

أضف الكود تحته مباشر

 
 

   

أضف تعليق

   

OR

   

اكتب شئ

               

غير ما بالوان الاحمر بالعبارة الزى تعجبك 

ثم اعمل حفظ أذا كان ليك اى استفسار اضف تعليقاتك وسوف يتم الرد عليك فى اقرب وقت

اصمم غلاف للفيس بوك احترافي جدا لصفحتك او جروبك او لقناتك !!

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

 اقدم لكم اليوم اخواني خدمة رآآئعة جدا و مميزة و هي خدمة تصميم كفرات فيسبوك او يوتيوب بالمقاسات التي تريدها ( العدد 2 غلاف )

معلومات عن الخدمة

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

نماذج من أعمالي

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

نأتي الان الى طريقة الدفع 

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

اطلبها مباشرة من خمسات

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

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

 اقدم لكم اليوم اخواني خدمة رآآئعة جدا  ومحدودة فهي تجمع كثير من الاشياء في خدمة و احدة !!

                     • ساقدم لك مشروع الكتروني متكامل, يشمل المشروع :
                                 1) –  مدونة احترافية   صفحة على الفيبوك معها 50 لايك .
                                 2) –  قناة على اليوتيوب مع غلاف لها .
                                 3) – ايميل ثلاثي vip  .
                                 4) – نصائح للربح من هذا المشروع .
                                 5) –  انترو احترافي جدا خاص بك .
                                 6) –  دعم فني متواصل طوال الخدمة.
                                 7) –  بنرات و غلافات لتغطي جميع المشروع .
                                 8) –  ويمكنك الاطلع على المزيد من خلال الصورة المرفقة.

انتبه !! كل هذا بخمسة دولار فقط !!

مزيد من المعلومات عن الخدمة :

اختر اسم لمشروعك و صفات المشروع و اسم للصفحة + القناة + المدونة و قدم لي مواصفات الغلاف الذي تريده للصفحة او القناة + ال 3 احرف التي تريدهل في الايميل + مواصفات الانترو  و انا اطمئنك انك ستتلقى خدمه لا مثيل لها فأنت تتعامل مع شخص صادق و متقن في عمله ان شاء الله 🙂

نأتي الان الى طريقة الدفع 

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

اطلبها مباشرة من خمسات

قالب تقني على شكل سكريبت مجله الكترونيه (قالب المساعد العربي-v7)

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

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

•    1-قالب انيق ومميز واحترافي 
•    2-يتميز القالب بقائمه منسدله احترافيه
•    3-يتميز بخفة في التصفح
•    4-يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
•    5-اضافة الاشتراك في المواقع الاجتماعيه
•    6-سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
•    7-يتميز القالب بسلايدرات احترافيه تلقائيه ذاتية التشغيل
•    8-اضافة مشاركة المواضيع على الشبكات الاجتماعيه
•    9-اضافة كاتب الموضوع اسفل التدوينه
•    10-إضافة لمشاركة المواضيع على الشبكات الإجتماعية
•    11-إضافة اقرا المزيد
•    12-يتميز القالب باربع قوائم اسفل الفوتر
•    13-يحتوي على خطوط ويب مميزه واحترافيه
•   14 -يتميز القالب بتعليقات بلوجر المترابطه
•   15-صفحات مرقمه بشكل جميل واحترافي
•   16-متوافق مع اشهر المتصفحات ماعدا انترنت اكسبلور
• وهناك المزيد حقا سيعجبك القالب

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

۞ معاينة القالب ◄ ۞ تحميل القالب ▼

تخصيص القالب

• الشعار

لتغير لوجو المدونه قم بالبحث عن :

http://1.bp.blogspot.com/-xN29CGgaBOk/UkFYN0PBhuI/AAAAAAAACBQ/FFh2RN6TB0E/s1600/albaadani-web%281%29.png

واستبدله برابط شعار مدونتك

يمكنك تحميل شعار البعداني ويب psd مفتوح المصدر للتعديل عليه حسب رغبتك

۞ تحميل ▼

تخصيص المحتوى للقالب

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

http://رابط مدونتك/feeds/posts/default/-/اسم القسم?published&alt=json-in-script&callback=labelthumbs

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

مثال

http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs

ولنفترض ان لديك 4 اقسام في المدونه وتريد عرضها في القالب في جميع السلايدرات الموجوده , فبهذه الحاله سوف تكرر العمليه السابقه اربع مرات بعدد اقسام المدونه ولكن مع مراعاة تغيير اسم القسم داخل الرابط 

فمثلا انا لدي 4 اقسام هي   اضافات بلوجر , قوالب بلوجر ,دروس بلوجر ,تقنيه

سوف اقوم باضافته للرابط السابق كالتالي

http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs 

http://www.alb33dani.com/feeds/posts/default/-/قوالب بلوجر?published&alt=json-in-script&callback=labelthumbs

http://www.alb33dani.com/feeds/posts/default/-/دروس بلوجر?published&alt=json-in-script&callback=labelthumbs

http://www.alb33dani.com/feeds/posts/default/-/تقنيه?published&alt=json-in-script&callback=labelthumbs

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

http://goo.gl/

 قم بادخال الربط داخ المستطيل واضغط على SHORT URL لتحصل الى الرابط المحتصر

الان بعد ما حصلنا على 4 روابط مختصره سوف نحتفظ بها لاننا سنحتاجها فيما بعد

• نقوم اولا بتخصيص السلايدر شو الاساسي 

  
  قم بالبحث عن الرابط التالي

  http://goo.gl/hZfeln

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

ثانيا تخصيص اداة احدث التدوينات 

قم بالبحث عن الرابط التالي

http://goo.gl/tm6lDZ

 

 واستبدله بالرابط المختصر للقسم الثاني الذي اضفته مسبقا

  تخصيص السلايدر الافقي اسفل اداه احدث التدوينات

قم بالبحث عن الرابط التالي

http://goo.gl/8PM3pP

 

 واستبدله بالرابط المختصر للقسم الثالث الذي اضفته مسبقا

  تخصيص قائمة المواضيع اسفل السلايد الافقي

قم بالبحث عن الرابط التالي

http://goo.gl/bhbgON

 

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

  تخصيص قائمة عرض المواضيع حسب التسميات اسفل القالب

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

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

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

1 2 3 4 5 6 7

<ul class='maintabNav'>      <li class='firstTab active' style=''>     <a href='#maintabs-1' title='اسم القسم 1'><span class=''>اسم القسم 1</span></a></li> <li><a href='#maintabs-2' title='اسم القسم 2'><span class=''>اسم القسم 2</span></a></li> <li><a href='#maintabs-3' title='اسم القسم 3'><span class=''>اسم القسم 3</span></a></li> <li><a href='#maintabs-4' title='اسم القسم 4'><span class=''>اسم القسم 4</span></a></li> </ul>

قم بكتابة اسماء التسميات(الاقسام) الخاصه بك داخ الكود السابق  كما هو موضح كل قسم ستكتب اسمه مرتين

الان ننتقل  الى كيفية اضافة روابط هذه الاقسام

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

الرابط المختصر للقسم 1

الرابط المختصر للقسم 2

الرابط المختصر للقسم 3

الرابط المختصر للقسم 4

واستبدل كل جمله  بالرابط  المختصر   للقسم الذي تريد عرضه  >ويجب ان يكون ترتيبها حسب ترتيبك لاسماء مواضيع التسميات  التي اضفتها في الكود السابق

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

اتمنى ان اكون قد وفقت لتوصيل المعلومه وفي حاله حصول اي مشكله عند التركيب قم بوضع تعليق

حصرياً: كيف تركب أكثر من قالب في آنٍ واحد لمدونة بلوقر

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

فكرة تركيب أكثر من قالب للمدونة

هل يمكن نزع خصائص الأنماط CSS من قالب المدونة وجعله في ورقة أنماط خارجيه، من ثم استحضاره ؟. هذا هو السؤال الذي بدر في ذهني وكنت واثق بأن بلوقر بمشيئة الله لن يمنع هذا ، جربت الطريقة ونجحت ، إذاً هذا هو المفتاح ، الخطوة التالية هو استخدام إضافة تعتمد على مكتبة الجي كيوري وهي Switchstylesheets ، ستسمح لنا هذه الإضافة بالتنقل بين النمط الافتراضي للمدونة وأوراق الأنماط الخارجية البديله ، مع الاحتفاظ بالنمط ( القالب ) الذي يختاره الزائر ما لم يحدث الصفحة أو يحذف بيانات التصفح ( الكوكيز )، إذا  فالطريقة باختصار (1) ترك القالب الأصلي كما هو ليصبح هو القالب الافتراضي (2) حفظ القوالب البديلة في أوراق أنماط خارجية ثم رفعها وحفظها في مكان مناسب مثل Dropbox أو google sites أو google code . ثم (3) تركيب الإضافة . ثم (4) عمل أزرار بسيطة لزائر المدونة ليتنقل بين القوالب.

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

  في البدء أنبه على أن القوالب يجب أن تكون متناسقة من ناحية بناءها أقصد هيكل كود HTML ، وكذلك لها نفس أسماء خصائص CSS ، مثلاً إذا أسميت خصائص القائمة الجانبية ( sidebar_left ) في القالب الافتراضي ، فيجب أن يكون له نفس الاسم في بقية القوالب البديلة. ولو أسميته في القوالب البديلة مثلاً ( sidebarleft ) بدون علامة الشرطة السفلية ( _ ) فسوف لن يتم أي تغيير على القائمة الجانبية وستبقى القائمة الجانبية تحت تأثير خصائص القالب الافتراضي. لماذا ؟  ، الجواب: لأن جميع القوالب ستستخدم بناء هيكلي HTML واحد ، وقد علمت أو ستعلم أن HTML تستدعي خصائص CSS بأسمائها ، إذاً HTML سيعطي اسماً واحداً لكل خصيصة ولن يتبنى أي اسم آخر لنفس الجزء .. هذا الكلام سيكون مملاً إذا قضيت ساعة واحده في تعلم HTML و CSS.

إذاً فما رأيك في حل بسيط وآمن جداً وهو استخدام قالب واحد ، ثم نجري عليه التعديلات قلّت أو كثرت ، ثم نصدره كقالب بديل ، ثم نجري تعديلاً ثانٍ ونصدره كقالب بديل ثالث ؟ وهكذا … هذا ما فعلته أنا على أي حال. تنبه! أيها المُبارك الخطوات يجب أن تكون حسب هذا السيناريو 1. تنشئ مدونة جديدة ثم ترفع عليها القالب الأصلي ، ثم لا تجري التعديلات على هذه المدونة بل 2. نزل نسخة من القالب وارفعها في مدونة جديدة ثانية غير الأولى، الآن عدل عليها واحفظ قالبها، هذه الآن مدونة تحمل القالب البديل الأول 3. أنشئ مدونة جديدة ثالثة ارفع عليها القالب الأصلي أجري عليها التعديلات احفظها هذه المدونة الثالثة التي تحمل القالب البديل الثاني. النتيجة: ثلاثة مدونات الأولى تحمل القالب الأصلي أي الافتراضي، الثانية تحمل القالب البديل الأول، الثالثة تحمل القالب البديل الثاني … افعل هذا وإذا انتهيت إنشاء هذه المدونات الثلاث فتعال نكمل لعل الله أن يفتح علينا!

نزع خصائص CSS وحفظها في ورقة أنماط خارجية

الآن وبعد إنشاء المدونات الثلاث ، سنقوم بنزع الجزء المحتوي على خصائص CSS من كل قالب بديل ، وسنترك القالب الافتراضي بدون أن ننزع منه أي شيء!. ستقول لماذا لا ننزع من القالب الافتراضي ؟ ، الجواب: يمكن نزعه وستنجح الطريقة بدون مشاكل إن شاء الله ، بل انه جيد لمن يحبون إظهار القالب في سطور أقل، وكنت حتى قبيل نشر القالب الثلاثي أعتمد هذه الطريقة ، لكن واجهت سلبية طفيفه ولكنها مزعجه وهي أن الزائر الذي سيفتح المدونة لأول مرة سيرى المدونة لثانيةٍ أو جزء منها بدون تنسيق نظراً لأن القالب محفوظ على ورقة أنماط خارجية ويتطلب هنية حتى يتم تطبيق القالب الافتراضي على المدونة ، ولكن بترك القالب الافتراضي كما هو بدون نزع الخصائص سيظهر القالب الافتراضي مباشرة ، بالإضافة الى ميزة أخرى وهي في حال تعطل الإضافة لأي سبب كالحذف أو توقف الخدمة التي اشتفت عليها ملفات الأنماط ، فلن يؤثر على المدونة ولن تخسر زواراً .. مرة أخرى يبدو أني أطلت، اليك طريقة نزع الخصائص:

الخطوة الأولى:  من المدونة الثانية – أي القالب البديل الأول – قُم بنسخ جميع الأكواد الواقعة  ما بين :

هذا السطر:

>

<![CDATA[

وهذا السطر:

]]></b:skin>

الخطوة الثانية:  قم بفتح ملف نصي والصق فيه جميع الأكواد التي نسختها من الخطوة الاولى.

الخطوة الثالثة: احفظ الملف النصي بصيغة CSS ، مثلاً سمه:   style1.css .

الخطوة الرابعة: كرر الخطوات السابقة مع القالب البديل الثاني الموجود في المدونة الثالثة ، لينتج عندك ملفان style1.css و style2.css. هذه هي أوراق الأنماط الخارجية البديلة!

حفظ أوراق الأنماط وملف الإضافة

  الملفات التي نحتاجها لإنشاء قالب ثلاثي عددها أربعة ، الأول: مكتبة الجي كيوري التي تعتمد عليها الإضافة، لستَ مضطراً لرفعها لأن قوقيل توفرها لك وكذلك ميكروسوفت سنرى لاحقاً ، الثاني: ملف الإضافة يمكن تنزيله من موقع المطور من هنا ، عبارة عن ملف مضغوط يحتوي على ملف الإضافة ( styleswitch.js ) وملفات أخرى عبارة عن مثال حي من المطور ليوضح كيف تعمل الإضافة. الملفان الثالث والرابع: هما أوراق الأنماط style1.css و style2.css  ..

عليك رفع ملف الإضافة وورقتي الأنماط في استضافة مناسبة، استخدم الموقع الذي يعجبك المهم أن يوفر روابط مباشرة مثل  Dropbox أو google sites أو google code أو ؟؟؟ .

شرح استيراد ملفات الإضافة وتركيبها في بلوقر

ابحث عن نهاية وسم رأس القالب أي هذا السطر :

</head>

الآن قبله مباشرة انسخ هذا الكود:

<link rel="alternate stylesheet" type="text/css" href="style2.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="style3.css" title="styles3" media="screen" />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/>
<script type="text/javascript" src="http://alblogger-gen.googlecode.com/svn/trunk/styleswitch.js"></script>

  السطر الأول والثاني: خاصان باستيراد أوراق الأنماط للقوالب البديله ، أكتب رابط كل ورقة في الموضع المضلل باللون الأصفر، عنوان الرابط title المضلل بالأخضر مهم لأننا سنستخدمه لاحقاً، ولاحظ أننا كتبنا alternate stylesheet في القيمة rel وتعني ورقة الأنماط البديله.  السطر الثالث: خاص باستيراد مكتبة الجي كيوري اتركه كما هو فهذا مستضاف في قوقيل ، السطر الرابع: خاص باستيراد ملف الإضافة نفسه وهو مستضاف في حساب خاص بمدونة البلوقر في قوقيل كود، تفضل باستخدامه ان شئت وإن شاء الله لن أحذفه أبداً كما ذكرت في تدوينات سابقة.

بهذا ستكون مدونتك مدونة ذات ثلاثة قوالب في آنٍ واحد ، بقي أن نوفر لزوار مدونتك أزراراً تمكنه من التنقل بين القوالب ، لنتابع:

تركيب أزرار اختيار القالب المفضل لزوار المدونة

  أزرار الاختيار إما تدمجها مع هيكل المدونة HTML وبالتالي أي مستخدم لقالبك ستظهر عنده مباشرة، أو تجعلها على هيئة أداة يضيفها المستخدم عن طريقة إضافة أداة HTML/Javascript من واجهة عناصر الصفحة، مثلاً لنجعلها بسيطة ونصية وبالتالي نكتبها هكذا:

<p>اختر قالبا</p>
<ul>
<li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">القالب الافتراضي </a></li>
<li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">القالب البديل الأول</a></li>
<li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">القالب البديل الثاني</a></li>
</ul>

ولاحظ أن قيمة rel هنا يجب أن تكون مماثلة لـ title في الكود المتعلق باستيراد أوراق الأنماط وضللناه باللون الأخضر سابقاً ، أيضاً من الضروري كتابة قيمة class كما هو موضح .. بقي عليك أن تبدع في تصميم أزرار اختيار لمدونتك، أو يمكنك استخدام أزرار القالب الثلاثي الذي نشرته سابقاً والتعديل عليه كما تشاء ..

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

تحياتي العاطرة

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

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

بسم الله الرحمن الرحيم اقدم لكم اليوم القالب الاكثر من رائع قالب رافع
الفحيلي القالب من تصميم وتكويد المساعد العربي الان القالب عندنا وبس
للتحميل القالب عندنا ومش عند اي حدا تاني قالب له مميزات رائعة الوان
رائعة وهادئة وخلفية رائعة + بنر اعلاني احترافي لان للتحميل والمعاينة في
مدونة عمرو لمدونات بلوجر مجاني

القالب علي اكثر من رابط 

رابط معاينة القالب 

من هنا هنا هنا

ولان جاء وقت تحميل قالب 

MEDIAFIRE

من هنا هنا هنا

——–

mega.co

من هنا هنا هنا

————————————-

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

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

sttorm7@gmail.com

div.background { width:585px; height:60px; background:url(http://4.bp.blogspot.com/-z156K3xU9Xk/Ulk6mmee0oI/AAAAAAAAADg/2-vfVmbcfRM/s1600/%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA.png) repeat; border:2px solid white; } div.transbox { width:566px; height:26px; margin:26px 9px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; }

رافع الفحيلي للبلوجر.xml (97 KB)

النسخه المطوره من قالب يوسف ويب لمدونات بلوجر

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

شكل القالب

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

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

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

۞ معاينة القالب ◄ ۞ تحميل القالب ▼

تخصيص القالب

• الشعار

لتغير لوجو المدونه قم بالبحث عن :

http://im39.gulfup.com/671Ax.png

واستبدله برابط شعار مدونتك

يمكنك تحميل شعار البعداني ويب psd مفتوح المصدر للتعديل عليه حسب رغبتك

۞ تحميل ▼

• تخصيص السلايد شو

لظهور السلايدرشو ابحث عن كلمة
  

نصائح

واستبدلها باسم قسم من اقسام مدونتك ليظهر بالسلايد شو

• ضبط وتعديل أقسام وروابط القائمة العلوية

 قم بالبحث عن 

<div class=’menu1′> 

 
ستجد اسف الكود الذي بحثت عنه هذه الاكواد

1 2 3 4 5 6

<li><a href='http://alb33dani.blogspot.com/' target='_blank'>الرئيسية</a></li> <li><a href='http://alb33dani.blogspot.com/'>أعلن معنا</a></li> <li><a href='http://alb33dani.blogspot.com/' target='_blank'>فيديـو</a></li> <li><a href='http://alb33dani.blogspot.com/' target='_blank'> إشتراك Rss</a></li> <li><a href='http://alb33dani.blogspot.com/'>إلتحق بفريق التدوين</a></li> <li><a href='http://alb33dani.blogspot.com/'>اتصل بنا</a></li></ul>

عليك استبدال مسميات الأقسام الافتراضية المبينه باللون الاحمر بما يناسبك، وتكتب مكان علامة المربع # رابط كل قسم

ضبط وتعديل أقسام وروابط القائمة العلوية اسفل الهايدر ؟

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

<div class=’m’>

ستجد اسفل الكود الذي قمت بالبحث عنه هذه الاكواد

1 2 3 4 5 6 7 8 9

<li><a class='home' href='http://alb33dani.blogspot.com/'/></li> <li><a href='http://alb33dani.blogspot.com/'>الربح الألكتروني</a></li> <li><a href='http://alb33dani.blogspot.com/'>بلوجر</a></li> <li><a href='http://alb33dani.blogspot.com/'>تصاميمي</a></li> <li><a href='http://alb33dani.blogspot.com/'>تطوير المواقع</a></li>  <li><a href='http://alb33dani.blogspot.com/'>فيس بوك</a></li> <li><a href='http://alb33dani.blogspot.com/'>فوتوشوب</a></li> <li><a href='http://alb33dani.blogspot.com/'>أنترنت</a></li> <li><a href='http://alb33dani.blogspot.com/'>ووردبريس</a></li>

قم بتغيير التسميات  حسب رغبتك عادتآ تكون (الصفحات & الاقسام)

وقم بتغيير الروابط المبينه باللونhttp://alb33dani.blogspot.com  بروابط اقسام او صفحات مدونتك 

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