২য় পর্ব
৩য় পর্ব
(গত পর্বের পর)
গত পর্বে আপনাদের সামনে উপস্থাপন করেছিলাম ব্লগার ব্লগে নতুন ফিচার যোগ সংক্রান্ত কিছু টিপস, এখন আপনাদের সামনে আবারো হাজির হলাম আরো কিছু টিপস এন্ড ট্রিকস নিয়ে। তাহলে চলুন মূল আলোচনায় যাওয়া যাক-
ব্লগ পোস্টে যুক্ত করুন ওয়েলকাম মেসেজ
এই ব্লগের পোস্টে শিরোনামের নিচে আপনারা নিশ্চয় একটি ওয়েলকাম মেসেজ দেখতে পাচ্ছেন, এধরনের ওয়েলকাম মেসেজের সাহায্যে আপনি আপনার ব্লগের পাঠককে স্বাগত জানানোর পাশাপাশি আপনার ব্লগের আরএসএস ফিডে সাবস্ক্রাইবের সুযোগ দিতে পারেন, এতে আগ্রহী পাঠক ব্লগের নতুন পোস্টগুলো প্রকাশিত হওয়ার সাথে সাথেই আপডেট পেয়ে যাবে। জেকুয়েরী এর সাহায্যে বানানো এধরনের এনিমেটেড ওয়েলকাম মেসেজ আপনার ব্লগ পোস্টকে আরো চিত্তাকর্ষক করে তুলতে সাহায্য করতে পারে, আসুন দেখি কিভাবে এটি যোগ করবেন-
১. ব্লগের টেমপ্লেট এডিটর ওপেন করুন।
২. নিচের লাইনটি খুঁজে বের করুন-
<div class='post-header-line-1'/>এর নিচে যোগ করে দিন নিচের লাইনগুলো-
<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://2.bp.blogspot.com/_rKG-ziTSNUQ/TL2884E4WyI/AAAAAAAABz0/g5lTgqEeX5Q/s1600/rss-mini.png');
}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});
</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="http://1.bp.blogspot.com/_rKG-ziTSNUQ/TL29UxFwn0I/AAAAAAAABz4/CN7abEjuuw0/s1600/close+message.png" /></a>
<center><b>Welcome</b> - If Your New Here You Wont Want To Miss Another Article.<br />Why Not Subscribe To Our <a href="your_blog_rss_url" target="_blank"><b>Rss Feed</b></a> !</center></div>
</b:if>এখানে your_blog_rss_url এর জায়গায় আপনার ব্লগের RSS/Atom ফিডের লিঙ্ক দিবেন।
৩. এবার টেমপ্লেটটি সেভ করুন আর যুক্ত হয়ে গেলো ব্লগ পোস্টে এনিমেটেড ওয়েলকাম মেসেজ।
ব্লগার নেভিগেশন বারে দিন হোভার ইফেক্ট
আপনি ব্লগার ব্লগে যে বিষয়টি খেয়াল করবেন সেটি হলো ব্লগের উপরের দিকে থাকা নেভিগেশন বার, যেখানে সাইন-ইন, ব্লগ সার্চ, শেয়ার ইত্যাদি অপশন যুক্ত থাকে। এখন আপনি যদি চান এই নেভিগেশন বারটি ব্লগে শো করবেনা তাহলে কি করবেন? এই নেভিগেশন বারটি ইচ্ছা করলে সম্পূর্ণ রিমুভ করে দেওয়া যায়, কিন্তু এতে যে সমস্যাটি হয়- নতুন পোস্ট, ডিজাইন সহ বেশকিছু অপশন এই বারে থাকে বিধায় প্রয়োজন পড়লে সেগুলো হাতের কাছে পাওয়া যায়না, এখন এমন কিছু করলে কেমন হয় যে এই বারটি নিজের জায়গাতেই থাকবে কিন্তু ব্লগে শো করবেনা, এটি তখনই শো করবে যখন আপনি মাউস কার্সর এটির উপর নিয়ে যাবেন (এটি হোভার ইফেক্ট নামে পরিচিত), এরকম কিছু হলে অবশ্যই খুব ভালো দেখায়, তাই না? তাহলে আসুন দেখি কিভাবে দিবেন এই হোভার ইফেক্ট-
১. ব্লগের টেমপ্লেট এডিটর ওপেন করুন।
২. নিচের লাইনটি খুঁজে বের করুন-
]]></b:skin>
এই লাইনের উপরে যোগ করুন নিচের লাইনগুলো-
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
৩. এবার টেমপ্লেটটি সেভ করুন আর দেখুন ব্লগের নেভিগেশন বারে হোভার ইফেক্ট।
ব্লগের সার্চ রেজাল্ট অপটিমাইজ করুন
প্রায় প্রতিটি ব্লগেই যুক্ত থাকে সার্চ সুবিধা, কোন বিশেষ কি-ওয়ার্ড দিয়ে সার্চ করলে উক্ত কি-ওয়ার্ডের সাথে সম্পর্কিত পোস্টসমূহের তালিকা প্রদর্শন করে থাকে। এই তালিকায় পোস্ট শিরোনাম ও পোস্টের সম্পূর্ণ অংশ দেখানো হয়, এতে পাঠককে সম্পূর্ণ তালিকাটি দেখার জন্য স্ক্রোল করে নিচে নামতে হয় বা একের পর এক পেজ ভিজিট করতে হয় যা অনেকের জন্যই বেশ বিরক্তিকর। বিশেষত ব্লগে যদি কোন নির্দিষ্ট বিষয়ের (কি-ওয়ার্ড) উপর অনেক পোস্ট থাকে তাহলে এধরনের সার্চ রেজাল্ট অনেকসময় পাঠকের বিরক্তি উদ্রেক করতে পারে। এখন যদি সার্চ রেজাল্ট অপটিমাইজ করে শুধু পোস্ট শিরোনামগুলো দেখানো যায় তাহলে একটি পেজেই পুরো তালিকা বা তালিকার বেশিরভাগ ফলাফল দেখানো সম্ভব হবে। এতে পাঠক আরো সহজে সম্পর্কিত পোস্টগুলো দেখতে পারবেন তালিকা থেকে। এমনকি ট্যাগমেঘ/ট্যাগ তালিকা অনুসারে সার্চ করলেও একই কথা প্রযোজ্য। আসুন দেখি কিভাবে করবেন এই অপটিমাইজেশন-
১. ব্লগের টেমপ্লেট এডিটর ওপেন করুন।
২. নিচের লাইনটি খুঁজে বের করুন-
<b:include data='post' name='post'/> এই লাইনটি রিপ্লেস করুন নিচের লাইনগুলো দিয়ে-
<!--Labels in menu From:www.spiceyourblog.info--><b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><li/><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if><!--Labels in menu end-->৩. এবার টেমপ্লেটটি সেভ করুন আর দেখুন বদলে গেছে সার্চ রেজাল্ট!
আজ তবে এখানেই শেষ করছি, আগামী পর্বে হাজির হবো আবারো নতুন কিছু টিপস এন্ড ট্রিকস নিয়ে......
0 মন্তব্য:
একটি মন্তব্য পোস্ট করুন