এই টিউটোরিউয়ালে আপনাদের শেখাব যে কি করে ব্লগের প্রত্যেক পোস্টে "লেখক সম্পর্কে" যোগ করা হবে, যা পোস্টের পেজে অবতীর্ণ হবে। আমি নিশ্চিত যে এই ফিচার টি আপনারা wordpress blog এ দেখেছেন বা দেখে থাকবেন। কিন্তু এখন, আমরা ব্লগারেও এই ফিচারটি ব্যবহার করব। এখানে(http://introblogger.blogspot.com/2010/06/blogger-template-charisma.html) দেখতে পারেন কিভাবে এই ফিচারটি দেওয়া হয়েছে। তাহলে নিচের স্টেপগুলো ফলো করুনঃ
১) প্রথমে ব্লগার থেকে ‘Edit HTML’ এ গিয়ে “Expand Widget Templates” তে টিক দিন।
২) এখন CTRL+F দিয়ে ]]></b:skin> এই ট্যাগটি বের করুন এবং এরপর নিচের কোডগুলো ]]></b:skin> এর নিচে পেস্ট করেদিনঃ
/***** Author Box ********************/
.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
]]></b:skin>
৩) এখন সার্চ করুনঃ <div class=’post-footer-line post-footer-line-1′>
অবশ্যই উপরের ট্যাগটির পরে নিচের কোডগুলো বসিয়ে দিনঃ
<b:if cond=’data:blog.pageType == "item"’>
<div class=’author-box’>
<p><img alt=” class=’avatar avatar-70 photo’ height=’70′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0huB5EhA_OMLeBMvIj1mp0fcYA70hnz5PryLYKxnEIwp_O2SUwRTdMWqtkTjuPv1ThlzOUKfKzc_HiST6XIzOoOvAzKt1tsJP7XPFqGZ_p4Fz1FjrNK_dbED6GTyUrqR1JPR5D_YOl40/‘ width=’70′/><b>About Author</b><br/>
Write anything about you here!<br/></p>
</div>
</b:if>
আপনি যদি নিজের ইমেজ ব্যবহার করতে চান তাহলে উপরের কোডে সবুজ কালার দিয়ে চিন্হিত ইউআরএল এ আপনার ইমেজ এর লিঙ্ক দিয়ে দিন।
৪) এখন টেমপ্লেটটি সেভ করে নিন।
2.6.12
6.5.12
কিভাবে ব্লগ এ পেজ নাম্বার বা পেজ নেভিগেশন এড (add) করবেন
প্রথমে আপনার ব্লগারে সাইন ইন করে এখানে যানঃ design>>>Page Elements>>>>Add a Gadget>>>HTML/JavaScript select করে নিন, এখন নিচের কোডটি পেস্ট করুনঃ
<!– Stylish colored Navigation Widget For Blogger By Zenith Haque @ http://seo-blogger-bd.blogspot.com/ –>
<style type=”text/css”>
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.seo-blogger-bd.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.seo-blogger-bd.blogspot.com */
.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: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f85032′, endColorstr=’#e73827′,GradientType=0 ); }/* www.seo-blogger-bd.blogspot.com */
.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: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#aebcbf’, endColorstr=’#0a0809′,GradientType=0 ); }/* www.seo-blogger-bd.blogspot.com */
.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: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e2e2e2′, endColorstr=’#fefefe’,GradientType=0 ); }/* www.seo-blogger-bd.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.seo-blogger-bd.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.seo-blogger-bd.blogspot.com */
</style>
<script type=’text/javascript’>
var home_page=”/”;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord =’Previous’;
var downPageWord =’Next’;
</script>
<script src=’http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js’ type=’text/javascript’></script>
<!– Page Navigation Widget For Blogger By Zenith @ http://seo-blogger-bd.blogspot.com –>
এখন টেমপ্লেটটি সেভ করে দিন।
<!– Stylish colored Navigation Widget For Blogger By Zenith Haque @ http://seo-blogger-bd.blogspot.com/ –>
<style type=”text/css”>
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.seo-blogger-bd.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.seo-blogger-bd.blogspot.com */
.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: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f85032′, endColorstr=’#e73827′,GradientType=0 ); }/* www.seo-blogger-bd.blogspot.com */
.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: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#aebcbf’, endColorstr=’#0a0809′,GradientType=0 ); }/* www.seo-blogger-bd.blogspot.com */
.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: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e2e2e2′, endColorstr=’#fefefe’,GradientType=0 ); }/* www.seo-blogger-bd.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.seo-blogger-bd.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.seo-blogger-bd.blogspot.com */
</style>
<script type=’text/javascript’>
var home_page=”/”;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord =’Previous’;
var downPageWord =’Next’;
</script>
<script src=’http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js’ type=’text/javascript’></script>
<!– Page Navigation Widget For Blogger By Zenith @ http://seo-blogger-bd.blogspot.com –>
এখন টেমপ্লেটটি সেভ করে দিন।
3.4.12
কিভাবে ব্লগারে প্রেজেন্টেশন আনবেন বা ব্যবহার করবেন
আপনি যদি মাইক্রোসফট PowerPoint দিয়ে প্রেজেন্টেশন তৈরি করেন তাহলে সেটি আপনি ব্লগারে আপলোড করে ভিজিটরদের শেয়ার করতে পারেন। প্রেজেন্টেশনটি আপনি সরাসরি আপলোড করতে পারবেন আপনার কম্পিউটার থেকে আপনার Windows Live SkyDrive এ। Windows Live SkyDrive হল মাইক্রোসফট এর একটি সার্ভিস যা দিয়ে ইউজাররা cloud storage এ ফাইল আপলোড করতে পারবে এবং অনলাইনে সেটি গ্রহন বা ব্যবহার করা যায়। আপনি এম্বেড html কোডের মাধ্যমে ব্লগ পোস্টে পেস্ট করে প্রেজেন্টেশন দিতে পারবেন।
এ কাজটি করার জন্যে আপনার যা লাগবেঃ
* Windows Live account (হটমেইল)
* Microsoft PowerPoint
এখন নিচের ধাপগুলো দেখুনঃ
১) Windows Live এ লগিন করুন, যদি আপনার অ্যাকাউন্ট না থাকে তাহলে "Sign Up" এ ক্লিক করে একটা ইমেইল বা অ্যাকাউন্ট খুলে নিন।
২) অ্যাকাউন্ট করা হলে "New" তে ক্লিক করুন তারপর ক্লিক করুন "Folder" এ, ফোল্ডারের একটি নাম দিন।
৩) "Share With" এর নিচে "Change" এ ক্লিক করুন, "Everyone" সিলেক্ট করে "Next" এ ক্লিক করুন।
৪) "Browse" এ ক্লিক করুন, আপনার কম্পিউটার থেকে PowerPoint ফাইলটি ক্লিক করে "Upload" এ ক্লিক দিন।
৫) পেজের উপরের দিকে "Office" এ ক্লিক করুন এবং সিলেক্ট করুন "Your Documents"
৬) আপনার PowerPoint প্রেজেন্টেশন এ ক্লিক করুন, সিলেক্ট করুন "More"> "Share" তারপর "Embed" এ। এটি আপনাকে একটি html কোড জেনারেট করে দিবে এ কোডটি আপনি ব্লগ পোস্ট এ দিতে পা্রবেন।
৭) জেনারেট করা html কোডটি কপি করুন।
৮) এখন ব্লগার ড্যাশবোর্ড থেকে "New Post" এ ক্লিক করুন, HTML ট্যাবে ক্লিক করে জেনারেট করা html কোডটি পেস্ট করুন এবং "Publish Post" এ ক্লিক করুন।
এ কাজটি করার জন্যে আপনার যা লাগবেঃ
* Windows Live account (হটমেইল)
* Microsoft PowerPoint
এখন নিচের ধাপগুলো দেখুনঃ
১) Windows Live এ লগিন করুন, যদি আপনার অ্যাকাউন্ট না থাকে তাহলে "Sign Up" এ ক্লিক করে একটা ইমেইল বা অ্যাকাউন্ট খুলে নিন।
২) অ্যাকাউন্ট করা হলে "New" তে ক্লিক করুন তারপর ক্লিক করুন "Folder" এ, ফোল্ডারের একটি নাম দিন।
৩) "Share With" এর নিচে "Change" এ ক্লিক করুন, "Everyone" সিলেক্ট করে "Next" এ ক্লিক করুন।
৪) "Browse" এ ক্লিক করুন, আপনার কম্পিউটার থেকে PowerPoint ফাইলটি ক্লিক করে "Upload" এ ক্লিক দিন।
৫) পেজের উপরের দিকে "Office" এ ক্লিক করুন এবং সিলেক্ট করুন "Your Documents"
৬) আপনার PowerPoint প্রেজেন্টেশন এ ক্লিক করুন, সিলেক্ট করুন "More"> "Share" তারপর "Embed" এ। এটি আপনাকে একটি html কোড জেনারেট করে দিবে এ কোডটি আপনি ব্লগ পোস্ট এ দিতে পা্রবেন।
৭) জেনারেট করা html কোডটি কপি করুন।
৮) এখন ব্লগার ড্যাশবোর্ড থেকে "New Post" এ ক্লিক করুন, HTML ট্যাবে ক্লিক করে জেনারেট করা html কোডটি পেস্ট করুন এবং "Publish Post" এ ক্লিক করুন।
13.3.12
আপনার ব্লগ এর পোস্টগুলো কিভাবে ব্যাকআপে রাখবেন
অনেক সময় এমন হতে পারে যেঃ কোন কারনে পোস্ট ডিলিট অথবা ব্লগ ডিজেবল হয়ে গেলে আপনার পোস্টগুলো আবার পোস্ট লিখতে হয়। কিন্তু এর জন্যে আপনার ব্লগ এর পোস্টগুলো ব্যাকআপে রাখতে পারেন।
এজন্যে প্রথমে ব্লগ এর “Settings” থেকে “Basic” এ যান, “Export blog” এ ক্লিক করুন এবং “Download Blog” এ ক্লিক করে ডাউনলোড করে নিন।
এরপর যখন আপনার ডাউনলোডকৃত ব্লগ আবার পাবলিশ করতে চান তাহলে “Basic” তারপর “import blog” এ ক্লিক করুন এবং আপনার ডাউনলোড করা xml file সিলেক্ট করে “import blog” এ ক্লিক করুন।
এজন্যে প্রথমে ব্লগ এর “Settings” থেকে “Basic” এ যান, “Export blog” এ ক্লিক করুন এবং “Download Blog” এ ক্লিক করে ডাউনলোড করে নিন।
এরপর যখন আপনার ডাউনলোডকৃত ব্লগ আবার পাবলিশ করতে চান তাহলে “Basic” তারপর “import blog” এ ক্লিক করুন এবং আপনার ডাউনলোড করা xml file সিলেক্ট করে “import blog” এ ক্লিক করুন।
22.2.12
কিভাবে "Newer Posts" এবং "Older Posts" পরিবর্তন করবেন
এখানে দেখাব যে কি করে "Newer Posts" এবং "Older Posts" পরিবর্তন করা হবে। প্রথমে ব্লগে লগিন করে Design > Edit HTML যান, “Expand Widgets Templates” চেকবক্সে টিক দিন।
১) NEWER POSTS পরিবর্তন করতে হলে-
CTRL+F দিয়ে সার্চ করুনঃ <data:newerPageTitle/>
এই <data:newerPageTitle/> ট্যাগটি নতুন পোস্টগুলোর সাথে লিঙ্ক করা থাকে। চেঞ্জ করতে এই ট্যাগটি জাস্ট ডিলিট করে দিন।
২) OLDER POSTS পরিবর্তন করতে হলে-
CTRL+F দিয়ে সার্চ করুনঃ <data:olderPageTitle/> এবং যে টেক্সটি আপনি দিতে চান সেটি এই ট্যাগে রিপ্লেস করে দিন।
৩) "HOME" পরিবর্তন করতে হলে-
CTRL+F দিয়ে সার্চ করুনঃ <data:homeMsg/> এবং ২য় পদ্ধতির মতোই এই ট্যাগে নিজের যেকোন টেক্সট রিপ্লেস করে দিন।
আপডেটঃ
আপনি যদি টেক্সট এর পরিবর্তে ইমেজ/আইকন দিতে চান তাহলে উপরের সবুজ কালারের ট্যাগ গুলোতে এইঃ <img alt=’…’ border=’0′ src=’…’/> কোডটি বসিয়ে দিন। img alt এ ড্যাশ এর জায়গায় যেকোন নাম এবং src='...' এর জায়গায় ইমেজ এর লিঙ্ক দিয়ে দিন।
আপনার রেজাল্ট হবে এরকমঃ
Subscribe to:
Comments (Atom)