كود اضافة مدونة الاحرار الي موقعك

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

انسخ الكود بالاسفل والصقه في المكان المناسب علي مدونتك او موقعك

 

<style> .image-gallery{ width:100%; } @media screen and (max-width: 1800px) { .image-gallery{ width:100%; } } /* -- Small screen size -- */ @media screen and (max-width: 800px) { .image-gallery{ width:100%; } } /* Micro screen size*/ @media screen and (max-width: 800px) { .image-gallery{ -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; } .image-gallery{ width:100%; } .image-gallery img{ /* fills 100% width on small screen */ width:100%; height:auto; } } </style> <div class="image-gallery"> <div style="text-align: center;"> <a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZQGnJeR2_bl9kPcxr_LDBLU59cwdj_dI5CeF_Cj8e6Qk1WBo7oG8u-oKIb0mwcNiCRPQ789alVw6FevfjesAEHw2kBSj8KM9cN6X7DYi1iCBwFX5HAQiA0YnN8Hs-dr4ExzQ5NbafvkCvhQvxRsEDllNQFaTytHT9OpXTEGHVbnR8L8Cjehg7hPrd/s1600/palestine1.png" alt="" ></a></div> <br /> <br /></div>

<style> .image-gallery{ width:100%; } @media screen and (max-width: 1800px) { .image-gallery{ width:100%; } } /* -- Small screen size -- */ @media screen and (max-width: 800px) { .image-gallery{ width:100%; } } /* Micro screen size*/ @media screen and (max-width: 800px) { .image-gallery{ -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; } .image-gallery{ width:100%; } .image-gallery img{ /* fills 100% width on small screen */ width:100%; height:auto; } } </style> <div class="image-gallery"> <div style="text-align: center;"> <a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjumt9zZwdgBoLUymdFXJncjRkBuw6bTt0HU-mqi90K-utYqMyidKe5_irqiuAq_7P6g4LypDUnp4h3pri7fO-B-YYyYSWI8DBb4Mua7v8eP8zNARiJDV8QoGw1fl3ZIAweKeyCWALyn2zt8b02m0wpXF6OYAeQV-0V3r45UQu-B6EVrMNmq7qe-Xq/s1600/1.jpg" alt="" ></a></div> <br /> <br /></div>

<style> .image-gallery{ width:100%; } @media screen and (max-width: 1800px) { .image-gallery{ width:100%; } } /* -- Small screen size -- */ @media screen and (max-width: 800px) { .image-gallery{ width:100%; } } /* Micro screen size*/ @media screen and (max-width: 800px) { .image-gallery{ -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; } .image-gallery{ width:100%; } .image-gallery img{ /* fills 100% width on small screen */ width:100%; height:auto; } } </style> <div class="image-gallery"> <div style="text-align: center;"> <a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0mS-gWyExb0AhmNzxocqAzzt1K6ArpJjDYcmM5_MFDejxM9SxVlYLZElsl9GzcHQXRc0aH_QAXt6gNuoEzE0Spwy7BfbbGOzMZIkMcrxmmIyzByxlzf45gV3N5-Iqpbp_32vBZbObL-UJ_H8yUdvjp8fl5T6jBQUWMyThL_NjrNTEo2gjIQrJwK6/s1600/2.jpg" alt="" ></a></div> <br /> <br /></div>

<style> .image-gallery{ width:100%; } @media screen and (max-width: 1800px) { .image-gallery{ width:100%; } } /* -- Small screen size -- */ @media screen and (max-width: 800px) { .image-gallery{ width:100%; } } /* Micro screen size*/ @media screen and (max-width: 800px) { .image-gallery{ -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; } .image-gallery{ width:100%; } .image-gallery img{ /* fills 100% width on small screen */ width:100%; height:auto; } } </style> <div class="image-gallery"> <div style="text-align: center;"> <a href="https://a7rarpress.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEijpO_8bbPw2ai87ov6Rq1B9H1d2WE4qc296YCBQVFaBKW9zzoRqGZtzyouB8f0T4dBRHnpvxwpWrwh8C8g_u-3MtJil7q6HkkKrOFOf6CmC3xIbXEpcemzVWw2bwtvP1jYrpx-v8IjNJ2N47zARiTa06l6yAlkhQq8Cft_owIUPp7gesobgD7su2wZ=s200" alt="" ></a></div> <br /> <br /></div>