Post Top Ad

الجمعة، 1 مارس 2013

شرح وضع عناوين الموضوع داخل اطار كلاسيكى بسيط رائع مدونة بلوجر

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


.com/blogger_img_proxy/














الان اضغط على زر متابعة

.com/blogger_img_proxy/











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

.com/blogger_img_proxy/












الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :

 /* Posts
----------------------------------------------- */

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

 .post h3 {
background:#FFCFBF;
border:1px inset #000000;
margin:.25em 0 0;
padding:0 5px 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
}

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

.com/blogger_img_proxy/











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

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

  1. 419897_452315241507794_2141429353_n

    شكرا لك
    http://world7days.blogspot.com/

    ردحذف
    الردود
    1. .com/img/b/R29vZ2xl/AVvXsEiaYI-z43nC_SVdEKzD16n7xUyLSBdmLrUaUfXjGlr3NwCivBXaAYBasPtxvAre0ehMujWe2FZD2jGZ5gHfDiFvzhUT_j_sml0nsCtsNFgower9U3CeY55Tg36Ts3Mm9g/s45-c/

      العفو يا اخى الكريم وبالتوفيق ان شاء الله

      حذف
  2. blogger_logo_round_35

    اريد قوالب للتصميم من اين احصل عليها

    ردحذف
  3. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  4. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  5. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  6. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  7. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  8. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  9. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  10. blogger_logo_round_35

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad