مدونة علاء الدين مؤلفاتي | تواصل معي | عن المدونة

هدية لكل المدونين .... قالب بلوجر غاية في الروعة والبساطة

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

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

الان نبدء بشرح بعض النقاط في القالب الجديد وسنبدء بأول نقطة وهي تعديل روابط الفيسبوك وتويتر والخلاصات والموجودة في اعلى الصفحة ولتعديلها اتبع الخطوات التالية :
1- اذهب الى لوحة التحكم ثم الى تصميم ثم تعديل html 
2- من هناك ابحث عن social-bt  وسيظهر لك الكود التالي :
<div id='social-bt'>

<a TITLE='' href='هنا ضع رابط تويتر' id='twitter-bt'>على تويتر</a>

<a TITLE='' href='وهنا رابط الفيسبوك' id='fb-bt'>على الفيسبوك</a>

<a TITLE='' href='وهنا رابط الخلاصات' id='rss-bt'>الخلاصات</a>

3- قم بحفظ القالب وسيصبح كل شئ جاهزاً 

ثانياً : تعديل الروابط في رأس الصفحة ( روابط تواصل معي ومؤلفاتي ...) 

1-لتعديل احد الروابط في اعلى الصفحة اذهب الى لوحة التحكم ثم الى تصميم ثم تعديل html  ثم ضع علامة امام خيار توسيع القالب.
2- ابحث عن اسم الرابط الذي تريد تعديله مثلاً رابط " مؤلفاتي " وسيظهر لك الكود التالي :

  <li><a href='#'><span>مؤلفاتي</span></a></li>

3-قم بتغيير المربع المؤشر باللون الاحمر الى رابط الصفحة المطلوبة والاسم المظلل باللون الاصفر قم بتغييره الى الاسم المطلوب .
4- قم بحفظ القالب .

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

1- لاظهار صندوق التنبيهات قم بالذهاب الى لوحة التحكم ثم الى تصميم ثم تعديل html  .
2- ابحث عن الكود social-bt  وسيظهر لك الكود التالي :

<div id='social-bt'>

<a TITLE='' href='' id='twitter-bt'>على تويتر</a>
<a TITLE='' href='' id='fb-bt'>على الفيسبوك</a>
<a TITLE='' href='' id='rss-bt'>الخلاصات</a>

<P style='display:none;background:#d70101 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudiMjqZhThNmLs9CRYNr-LslN6RWzipQrLoTRO3eGJVjEUAzDL9kVcV5Llt5NdI4VPyjG855eLLCa1h1G99lavJDjdkeykehRSOTfCDjY7y4GT7_hKZX0IL6MXtZYIS5MkCNyR_NigQ0/s288/p-bg.png);color:#ffffff;font-family:arial;font-size:16px;width:510px;padding:5px 10px 5px 10px;font-weight:bold;'>
ضع النص هنا
</P>

</div>

3- قم بتغيير الكلمة المؤشر عليها باللون الاحمر الى كلمة block ثم اكتب النص الذي تريد اظهاره بدلاً من عبارة " ضع النص هنا " والمظلل عليها باللون الاصفر .
4- احفظ القالب .

رابعاً : اظهار الوصف ( وصف المدونة ) والمكتوب تحت الروابط في اعلى الصفحة .

1- اذهب الى لوحة التحكم ثم الى اعدادات ثم الى اساسي وستفتح لك الصفحة التالية :
2- اكتب الوصف داخل الصندوق المخصص لذلك كما هو موضح في الصوره .
3- احفظ الاعدادات .

خامساً : إظهار الصورة في إطار منبثق عن الضغط عليها ( اضغط على الصورة في الموضوع الموجود هنا) ولفعل ذلك اتبع الخطوات التالية :

1- عند كتابة موضوع وبعد رفع الصوره انتقل من النمظ "تأليف " الى النمط "تحرير html" كما في الصوره التالية :

2- من هناك ابحث عن رابط الصوره وستجده بالشكل التالي :
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s400/7.JPG" width="400" /></a>

3- قم باضافة الكود rel="lightbox"   بعد a ليصبح بالشكل التالي :

<a  rel="lightbox"  href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s400/7.JPG" width="400" /></a>

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

لا تنسوا ترك ملاحظاتكم وارائكم حتى يتسنى لنا تحسين القوالب التي سنضعها مستقبلاً مع تمنياتي للجميع بالتوفيق .

هناك 14 تعليقًا:

  1. الله يخليك على جهودك يا اخ علاء الدين و انا الان بصدد تركيب هذا القالب في مدونتي
    اريد ان اسئلك هل يمكن حماية مقالاتي من النسخ
    اخوك صرصار محمد و انا اسف على هذه الغيبة و ارجو ان تكون بخير

    ردحذف
  2. شكرا على الشرح ساحاول تطبيق الاضفات مثل ( مدونتي ومن انا بجانب كلمة الرئيسية كما شرحتها انت
    +شكرا

    ردحذف
  3. badboy
    مرحبا بك والحمدلله على السلامة

    Black Duck
    مرحبا بك صديقا للمدونه

    ردحذف
  4. جزاك الله خيراً على القالب الرائع جداً انت مبدع ماشاء الله اتمنى لك التوفيق في اعمالك

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

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

    ردحذف
  7. الاخ سعيد احمد | شكرا ومرحبا بك

    مدونة لا يمل | مرحبا بك لقد قمت بزيارة مدونتك ولاحظت التعديلات التي اجريتها على القالب

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

    ردحذف
  8. هذه الطريقه اللى اتبعتها
    http://www.abu-iyad.com/2010/07/read-more-for-blogger.html

    ردحذف
  9. الاخ عرباوي

    قم بالغاء الكود الذي قمت بتركيبه كما هو مشروح في مدونة الاخ ابو اياد

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

    يمكنك تحميل الكتاب من قسم مؤلفاتي في اعلى المدونة

    مع خالص تحياتي

    ردحذف
  10. بارك الله بك ... شكراً على هذا القالب

    ردحذف
  11. قالب رائع ............. شكرا لك اخي

    ردحذف
  12. الأخ الغالى علاء الدين
    مشكور على المجهود ولو تكرمتم اريد كود المشاركات الشائعة الوجود فى مدونتكم ولكم جزيل الشكر وجزاكم الله خيرا

    ردحذف
  13. انا صممت المدونة بهذا القالب ولكني اريد الاستفسار عن كيفية جعل المواضيع تظهر كصورة وبجوارها رابط قراءة المزيد

    كذلك كيف اظهر المواضيع كصور متحركة على يمين الصفحة كما هو في المدونة الرسمية لكم

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

    ردحذف

يتم التشغيل بواسطة Blogger.