اهلا ومرحبا بالجميع مجددا في مدونه مستر ميدو، شرحنا اليوم عن كيفيه اضافه نص وهمي الى مدونه بلوجر هذه الاضافه تغنيك عن كتابه نص وهمي يدويا وكل ما عليك فعله تلصق الكود البرمجي في الصفحه.
اضافة النص الوهمي لبلوجر
كيفية إضافة نص وهمي إلى مدونة بلوجر. تم تصميم هذه الاضافه باكواد 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>
