طريقة إضافة نص وهمي لبلوجر

شرحنا اليوم عن كيفيه اضافه نص وهمي الى مدونه بلوجر تم تصميم هذه الاضافه باكواد HTML أو CSS وانها لا تؤثر على سرعه تحميل الصفحه.
الرجاء الانتظار 0 ثانية...
قم بالتمرير لأسفل وانقر فوق فتح الرابط للتوجيه
تم فحص وتجهيز الرابط

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

طريقة إضافة نص وهمي لبلوجر

اضافة النص الوهمي لبلوجر

كيفية إضافة نص وهمي إلى مدونة بلوجر. تم تصميم هذه الاضافه باكواد HTML أو CSS وانها لا تؤثر على سرعه تحميل الصفحه.
إذا كنت ترغب في إضافة نص وهمي إلى منشور Blogger الخاص بك ، فما عليك سوى اتباع الخطوات التالية.

شاهد أيضاً :-

من وجهة لوحة تحكم بلوجر حدد المدونة التي تريد إضافة النص الوهمي لها.

  • اذهب الي تعديل القالب وبعد انقر على "Edit HTML".
  • من لوحة المفاتيح "Ctrl + F" للبحث عن كود ]]</b:skin>
  • انسخ رمز CSS أدناه والصقه فوق مباشر ]]</b:skin>

ملحوظه! 
يوجد شكلين للاداء وعليك الاختيار الشكل المفضل لديك.

الشكل الاول

.dummy-text{display:block}
.dummy-text i{display:block;height:16px;margin-bottom:8px;background:#a9a8ac;border-radius:2px;}
.dummy-text i.img{margin:0 auto;max-width:85%;height:180px;border-radius:10px}
.dummy-header{position:relative;background:#fff;border-radius:6px;padding:15px 15px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}
.dummy-header .flex{display:flex;display:-webkit-flex}
.dummy-header .flex i{width:60px;margin:0 10px 0 0}
.dummy-header .flex i:last-child{margin:0}

للعرض هذه الاداء في منشوراتك انسخ الكود ادنى والصقه في الصفحه اثناء انشاء المنشور.
<p class="dummy-text">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>

<p class="dummy-text">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>

الشكل الثاني

  .dummyText i{display:block;background-color:rgba(0,0,0,.05);margin-bottom:10px;height:1.5em}
  .dummyText i.img{height:auto;min-height:200px;margin:2rem 10%}

للعرض هذه الاداء في منشوراتك انسخ الكود ادنى والصقه في الصفحه اثناء انشاء المنشور.

<p class="dummyText">

<i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>
<p class="dummyText">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>

ينتهي هنا موضوعنا عن "طريقة إضافة نص وهمي لبلوجر "، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

تقييم المقالة

عن الكاتب

عبدالحميد ميدو منشئ محتوى رقمي ومهتم بجديد التقنية بشكل عام والبرمجة JS ,CSS بشكل خاص
معلومات أكثر

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - لإضافة كود برمجي حوله أولاً بمحول الأكواد
4 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام
ملفات تعريف الارتباط
نحن نستخدم ملفات تعريف الارتباط ( كوكيز ) لفهم كيفية استخدامك لموقعنا ولتحسين تجربتك في المحتوى والإعلانات..
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.