আসসালামু অলাইকুম বন্ধুরা , বেশ কিছু দিন পর ব্লগার নিয়ে পোস্ট করতে বসলাম । যাই হোক আজকে আমি আপনাদের জন্য দারুন একটি ফ্রী ব্লগার ব্লগার টেম্পলেট নিয়ে এলাম , টাইটেল আমি বলেছি আমার দেখা সেরা টেম্পলেট সত্যি আপনি দেখলে আপনিও একি কথা বলবেন । এই টেম্পলেট এর জন্য ধন্যবাদ যানাই Mohammad Fazle Rabbi ভাইকে রাব্বি ভাই Bloggerspice এর এডমিন এবং লেখক । টেম্পলেটটি আমার নিজেরি ব্যবহার করার ইছে ছিল কিন্তু একটু দেরি হয়েগেছে তাই সেটা আর হলনা । তাতে কি এটা সম্পূর্ণ ফ্রী আপনাদের সাথে শেয়ার করছি আপনারা চাইলে আপনার প্রিয় ব্লগ টিতে এই থিমটি ব্যবহার করে আপনার ব্লগকে আরও প্রফেশনাল করে তুলতে পারবেন । তাহলে থিম ডেমো , ডাউনলোড এবং এর ফিচার সম্পর্কে বিস্তারিত নিচে দেখুন । আর হা টেম্পলেট এর নাম Bluemag ফ্রী ব্লগার টেমপ্লেট ।
টেম্পলেট টিতে সবকিছু ঠিক ঠাক আছে শুধু মাত্র একটি জিনিস বাদে সেটা হল Responsive এটা Responsive টেম্পলেট না তবে লেখক যদি কোন দিন এর ভার্সন বের করে তাহলে অবশ্যই সেটা Responsive হবে । নিচে থেকে ডেমো দেখুন এবং ডাউনলোড করে নিন ।
আশাকরি ডেমো দেখা ও ডাউনলোড এর কাজ শেষ হয়েছে । এবার ভাবছেন ব্যবহার করবেন তাহলে নিচে কিছু টিপস দেখুন ।
টেম্পলেট সম্পর্কে বিস্তারিত ঃ
- থিম নাম – Bluemag
- থিম ডিজাইন করেছেন – Mohammad Fazle Rabbi
- থিম সাপোর্ট করবে – Blogger / Blogspot
- থিম লাইসেন্স – Creative Commons Attribution 3.0
- ওয়েবসাইট লিঙ্ক – www.bloggerspice.com
- ফেসবুক ফ্যানপেজ – এসো বন্ধু
- সাপোর্ট – www.asobondhu.blogspot.com
টেম্পলেট ইন্সটল করার পর আপনি হয়তো কিছু সমস্যাই পড়তে পারেন তাই নিচের টিপস গুলো লক্ষ করে সেই সব সমস্যার সমাধান করে নিন ।
প্রথমে আপনার ব্লগার ব্লগ লগইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর CTRL + F প্রেস করে নিচের কোড গুলো এক এক করে সার্চ করুন ।তারপর কোড গুলো খুজে পেলে সেখান থেকে Bloggerspice মুছে সেখানে যথাক্রমে আপনার সোশ্যাল মিডিয়া যেমনঃ ফেসবুক , টুটার , ফীড ইত্যাদি Url বসান ।
<li><a class=’fbiconx’ href=’https://www.facebook.com/BloggerSpice‘>Facebook</a></li><li><a class=’twiconx’ href=’https://twitter.com/BloggerSpice‘>Twitter</a></li><li><a class=’goiconx’ href=’https://plus.google.com/102331886274459115104/posts’>Google+</a></li><li><a class=’piniconx’ href=’http://pinterest.com/BloggerSpice‘>Pinterest</a></li><li><a class=’liniconx’ href=’#’>Linkedin</a></li><li><a class=’rssiconx’ href=’http://feeds.feedburner.com/BloggerSpice‘>RSS</a></li>
একি ভাবে ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর CTRL + F প্রেস করে নিচের কোড গুলো এক এক করে সার্চ করুন । এবং Top Menu এর যাইগাই আপনার টাইটেল এবং # এর যাইগাই আপনার লিঙ্ক দিন ।
<a href=’#’ id=’mobilenavmid’>Menu</a><div id=’rmenuxa’><ul id=’menuhlng’><li><a href=’#’>Top Menu1</a></li><li><a href=’#’>Top Menu2</a></li><li><a href=’#’>Top Menu3</a></li><li><a href=’#’>Top Menu4</a></li><li><a href=’#’>Top Menu5</a></li><li><a href=’#’>Top Menu6</a></li><li><a href=’#’>Top Menu7</a></li><li><a href=’#’>Top Menu8</a></li><li class=’dgnsub’><a href=’#’>DropDown Menu</a><ul class=’submenu hidden’><li><a href=’#’>DropDown Menu1</a></li><li><a href=’#’>DropDown Menu2</a></li><li><a href=’#’>DropDown Menu3</a></li><li><a href=’#’>DropDown Menu4</a></li><li><a href=’#’>DropDown Menu5</a></li>
একি ভাবে ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর CTRL + F প্রেস করে নিচের কোড গুলো এক এক করে সার্চ করুন । এবং Menu এর যাইগাই আপনার টাইটেল এবং # এর যাইগাই আপনার লিঙ্ক দিন ।
<li><a href=’#’>Menu1</a></li><li class=’kanan’><a href=’#’>Menu1</a></li><li><a href=’#’>Menu2</a></li><li><a href=’#’>Menu3</a></li><li><a href=’#’>Menu4</a></li><li><a href=’#’>Menu5</a></li><li><a href=’#’>Menu6</a></li><li class=’kiri’><a href=’#’>Menu7</a></li>
ব্যাস হয়ে গেল এডিট এর কাজ শেষ এই থিমের সাথে দরকারি সব কিছু যুক্ত করা আছে তাই এক্সট্রা কোন ওয়েডগেট ব্যবহার করার দরকার আছে বলে আমার মনে হয় না বাকি টা আপনাদের ব্যাপার । থিম এর মধ্যে আমাকে সিএসএস বিস্তারিত পড়ুন ওয়েডগেটটি বেশি ভালো লেগেছে তাছাড়া ফটোতে লাইট ইফেক্ট আরও অসাধারণ ফিচার আছে যেগুল আপনি ব্যবহার করলেই তবেই বুঝতে পারবেন ।
থিমটি যদি সত্যি ভালো লেগে থাকে অবশ্যই বন্ধুদের সাথে শেয়ার করুন । কোন রকম সমস্যা হলে কমেন্ট করুন । তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । ভালো থাকবেন সুস্থ থাকবেন । আসসালামু অলাইকুম ।
পোস্টটি পূর্বে প্রকাশিত এখানে
ধন্যবাদ শেয়ার করার জন্য। তবে আমাদের সাইটে যে কোন কোর্ড ব্যবহারে করার পদ্ধতি আছে, যেমন যদি কোন এইচটিএমএল কোর্ড শেয়ার করতে চান তাইলে তা পোষ্ট করার নিয়ম হলো এখানে আপনার কোড[+/html] আবার css এর জন্য এখানে আপনার কোর্ড[+/css] আবার php এর জন্য এখানে আপনার কোড[+/php] এই রকম যদি কোড ব্যবহার করেন তাইলে সেই কোডে কোন সমস্যা হয় না, নয়তো যে কোন কোড এই ভাবে পোষ্ট করলে সেখান থেকে যদি কেহ কপি করে ব্যবহার করতে চায় তাইলে সেই কোর্ডে ঠিক মত কাজ করে না, প্রায়ই সমস্যা হয়, মানে কোড ভেঙ্গে যায়। (এখান থেকে + চিহ্নটি কেটে দিবেন) ।
যেমন দেখুন আমি এই পদ্ধতিতে php কোর্ড নিয়ে পোষ্ট করেছি http://www.pchelpcenterbd.com/wordpress-development-10983 কিভাবে ব্যবহার করবেন এটা নিয়ে দেখি সময় করে একটি ভিডিও টিউটোরিয়াল করবো।
এখানে কোডটি ঠিক মত লিখে দেখাতে পারতেছি না, বারবার চেষ্টা করেও তাই এই স্ক্রীনশর্টটি দেখুন http://prntscr.com/4q7hbc
হুম ভিডিও টিয়টিরিয়াল এর অপেক্ষাই রইলাম । তাছাড়া উপরের কোড গুলো ব্যবহার করার জন্য না শুধু এডিট করার সুবিদা অর্থে দিয়েছি ।
ভাই এই টেম্পলেট ও তো দেখি সেইইই। confused হয়ে গেলাম http://teleinfo24.com