আসসালামু আলাইকুম, কেমন আছেন সবাই ? আশা করি মহান আল্লাহ তায়ালার অশেষ রহমতে সবাই ভাল আছেন। আজ আমি আপানদের সাথে blog design কিভাবে সুন্দর করতে হয় তা নিয়ে লিখব। তাহলে চলন শুরু করি ।
১. কিভাবে আপনার ব্লগ এ পেজ নাম্বার এড(add) করবেন???
আপনার ব্লগ এ sing in করে design>>>Page Elements>>>>Add a Gadget>>>HTML/JavaScript select করেন , তারপর নিচের codeটি past করন
[html]
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* http://www.way2blogging.org */
.showpageArea a {text-decoration:underline;color: #fff;}/* http://www.way2blogging.org */
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #f85032; background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); filter: progidXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); }/* http://www.way2blogging.org */
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progidXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }/* http://www.way2blogging.org */
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progidXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* http://www.way2blogging.org */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* http://www.way2blogging.org */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* http://www.way2blogging.org */
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='Previous';
var downPageWord ='Next';
[/html]
আখন সেভ করন ।
preview a demo
২. কিভাবে সুন্দর একটি Search Box এড(add) করবেন????
আপনার ব্লগ এ sing in করে design>>>Page Elements>>>> Add a Gadget>>>HTML/JavaScript select করেন , তারপর নিচের codeটি past করন
[html]
[/html]
preview a demo
৩. কিভাবে ব্লগ কমেন্ট বক্স এ replay to the post add করবেন।
আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
তারপর search করন এবং এই কোড এর নিচে(under) নিচের কোড টি past করন
[html]
[/html]
লাল লেখার(YOUR-BLOG-ID-HERE) জায়গায় আপনার blogger ID লিখন...address barএ আপনারব্লগ Id টি পাবেন। তারপর SAVE TEMPLATE এ ক্লিক করন।
preview a Demo
৫. কিভাবে ব্লগ এর কমেন্ট বক্স এর design পরিবর্তন করবেন????
আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
search করন
[html]
[/html]
এবং এই লেখাটি পরিবর্তন করন নিচের কোড টির মত
[html]
[/html]
এখন সেভ করন।
৬. কিভাবে footer এর লেখা remove করবেন ?????
অনেক সময় ব্লগ এর নিচে লেখা থাকে copywriter By ---------এই লেখাটি remove করার জন্য আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
তারপর search করন
[html][/html]
কোড এর নিচের >>edit html>>>Expand Template Widgets এ টিক দিন>>>তারপর search করন
এবং এই কোড টি delete করে দিন ।
অথবা searchকরন এবং এটি delete করে দিন ।
ব্লগ নিয়ে ধারাবাহিক ভাবে আরও পোস্ট লেখা হবে।
কোনো সমাস্যা হলে কমেন্ট করে জানাবেন। আর ভাল লাগবে অবস্যই কমেন্ট করবেন।
ভাল থাকন সবসময়। ।
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।