كود CSS لتكبير الصور بمدونة بلوجر

2

احصل على تحديثات في الوقت الفعلي مباشرة على جهازك ، اشترك الآن.

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

المدونة الخاصة بك لكي لا يقوم الزائر بالخروج سريعاً من المدونة ويسبب لك مشكلة فى معدل الأرتداد، فعندما يدخل الزائر إلي مدونتك ويقوم

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

ضغط على كل صورة ليراها فهو يتضايق من موضوعك، اليوم أحضرت لك كود أمن لتكبير جميع الصور لجميع المشاركات فى “مدونة بلوجر”

أضافة كود CSS لتكبير صور بلوجر.

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

معين لوضع الكود CSS من الممكن أن تقوم بالتعديل عليه أو حذفه في أى وقت وبدون فقدان البيانات، إذا لم تتمكن من فتح صندوق كود CSS فسوف أشرح وضع الكود بالقالب مباشرة.

شرح أضافة كود تكبير الصور بلوجر.

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

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

أيضاً وبأمكانك أيضاً أن تقوم بتغيير الحجم كما تريد فحجم المطبق بالكود هو 600 × 400 وهذا مناسب تماماً.

 

أضافة كود تكبير الصور داخل القالب.

إذا كان ليس لديك صالحية لدخول صندوق أكواد CSS فاذهب إلي المظهر ثم تعديل HTML ثم أبحث عن الوسم <b:template-skin> وتأخذ الكود نسخ وفوق هذا الوسم مباشرةً قم بلصق الكود ومن ثم حفظ القالب.

تقييد اعلانات جوجل أدسنس.

لقد شرحت من قبل فى دورة “إنشاء مدونة بلوجر مجانية” وأيضاً “تحميل صور غير مخالفة فى أدسنس” و“أضافة مواقع التواصل الأجتماعي فى بلوجر” ولكن بعض المستخدمين تأتيهم رسالة

من “جوجل ادسنس” بتقييد الاعلانات وهذا أمر طبيعي، لكونك قمت بأضافة مواقع تواصل اجتماعي في المدونة وهي فارغة لا يوجد لك حساب عليه وهذا مخالف، وأيضاً مظهر موقعك

أسفل القسم الرئيسي الهيدر يكون بنفس شكل الاعلانات الخاصة “بجوجل ادسنس” فتأتيك رسالة تقول “تنسيق المحتوي لمحاكاة الاعلانات” بمعني أن موقعك يطابق

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

تجعل صورة اللوجو كبيرة، فعندما تكون كبيرة تؤثر على سرعة مدونتك لانها تقوم بفتح شاشة بيضاء فى شاشة السرعة يستحسن أن تكون حجم الصورة 110 × 290 هذا أنسب حجم ودائماً تكون

على الجانب وليس بالوسط لانها عند وضع اعلان سوف ينزل للاسفل وتسبب لك بطئ فى الموقع، وتكلمت أيضاً عن الأقسام المنسدلة لا تكثر بها أرجع إلي شرح “إضافة أقسام المدونة ومواقع التواصل الاجتماعي” فدائماً قم بضبط قالبك قبل أرسال موقعك لجوجل أدسنس.

تابع معي الشرح العملي بالفيديو والكود أسفل الفيديو.

“كود تكبير صور بلوجر”

.post-body img {
width: 600px!important;
height: 400px!important; }
.post-body .cust-table,.post-body .cust-table tbody{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.post-body .cust-table{max-width:100%;width:100%;margin:1.5em auto;border-collapse:collapse;border-spacing:0}.post-body .cust-table td{border:1px solid #e9e9e9;padding:10px;text-align:right;vertical-align:top}.post-body .cust-table tr th{border:1px solid #eee;font-weight:900;color:#fff;padding:15px 10px;text-align:right;vertical-align:top;font-size:14px}.post-body .cust-table th{background:#999}.post-body .cust-table td,.post-body .cust-table th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px}.post-body .cust-table tr:nth-child(even)>td{background-color:#f9f9f9}
.post-body img {padding: 4px;border: 6px solid #111111;background-color: #d24949;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 15px 10px -12px black;-moz-box-shadow: 0 15px 10px -12px black;box-shadow: 0 15px 10px -12px black;
{

 

كود CSS لتكبير الصور بمدونة بلوجر وأحذر تقييد الاعلانات ادسنس 2020
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

شكراً لكم جميعاً

يمكنك تقييم المقال
[Total: 0 Average: 0]

احصل على تحديثات في الوقت الفعلي مباشرة على جهازك ، اشترك الآن.

2 تعليقات
  1. Philosophia يقول

    بوركتم

    1. Adham Micro يقول

      بالتوفيق

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.