جعل شكل التدوينات فى الرئيسية مربعة في مدونات بلوجر

الكثير من أصحاب المدونات تغير شكل تدويناته الى شكل مربع ربما يكون شاهدها بقوالب

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

وهما ثلاث أشكال يمكنك أن تختار ما يعجبك وتطبقه على مدونتك بدون أي مشكله ولاكن

ركز على أماكن وضع الأكواد بالقالب حتى يخرج معك بشكل صحيح ولا تقع بأي مشكله

شرح تركيب الاضافة

أذهب الى المدونة التي تريد التعديل عليها
وثم توجه الى المظهر ولا تنسى أن تحتفظ بنسخه إحطياطيه
ثم أضغط على تعديل HTML
ثم أضغط ctrl + f
ثم أبحث عن الواسم </head>
وضع الكود التالي فوقه مباشرة

ثم أبحث عن هذا الكود <data:post.body/>
ملاحظة : قد تجده أكثر من مرة لهذا إختر الاخير بعد ذلك قم بإستبداله بالكود التالي.

حمل الكود من هنا

تحميل

أعد البحث مرة اخرى عن الوسم </head>عند ايجاده قم بوضع كود الشكل الذي ينسبك فوقه مباشرة

الشكل الاول

جعل شكل التدوينات فى الرئبسبة مربعة في مدونات البلوجر-كريزى كود

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style type='text/css'>
#blog-pager{clear:both}.post{background: #f2f2f2;height:auto;width:30.8%;overflow:hidden;display:inline-block;text-decoration:none;float:right;margin:0 1.1% 2%;padding:0!important}h3.post-title a{font-size:75%;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;padding:0;color:#444}h3.post-title{height:26px;text-align:center;width:100%;margin:0!important;padding-bottom:4%}.date-header{display:none}.post-body a{text-decoration:none}.posts-thumb{width:100%;height:190px;overflow:hidden;position:relative}.posts-thumb img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;width:auto;max-width:340px;height:auto;padding:0;border:none;outline:none;}.post-summary-text{color:#777;font-size:100%!important;font-family:'Open Sans Condensed',sans-serif;text-align:center;clear:both;overflow:hidden;margin:5px 0 0;padding:7% 10%}a.comment-bubble{color:#fff;text-decoration:none;font-size:100%;font-weight:700;right:10px;position:absolute;top:165px;text-shadow:1px 2px 1px #333;font-family:'Open Sans Condensed',sans-serif;}a.comment-bubble:before{content:"Comments: ";}.post-header,.post-footer{display:none}
</style></b:if></b:if>

الشكل الثاني

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style type='text/css'>
#blog-pager{clear:both}
.post{height:auto;width:31%;display:inline-block;text-decoration:none;float:right;margin:0 1.1% 2%;padding:0!important;position: relative;}
.post-title a{font:75% 'Open Sans Condensed',sans-serif;text-transform:uppercase;color:#111;padding:0;font-weight:600;}
.post-title{text-align:center;height:20px;position:absolute;bottom:35%;width:100%;z-index:101;overflow:hidden;margin:0!important;padding:10px 0 13px}.date-header{visibility:hidden;height:0!important;width:0!important;margin:0!important;padding:0!important}.posts-thumb{width:100%;height:190px;position:relative;overflow:hidden;clear:both;border-bottom:3px solid #00C8BD;border-top:3px solid #558ABB}.posts-thumb:hover{border-top:3px solid #FF664E;border-bottom:3px solid #FEBE36}.post-body{position:relative;height:auto}.post-body a{text-decoration:none}.posts-thumb img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;width:auto;max-width:340px;height:auto;padding:0;border:none;outline:none}.post-summary-text{color:#555;background:#f5f5f5 url(https://1.bp.blogspot.com/-rh-PYvqjzSs/VPTARkPOSVI/AAAAAAAALC4/GyFFEnl2TO8/s1600/blueprint.png);font:100% 'Open Sans Condensed',sans-serif;text-align:center;clear:both;overflow:hidden;margin:5px 0 0;padding:17% 10% 6%}a.comment-bubble{color:#fff;text-decoration:none;right:10px;position:absolute;top:165px;text-shadow:1px 2px 1px #333;font:110% 'Pacifico',cursive;}a.comment-bubble:before{content:"Comments: " url(https://4.bp.blogspot.com/-t1i_svebif4/VPMpZqPrKzI/AAAAAAAALAg/TRJ2Un238Gs/s1600/heart-active.png);}.post-header,.post-footer{display:none}
</style></b:if></b:if>

الشكل الثالث

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType!= "item"'>
<style type='text/css'>
#blog-pager{clear:both}
.post{height:auto;width:31%;display:inline-block;text-decoration:none;float:right;margin:0 1.1% 2%;padding:0!important;position:relative;}
.post-title a{font:85% sans-serif;color:#fff;padding:0;text-shadow:2px 2px 3px #222}
.post-title{height:53px;text-align:center;position:absolute;top:1%;width:100%;z-index:101;overflow:hidden;margin:0!important;padding:10px 0}.date-header{visibility:hidden;height:0!important;width:0!important;margin:0!important;padding:0!important;}.posts-thumb{width:100%;height:190px;overflow:hidden;position:relative;}.post-body{position:relative;overflow:hidden}.post-body a{text-decoration:none;}.posts-thumb img{position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;width:auto;max-width:340px;height:auto;padding:0;border:none;outline:none;}
.post-summary-text{cursor:pointer;background-color:rgba(44,77,163,0.8);color:#fff;font:108% 'Open Sans Condensed',sans-serif;overflow:hidden;padding:66px 10px 0;left:0;position:absolute;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,0.1);top:0;opacity:0;height:100%;transition:all 300ms ease-out 0s;}.post-summary-text:hover{opacity:1;z-index:10;}a.comment-bubble{color:#fff;text-decoration:none;font:104% 'Pacifico',cursive;width:100%;text-align:center;position:absolute;top:160px;left:0;text-shadow:1px 2px 1px #333;z-index:11;}a.comment-bubble:before{content:"Comments: "}.post-header,.post-footer{display:none}
</style></b:if></b:if>

كريزي كود - Crazy Code

القائمة الرئيسية

الصفحات

أخبار الرياضة

جعل شكل التدوينات فى الرئيسية مربعة في مدونات بلوجر