طريقة جعل صورة الموضوع فوق السيدبار والموضوع

السلام عليكم ورحمة الله وبركاته

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

معاينة

شرح طريقة التركيب

1. ابحث عن </head> وضع الكود التالي فوقه

<b:if cond='data:blog.pageType == "item"'> <style> #items-thumbnail{display:none} .post-upper{text-align:center;margin:0 auto;padding:20px 0 20px;} .post-upper p.title{font-size:37px;font-weight:500;line-height:1.3em;color:#fff;margin:0;padding:0;position: absolute; top: 500px; left: 0; text-align: center; right: 0;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.36);z-index: 99;} .post-upper .thumb-post{text-align:center;margin:0;padding:0} .post-upper .thumb-post img{width:100%;max-width:100%;height:550px;margin-top:15px;border: 1px solid #dedede;border-radius: 3px;} h3.post-title,.post-header,.post h1,.post h2{margin:0!important;padding:0!important;height:0!important;font-size:0!important;line-height:0!important;} p.att-javascript{font-size:150%;text-align:center} .thumb-post img { -webkit-filter: brightness(0.9); transition: 0.2s all ease-in-out; } .thumb-post img:hover { -webkit-filter: brightness(1); } </style> </b:if>

* كما شاهدتم بالمعاينة فمكان العنوان وسط الصورة إذا أردت وضعه خارج الصورة أي بأعلاها فاحذف الكود المحدد بالأحمر

* لتغيير لون الخط فهو محدد بالبرتقالي

* إن لم يرق لك التأثير الذي يضلل على الصورة بالأسود فيمكنك حذفه وهو محدد بالأخضر

2. ضع الكود التالي فوق </body>

`<b:if cond='data:blog.pageType == "item"'> <script> //<![CDATA[ var items=document.getElementById("items-thumbnail"),divs=document.getElementsByClassName("thumb-post");[].slice.call(divs).forEach(function(e){e.innerHTML=items.innerHTML}); //]]> </script> </b:if>`

3. المرحلة بعد الأخيرة وقد يختلف كل قالب عن هذا الكود: <div class='main-outer'> إذا وجدته ضع الكود الآتي أسفله

للقوالب المعدلة إبحث عن هذا <div class='content-wrapper'> : أو هذا : <div class='outer-wrapper'>

* إذا واجهت صعوبة في إيجاده فأدعوك لمراسلتي برابط موقعك عبر مراسلتنا وسأرد عليك بمكانه

`<b:if cond='data:blog.pageType == "item"'> <div class='post-upper'> <p class='title'> <data:blog.pageName/> </p> <div class='thumb-post'/> </div> </b:if>`

وصلنا للمرحلة الأخيرة من فضلك تذكر أنه يجب أن تكون صورة الموضوع ذات مقاس معقول أي لا تكون صغيرة وهذا المقاس الأفضل 720px x 350px ويفضل أن لا يتعدى حجمها 100kb.

4. الآن عندما تفتح موضوع إنتقل لتبويب HTML واحذف ما به من كتابة إذا وجدتها ثم إرفع الصورة واختر الحجم الأصلي بعدما تضاف أحذف الكودات المحددة بالأحمر :

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/s1600/Pop-out-widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/s1600/Pop-out-widget.png" /></a></div>

بحذف رابط الصورة والإطار سيصبح هكذا :

`<div class="separator" style="clear: both; text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/s1600/Pop-out-widget.png" /></div>`

ثم أضف الكود : id = "items-thumbnail" بعد <div ليصبح هكذا :

`<div id = "items-thumbnail" class="separator" style="clear: both; text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/s1600/Pop-out-widget.png" /></div>`

* طبعا إن كان لديك مواضيع كثيرة فيمكنك فقط نقل الكود الآخير وتغييره بما لديك حتى لا تتكبد العناء ولا تنسى نسخ الصورة ووضعها بدل مكان المحددة بالأخضر

انتهى الموضوع والشرح... ومرحبا بالإستفسارات 

المصدر عرب ويب

دعاء وحديث

دعاء من أصابته مصيبة .. ما من مسلم تصيبه مصيبة فيقول كما أمره الله إنا لله وإنا إليه راجعون، اللهم أجرني في مصيبتي واخلف لي خيراً منها إلا أخلف الله له خيراً منها (رواه مسلم632/2) دعاء الهم والحزن .. ما أصاب عبداُ هم و لا حزن فقال : اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي " . إلا أذهب الله حزنه وهمه وأبدله مكانه فرحاً رواه أحمد وصححها لألباني.لكلم الطيب ص74 اللهم إني أعوذ بك من الهم والخزن ، والعجز والكسل والبخل والجبن ، وضلع الدين وغلبة الرجال ". كان رسول الله صلى الله عليه وسلم يكثر من هذا الدعاء دعاء الغضب .. أعوذ بالله من الشيطان الرجيم رواة مسلم .2015/4 دعاء الكرب .. لاإله إلا الله العظيم الحليم ، لاإله إلا الله رب العرش العظيم ، لاإله إلا الله رب السموات ورب العرش الكريم متفق عليه قال صلى الله عليه وسلم دعاء المكروب : اللهم رحمتك أرجو فلا تكلني إلى نفسي طرفة عين ِ وأصلح لي شأني كله لاإله إلا أنت الله ، الله ربي لاأشرك به شيئاً صحيح . صحيح سنن ابن ماجه(959/3) قال رسول الله صلى الله عليه وسلم :" دعوة النون إذ دعا بها وهو في بطن الحوت :" لاإله إلا أنت سبحانك إني كنت من الظالمين لم يدع بها رجل مسلم في شئ قط إلا استجاب الله له . صحيح .صحيح الترمذي 168/3 دعاء الفزع .. لا إله إلا الله متفق عليه ما يقول ويفعل من أذنب ذنباً .. ما من عبد يذنب ذنباً فيتوضأ فيحسن الطهور ، ثم يقوم فيصلي ركعتين ، ثم يستغفر الله لذلك الذنب إلا غُفر له صحيح صحيح الجامع 173/5 من استصعب عليه أمر .. اللهم لا سهل إلا ما جعلته سهلاً وأنت تجعل الحزن إذا شئت سهلاً رواة ابن السني وصححه الحافظ . الأذكار للنووي ص 106 ما يقول ويفعل من أتاه أمر يسره أو يكرهه .. كان رسول الله عليه وسلم إذا أتاه أمر ه قال :الحمد لله الذي بنعمته تتم الصالحات و إذا أتاه أمر يكرهه قال : الحمد الله على كل حال صحيح صحيح الجامع 201/4 كان النبي صلى الله عليه وسلم إذا أتاه أمر يسره أو يُسر به خر ساجداً شكراً لله تبارك وتعالى حسن . صحيح ابن ماجه 233/1) مايقول عند التعجب والأمر السار .. سبحان الله متفق عليه الله أكبر البخاري الفتح441/8 في الشيء يراه ويعجبه ويخاف عليه العين .. إذا رأى أحدكم من نفسه أو ماله أو أخيه ما يعجبه فليدع له بالبركة ، فإن العين حق صحيح. صحيح الجامع 212/1.سنن أبي داود286/1 . اللهم اكفنيهم بما شئت رواه مسلم 2300/4 حاب ، وهازم الأحزاب ، اهزمهم وانصرنا عليهم رواه مسلم 1363/3 دعاء صلاة الاستخارة .. قال جابر بن عبدالله رضي الله عنهما : كان رسول الله صلى الله عليه وسلم ، يُعلمنا الاستخارة في الأمور كلها كما يعلمُنا السورة من القرآن ، يقول : إذا هم أحدكم بالأمر فليركع ركعتين من غير الفريضة ، ثم ليقل : اللهم إني أستخيرك بعلمك ، و أ ستقدرك بقدرتك ، وأسألك من فضلك العظيم فإنك تقدِرُ ولا أقدِرُ ، وتعلم ولا أعلم ، وأنت علام الغيوب ، اللهم إن كنت تعلم أن هذا الأمر -يسمي حاجته - خير لي في ديني ومعاشي وعاقبة أمري - أو قال : عاجلة و اجله - فاقدره لي ويسره لي ، ثم بارك لي فيه ، وإن كنت تعلم أن هذا الأمر شر في ديني ومعاشي وعاقبة أمري - أو قال : عاجله و أجله - فاصرفه عني واصرفني عنه ، واقدر لي الخير حيث كان ، ثم أرضني به رواه البخاري146/8 كفارة المجلس .. من جلس في مجلس فكثر فيه لغطه ؟ فقال قبل أن يقوم من مجلسه ذلك : " سبحانك اللهم وبحمدك ، أشهد أن لا إله إلا أنت أستغفرك وأتوب إليك . إلا غفر له ما كان في مجلسه ذلك . صحيح. صحيح الترمذي 153/3 دعاء القنوت .. اللهم أهدني فيمن هديت ، وعافني فيمن عافيت ، وتولني فيمن توليت ، وبارك لي فيما أعطيت ، وقني شر ما قضيت ، فإنك تقضي و لا يقضى عليك ، إنه لا يذل من واليت ، تباركت ربنا وتعاليت صحيح. صحيح ابن ماجه 194/1 اللهم إني أعوذ برضاك من سخطك وأعوذ بمعافاتك من عقوبتك ، وأعوذ بك منك لا أحصي ثناء عليك ، أنت كما أثنيت على نفسك " صحيح. صحيح ابن ماجه 194/1 اللهم إياك نعبد ، و لك نُصلي ونسجد ، وإليك نسعى ونحقدُ ، نرجُو رحمتك ، ونخشى عذابك ، إن عذابك بالكافرين ملحق ، اللهم إنا نستعينك ، ونستغفرك ، ونثني عليك الخير ، ولا نكفرك ، ونؤمن بك ونخضع لك ، ونخلع من يكفرك . وهذا موقف على عمر رضي الله عنه . إسناد صحيح . الأوراد171/2-428 مايقال للمتزوج بعد عقد النكاح .. بارك الله لك ، وبارك عليك ، وجمع بينكما في خير صحيح. صحيح سنن أبي داود 400/2 اللهم بارك فيهما وبارك لهما في أبنائهما رواه الطبراني في الكبير وحسنه الألباني. آداب الزفاف ص77) على الخير والبركة وعلى خير طائر رواه البخاري 36/7 ( طائر : أي على أفضل حظ ونصيب ، وطائر الإنسان : نصيبه) ما يقول ويفعل المتزوج إذا دخلت على زوجته ليله الزفاف يأخذ بناصيتها ويقول : اللهم إني أسألك من خيرها وخير ما جلبت عليه وأعوذ بك من شرها وشر ما جُلبت عليه حسن . صحيح ابن ماجه 324/1 الدعاء قبل الجماع .. لو أن أحدكم إذا أراد أن يأتي أهله قال : بسم الله ، اللهم جنبنا الشيطان وجنب الشيطان ما رزقتنا ، فإنه يقدر بينهما ولد في ذلك لم يضره شيطان أبداً متفق عليه الدعاء للمولود عند تحنيكه .. كان رسول الله صلى الله عليه وسلم ، يؤتي بالصبيان فيدعو لهم بالبركة ويحنكهم صحيح . صحيح سنن أبي داود 961/3) (التحنيك : أن تمضغ التمر حتى يلين ، ثم تدلكه بحنك الصبي) ما يعوذ به الأولاد .. أعوذ بكلمات الله التامة ، من كل شيطان وهامه ، وكل عينِ لامه رواه البخاري الفتح 408/6 من أحس وجعاً في جسده .. ضع يدك على الذي تألم من جسدك وقل : بسم الله ، ثلاثاً ، وقل سبع مرات : أعوذ بالله وقُدرته من شر ما أجد وأحاذر رواه مسلم1728/4 مايقال عند زيارة المريض ومايقرأ عليه لرقيته .. لابأس طهور إن شاء الله رواه البخاري 118/4 اللهم اشف عبدك ينكأ لك عدواً ، أو يمشي لك إلى جنازة صحيح . صحيح سنن أبي داود 600/2 مامن عبد مسلم يعود مريضاً لم يحضر أجله فيقول سبعة مرات : أسأل الله العظيم رب العرش العظيم أن يشفيك إلا عوفي صحيح . صحيح الترمذي 210/2 بسم الله أرقيك من كل شئ يؤذيك ، من شر كل نفس ، وعين حاسدة بسم الله أرقيك ، والله يشفيك صحيح . صحيح الترمذي 287/1 أذهب الباس ، رب الناس ، إشف وأنت الشافي لاشفاء إلا شفاء لايُغادر سقماُ رواه البخاري الفتح 131/10 تذكرة في فضل عيادة المريض .. قال صلى الله عليه وسلم : إن المسلم إذا عاد أخاه لم يزل في خرفة الجنة صحيح. صحيح الترمذي 285/1 قيل ما خُرفة الجنة ؟ قال : جناها . وقال صلى الله عليه وسلم :" مامن مُسلم يعود مُسلماً غُدوة ، إلا صل عليه سبعون ألف ملكِ حتى يُمسي ، وإن عاده عشيةَ إلا صلى عليه سبعون ألف ملكِ حتى يُصبح وكان له خريف في الجنة صحيح . صحيح الترمذي 286/1 مايقول من يئس من حياته .. اللهم اغفر لي وارحمني وألحقني بالرفيق متفق عليه اللهم الرفيق الأعلى رواه مسلم1894/4 كراهية تمني الموت لضر نزل بالإنسان .. لايدعون أحدكم بالموت لضر نزل به ولكن ليقل : اللهم أحيني ماكنت الحياة خيراً لي ، وتوفني إذا كانت الوفاة خيراً لي متفق عليه من رأى مببتلى .. من رأى مُبتلى فقال : الحمد لله الذي عافاني مما ابتلاك به ، وفضلني على كثير ممن خلق تفضيلاً لم يُصبه ذلك البلاًء صحيح. صحيح الترمذي 153/3 تلقين المحتضر .. قال صلى الله عليه وسلم : لقنوا موتاكم قول : لاإله إلا الله رواه مسلم 631/2 من كان آخر كلامه لاإله إلا الله دخل الجنة صحيح . صحيح سنن أبي داود 602/2 الدعاء عند إغماض الميت .. اللهم اغفر ( لفلان) ورفع درجته في المهديين واخلفه في عقبه في الغابرين واغفر لنا وله يارب العالمين وافسح له في قبره ونور له فيه رواه مسلم 634/2 مايقول من مات له ميت .. مامن عبد تصيبه مصيبة فيقول :" إنا لله وإنا إليه راجعون، اللهم أجرني في مُصيبتي واخلف لي خيراً منها . إلا آجره الله تعالى في مصيبته وأخلف له خيراً منها رواه مسلم 632/2 الدعاء للميت في الصلاة عليه .. اللهم اغفر له وارحمه وعافه واعف عنه وأكرم نُزُله . ووسع مُدخلهُ . واغسله بالماء والثلج والبرد ، ونقه من الخطايا كما ينقى الثوب الأبيض من الدنس ، وأبدله داراً خيراً من داره ، وأهلاً خيراً من أهله وزوجاً خيراً من زوجه وأدخله الجنة وأعذه من عذاب القبر ( ومن عذاب النار ) رواه مسلم 663/2 اللهم اغفر لحينا وميتنا ، وشاهدنا وغائبنا ، وصغيرنا وكبيرنا ، وذكرنا وأُنثانا ، اللهم من أحييته منا فأحييه على الإسلام ، ومن توفيته منا فتوفه على الإيمان ، اللهم لاتحرمنا أجره ولاتضلنا بعده صحيح. صحيح ابن ماجه 251/1 اللهم إن فلان بن فلان في ذمتك ، وحبل جوارك فقه من فتنة القبر وعذاب النار ، أنت الغفور الرحيم صحيح . صحيح ابن ماجه 25/1 اللهم عبدك وابن عبدك وابن امتك إحتاج إلى رحمتك ، وأنت غني عن عذابه ، إن كان مُحسناً فزده في حسناته ، وإن كان مُسئاً فتجاوز عنه واه الحاكم ووافقه الذهبي . انظر أحكام الجنائز للألباني ص159 وإن كان الميت صبياً .. اللهم أعذه من عذاب القبر حسن . أحكام الجنائز للألباني ص161. اللهم اجعله فرطاً وسلفاً ، وأجراً موقوف على الحسن - البخاري تعليقاً عند ادخال الميت القبر .. بسم الله وبالله ، وعلى ملة رسول الله ( أو على سُنة رسول الله ) صحيح. صحيح الترمذي 306/1 مايقال بعد الدفن .. كان النبي صلى الله عليه وسلم إذا فرغ من دفن الميت وقف عليه فقال :" استغفروا لأخيكم وسلوا له التثبيت فإنه الآن يُسأل صحيح . صحيح سنن أبي داود 620/2 دعاء زيارة القبور .. السلام عليكم أهل الديار ، من المؤمنين والمسلمين ويرحم الله المُستقدمين منا والمستأخرين وإنا ، أن شاء الله بكم للاحقون رواه مسلم 671/2 دعاء التعزية .. إن لله ماأخذ وله ماأعطى . وكل شئ عنده بأجل مُسمى ...فلتصبر ولتحتسب متفق عليه

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

Emoticon

Click to see the code!
To insert emoticon you must added at least one space before the code.

طريقة جعل صورة الموضوع فوق السيدبار والموضوع

السلام عليكم ورحمة الله وبركاته

معاينة

شرح طريقة التركيب

1. ابحث عن </head> وضع الكود التالي فوقه

* كما شاهدتم بالمعاينة فمكان العنوان وسط الصورة إذا أردت وضعه خارج الصورة أي بأعلاها فاحذف الكود المحدد بالأحمر

* لتغيير لون الخط فهو محدد بالبرتقالي

* إن لم يرق لك التأثير الذي يضلل على الصورة بالأسود فيمكنك حذفه وهو محدد بالأخضر

2. ضع الكود التالي فوق </body>

`<b:if cond='data:blog.pageType == "item"'> <script> //<![CDATA[ var items=document.getElementById("items-thumbnail"),divs=document.getElementsByClassName("thumb-post");[].slice.call(divs).forEach(function(e){e.innerHTML=items.innerHTML}); //]]> </script> </b:if>`

3. المرحلة بعد الأخيرة وقد يختلف كل قالب عن هذا الكود: <div class='main-outer'> إذا وجدته ضع الكود الآتي أسفله

للقوالب المعدلة إبحث عن هذا <div class='content-wrapper'> : أو هذا : <div class='outer-wrapper'>

* إذا واجهت صعوبة في إيجاده فأدعوك لمراسلتي برابط موقعك عبر مراسلتنا وسأرد عليك بمكانه

`<b:if cond='data:blog.pageType == "item"'> <div class='post-upper'> <p class='title'> <data:blog.pageName/> </p> <div class='thumb-post'/> </div> </b:if>`

وصلنا للمرحلة الأخيرة من فضلك تذكر أنه يجب أن تكون صورة الموضوع ذات مقاس معقول أي لا تكون صغيرة وهذا المقاس الأفضل 720px x 350px ويفضل أن لا يتعدى حجمها 100kb.

4. الآن عندما تفتح موضوع إنتقل لتبويب HTML واحذف ما به من كتابة إذا وجدتها ثم إرفع الصورة واختر الحجم الأصلي بعدما تضاف أحذف الكودات المحددة بالأحمر :

بحذف رابط الصورة والإطار سيصبح هكذا :

ثم أضف الكود : id = "items-thumbnail" بعد <div ليصبح هكذا :

* طبعا إن كان لديك مواضيع كثيرة فيمكنك فقط نقل الكود الآخير وتغييره بما لديك حتى لا تتكبد العناء ولا تنسى نسخ الصورة ووضعها بدل مكان المحددة بالأخضر

انتهى الموضوع والشرح... ومرحبا بالإستفسارات 

Related Posts

إرسال تعليق

المشاركات

التعليقات

الاقسام

طريقة جعل صورة الموضوع فوق السيدبار والموضوع

السلام عليكم ورحمة الله وبركاته

معاينة

شرح طريقة التركيب

1. ابحث عن </head> وضع الكود التالي فوقه

* كما شاهدتم بالمعاينة فمكان العنوان وسط الصورة إذا أردت وضعه خارج الصورة أي بأعلاها فاحذف الكود المحدد بالأحمر

* لتغيير لون الخط فهو محدد بالبرتقالي

* إن لم يرق لك التأثير الذي يضلل على الصورة بالأسود فيمكنك حذفه وهو محدد بالأخضر

2. ضع الكود التالي فوق </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script> //<![CDATA[ var items=document.getElementById("items-thumbnail"),divs=document.getElementsByClassName("thumb-post");[].slice.call(divs).forEach(function(e){e.innerHTML=items.innerHTML}); //]]> </script> </b:if>

3. المرحلة بعد الأخيرة وقد يختلف كل قالب عن هذا الكود: <div class='main-outer'> إذا وجدته ضع الكود الآتي أسفله

للقوالب المعدلة إبحث عن هذا <div class='content-wrapper'> : أو هذا : <div class='outer-wrapper'>

* إذا واجهت صعوبة في إيجاده فأدعوك لمراسلتي برابط موقعك عبر مراسلتنا وسأرد عليك بمكانه

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='post-upper'> <p class='title'> <data:blog.pageName/> </p> <div class='thumb-post'/> </div> </b:if>

وصلنا للمرحلة الأخيرة من فضلك تذكر أنه يجب أن تكون صورة الموضوع ذات مقاس معقول أي لا تكون صغيرة وهذا المقاس الأفضل 720px x 350px ويفضل أن لا يتعدى حجمها 100kb.

4. الآن عندما تفتح موضوع إنتقل لتبويب HTML واحذف ما به من كتابة إذا وجدتها ثم إرفع الصورة واختر الحجم الأصلي بعدما تضاف أحذف الكودات المحددة بالأحمر :

بحذف رابط الصورة والإطار سيصبح هكذا :

ثم أضف الكود : id = "items-thumbnail" بعد <div ليصبح هكذا :

* طبعا إن كان لديك مواضيع كثيرة فيمكنك فقط نقل الكود الآخير وتغييره بما لديك حتى لا تتكبد العناء ولا تنسى نسخ الصورة ووضعها بدل مكان المحددة بالأخضر

انتهى الموضوع والشرح... ومرحبا بالإستفسارات 

Next

تركيب سلايدر تلقائي بالسيدبار

Previous

قالب mBlog معرب ومطور

Related Posts

إرسال تعليق

`<b:if cond='data:blog.pageType == "item"'> <script> //<![CDATA[ var items=document.getElementById("items-thumbnail"),divs=document.getElementsByClassName("thumb-post");[].slice.call(divs).forEach(function(e){e.innerHTML=items.innerHTML}); //]]> </script> </b:if>`

`<b:if cond='data:blog.pageType == "item"'> <div class='post-upper'> <p class='title'> <data:blog.pageName/> </p> <div class='thumb-post'/> </div> </b:if>`