আপনার ব্লগার এর পোষ্টগুলো ভাগ করুন পছন্দমতো ডিজাইন দিয়ে

এটি একটি খুবই গুরুত্বপূর্ণ বিষয়। এর মাধ্যমে আপনার ব্লগের লেখাগুলো পাঠক আরো সুন্দরভাবে পড়তে পারবে এবং আপনার ব্লগ হয়ে উঠবে আরো বেশী সুন্দর ও আকর্ষণীয়। আপনার ব্লগটি যখন সুন্দরভাবে ফুঁটে উঠবে তখন আপনার ব্লগটির পাঠক সংখ্যাও বেড়ে যাবে। অনেক বড় বড় ব্লগে দেখা যায় তাদের ব্লগে তারা সুন্দর সুন্দর ডিজাইন করেছে তাদের ব্লগ পোষ্টের নিচে। আজকে আমি আপনাদের শিখিয়ে দেব কিভাবে আপনি এই কাজটি করতে পারবেন।

নিচের পদ্ধতিগুলো অনুসরণ করুনঃ

আপনার ব্লগার এর এ্যাকাউন্ট এ লগ ইন করুন। তারপর Dashboard > Layout > Edit HTML এ যান এবং নিচের কোডটি খুঁজে বের করুন।

.post

এই কোডটি আসলে CS এর একটি অংশ এবং ডিজাইন। CSS কোডটি হবে হুবহু নিচের কোডটির মতো।

.post {
margin: 0 0 40px 0;
width: 90%

এখন দেখি, কিভাবে এবং কোথায় আমরা আমাদের পছন্দের ডিজাইনটির কোড বসিয়ে দেব। এটি একটি আলাদা CSS এর কোড।

background: url(Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;

এখানে আপনি Separator-Image-Url এর এই অংশে আপনার পছন্দের কোডটি এর পরিবর্তে বসিয়ে দিন। এখন আপনি যদি আপনার ডিজাইনটি দেখেন যে আপনার পোষ্টের ভিতরে ঢুঁকে পড়েছে তাহলে 2.5 এর জায়গায় 3.5 বা 4.5 পরিবর্তন করে দিন।

এখন আপনার সর্বশেষ কোডটি হবে নিচের মতো। এই নিচের কোডটি কপি করে ১ম কোডটির নিচে বসিয়ে দিন। আমি এখানে আপনাদের সুবিধার্থে উপরের কোডটি সহ নিচের কোডটি দিয়ে দিলাম। তাহলে, আপনারা আরো ভালোভাবে বুঝতে পারবেন।

.post{
margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

ডিজাইনঃ

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwBqXQcwVNJWQ2KtMbmeAWkgIOPxt9Qui5iQVxd32wySQp-1wO-g9yT3r4ztZ8ylgQFig9v6eOE6fc6iUmvmpXY400TMTHxeI0GEhmVZXLkjZAnoUClgAIWA2vwcRwFSpRLxuW9BSzM9eD/s1600/barsnake.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlPr-NYrw7BD1oHXeLIByPoolsTWOOw-rG6DiqQdXuOQXLPq0-CGyFr9HAmYILjOhLFwhLZPO8GW6mXPObs-01HrCtGkWKntm9zR0qrJWCVlbPnJeTziDpY2PUKnAUBS-GNX71pP0uMcF4/s1600/bar54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-QiWoUi-WSbdpd7MNuqz3fquSzW_Dr9Sw6fBWBvt9BQ73NkPO3ZZQbva6b7ChOVwj1_Ju_1RW8UI2HSD_AA5FoF8DMcAkU9Vtd7aKwBmV65ssD1QKYTKdWNX37fPub-KB2r9UR-B0mCtN/s1600/bar48.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBHcRJag2v_NOhYHpn3EI7pII7CZGdOJKvxMLWE1ad1YwqaHavVZhNACoWA_oKG69JRu4KRQKCAmY21W61oKfsZBhupjszimw8_CdtBM-OT8zO1nRmbljra__SmnOJ_AFpqX12JBnS7UNm/s1600/bar47.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYvmqmA6PRK0mcWokmMdjrwcH7FJAhHQezO0cpZOhZoamqCyY6A8mq0Mya3PjlDou0DkehQauuY4rRLHePSXmoarXJQp37SpG4_39CqWE07D8qt7w7aMM6K1DG4zIM-Wi-hwhwFZZbKn5J/s1600/astarl7s.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhco9CdXWkhaDkYLgNbyuPARVwRIaqxlE_Iu9vkZbSmzY7ABuOaVxt7R8MYYXO2TZ8ZvUb21pOsh86B-prtgcO3tc6sXKgwbVD0Wn6efZFPLyYBwnmmTyGZG4Jjez0GfPYhA8P9ZI9GLS26/s1600/dividers_129.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQHhWotMOmY-he4rPHODbMg_r3x8TtODvg2HErftgSUS25EJ4LXGTNOmeiLcq8U6Tp5tfKtJaBKdE5YnFiKSr10XEyEdoQ6Ymdede3qUy79wkKcv-mV7UNK1S40YmSF5pRDE2-ncWakCRx/s1600/dividers_96.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAu34HGE6Zv7Yma3yXcmSOMYKvQ4-8bn0_mREjEVW9oBvVctTczfid2hpbFy70Bv8jXgT91kS4LJE_f9rajQ6uy5VJjOxQcA10WCza2EwVOqCVssdAjgM9XuTy9YqZ3FEOWp4WCXs9_Pvv/s1600/clipart-heart-border.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUvLKjm6-N_sH_68cYxKSQH9NzM5D5v9LN4fG8nxJftO_SkR3vKAqTihPIupWMPlS74UMVHMkZAYy3mVIyO_gDbKVrSsceSwJVFIjqjI945jOHr6bylARwJIUjkhIIT3aTN6PMCsR__pf/s1600/chain.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfm-QgJhnN2mUTMzBS4sRfl5SijuthdJdsHcF2IRhKuwmK5g4vLZIIOxahy89qT5YposZuMOejQVtBx_YbRAffD2F4j9FPsBrhkSZdqc_C6cijtDQrmhLKP9Saa45sTbWaolgBuD-T3gl7/s1600/bloodrose.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQDOLiAnMer6c7mkNPskbryjkHkOnTiagqqLqOXM5IjU14ycbSBGR1DcLQxjKhJHlCBllEA12i3lGKs1hyphenhyphenoomMbvZ6BALp_ZtV1sT2govjGmyiBVzgEgsvkbweRnlVuN3LeFwGkbZkiU4/s1600/stonebar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxYjdZ0sT7hn7yeVuyOF5w2WXnU__dJ8fkdyGRmMgscLl2mcO-R0uwk8m4l8tjtxQcrBP1W9p1mVX87sx1bSb5iMjKoc9kVuZ66ZZJdnXN5p_EVvTlueG6wbES5e12xPjrClPNMfh-hrF/s1600/resfiles_sdfp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwUAAnwd25PeivxAAcuf7DDvBCAtdqNWQ-Z4lMCJBIXNjOQ2V4Zh1ndIPR4mEE65ID4VOXCRXjs9HsUGkPp39BuU8JYzbjMIz09pfRXu3Y3N4o_ZDP3_McCth4Y3q-Zi51qGTtLoc2-ujn/s1600/resfileszcp.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi81g2pzfTsBsT5fKp0G2aguyUiMxcf3nPze5Fe-LVZHUuxLKuTjo1VwBHPB-AaiUIH5zL3Qz6PnvoV4_ccZgVFR8QhQruxX-ePsXzr4-Ypwmt_uYk6hb_tEhwYndGBvAIdttThqsVBDu_/s1600/resfiles_output.php.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrNVB8S3_wAPXFDXfRsfdKSWQQBsrEQM5b0le4zlT6rPP4rDBvJhhX2qoycuVrkIyLfW2Li6Z6KchxdoLYM3kwf8B5eTCzmEGadzuGq2UyRbFIDqSDmd8SoosyJx2zt5Q3jwhmIzHa_CO3/s1600/pumpkin-border-hth.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwgDl2jLm75ufw0N7U8869D_oky5QUJvBd9Q4qrNHX1uyQ3XFQeEv1hglf8ZdsjRwoWVvemDuC_c1B63cZMr2sMzIjlgZm7Av2k0Ex5ckM01484RYEIahDT2nIf1aHpFDAE2-M_YKiIxo/s1600/irish-border4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip5u5z7dR14lhCx3mAwyzsFpS74Qc1eZElmP8cmR4FNCnp2Unw6nTqs6Mu1Cv3ths-UVANtKkbq0Nzhe9Zebnp8sycYhIMh-iRVhfV2R4tF1WqvzC0g6q5yephRbRLkhm-shxyRzxrToYn/s1600/ivy.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDm2HJubohQjFfQgMEZjFj_egDUHL1hIxaBsZKfQy2Qh_cuH-jZErr9GBn0Zzrp3JTMS8nK1mRQL7IJwZohTQmMVtKQsM28xVuhRWk8GVOt-AQSvtieFnseS4NNassmtPu1xjoqrnJCDvf/s1600/irish-border1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKiZcHJo8jnre8qkPIvSh8Q9osNiePpxk1vIw9CHZWAxx6MMFVVO8JXuhKt7j2dz-KQMDoxKwEZyyRV9HlazNcyKOXlQmKbm9PbTSKNIxjlJ-3_xDRUZpLvdql4-IqsG4Vx9utNMLYpc3N/s1600/frog54.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYuvS3rRnq1XWXPBe61sccJ2kxBXx4EjHheCC1toS18Oi-GZfJLNz5WLJ_SSd60gK2ovHZglEA9dNiTikOQBV2ACB-5p4xbjA55N2jI5zqlyQ4f1lI9zpPfosIxy_06lg-OdDapF0gLw2I/s1600/flowerbar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ8ejal6B2MUYLtnVVA7ZF2jizRZD_5lBPxKwJfbFWa71eYYL_R_P4uZiDDrHHU85RfNgrUMlFqe4UfcanVUi8GsKMYRBjKvZ_ArO12haqj_xZp344GcVwE2RTqOL3FxkrlB0dIqa-a3Yo/s1600/drawing-separator.gif

আরো অনেক সুন্দর সুন্দর ডিজাইন আছে।

}

padding-bottom:2.5em;

}