ব্লগিং ও ব্লগারের A-Z [পর্ব-০৪] :: আপনার ব্লগারের ডিফল্ট পপুলার টিউন উইগেটকে করুন অসাধারন লুক ইন্টারফেস)

ব্লগিং ও ব্লগারের A-Z

 السلام عليكم আসসালামু আলাইকুম।
সুপ্রিয় টেকটিউনস কমিউনিটি সাইটের সবাইকে সালাম ও শুভেচ্ছা। এবং আমার প্রকাশিত ১১২ তম টিউনে স্বাগতম। আশা করি সবাই এক প্রকার কুশলেই আছেন। দীর্ঘদিন বিরতির পর পূনরায় টিউন করতে বসলাম। মূলত পরীক্ষা ও অন্যান্য ব্যস্ততার জন্য উক্ত সময়ে টিউন করতে পারিনি। ব্যাস! এবার একটু সময় পেলাম তাই আপনাদের সাথে আমার অভিজ্ঞতা শেয়ার করতে আসলাম। টিউন সম্পর্কে আলোচনা করতে চাচ্ছি ব্লগার এর কিছু সাজসজ্জা ও উইগেট বিষয়ে। কারন এমনিতে অনেকেই নিজস্বভাবে ব্লগস্পট দ্বারা ব্লগ সাইট তৈরি করছেন মূলত তাদের নিজেদের অভিজ্ঞতা শেয়ার করা ও পপুলারিটির জন্য।
কিন্তু আপনাদের মধ্য অনেকেই বুঝতে পারছেন না! কিভাবে আপনার ব্লগকে আরো সুন্দর লুক ইন্টারফেস করবেন এবং কার্যকর ভাবে কোন উইগেটগুলো কাজে দিবে। কেননা, ভূইফোঁড় কোডিং যুক্ত উইগেট গুলো অনেক বিড়ম্বনার কারন হয়ে দাঁড়ায় তথাপি সাইট ধীর গতির জন্যও দায়ী। সুতরাং এই সব বিষয় নিয়ে আমার চলবে কয়েকটি পর্বে স্পেশাল টিউনস্। অবশ্য বিগত ৩-৪ টি পর্বে ব্লগারকে নিয়ে কিছু টিউন করেছিলাম।

নতুন পর্ব

তাহলে নতুন পর্ব শুরু করা যাক। নতুন হিসাবে আজকের পর্বে শিখাব কিভাবে আপনার ব্লগারে পপুলার টিউন উইগেটকে অসাধারন লুক ইন্টারফেস করবেন! কাজটি শুরু করার পূর্বে স্কীনশর্ট হিসাবে প্রিভিউ দেখে নিন-

আলোচনা

আপনারা যারা ব্লগস্পট সাইটে কাজ করছেন। তারা অনেকেই পপুলার টিউনস হিসাবে ডিফল্টভাবে একটি উইগেট ব্যবহার করে থাকেন। Popular Posts উইগেটের কাজ হল আপনারা ব্লগে কোন কোন টিউনগুলো বেশী ভিউ হয়েছে সেইগুলো জানান দেওয়া কিংবা শো করা। মূলত ডিফল্ট উইগেটটি অনেকটা সাধারন। ইচ্ছা করলে আপনি আমার মত চমৎকৃত করতে পারেন। অর্থাৎ ইমেজ গুলো গোলাকার হিসাবে থাকবে। মাউস পয়েন্টার নিয়ে গেলে রং পরিবর্তিত হবে।

কিভাবে কাজটি করবেন?

১। কাজটি করার পূর্বে আপনার টেমপ্লেট ব্যাকআপ করে নিবেন। যাতে পরবর্তী সমস্যা হলে রিস্টোর করা যায়। এখন প্রথমে আপনার ব্লগার সাইটে প্রবেশ করুন
২।  এবার নির্দেশনা অনুসরন করুন  Layout > Add a gadget অপশনে ক্লিক >  গ্যাজেটের তালিকা আসলে সেখান হইতে Popular Posts উইগেটটি সংযুক্ত করে নিন।
৩। এবারআপনারব্লগারের Design > Edit HTML এগিয়ে ></b:skin> সার্চকরুন। (ctrl+f) এবং ></b:skin> এরউপরেরলাইনেনিচেরকোডটুকুপেস্টকরুন (চিত্রনুযায়ী)

কোড

/*--- http://bdtutorialgift.blogspot.com/ --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

সর্বশেষ

পেস্ট করা হয়ে গেলে HTML বক্সটি সেভ করুন, তাহলেই আপনার ডিফল্ট পপুলার টিউন উইজেটটি একটি নতুন রূপ পাবে। আশা করি, টিউটোরিয়ালটি অনুসরন করে এবার নিজেই উপরোক্ত কাজটি করতে পারবেন। তথাপি উইগেট সম্পর্কে কোন অভিমত কিংবা রিভিউ থাকলে টিউমেন্ট করার প্রত্যাশা ব্যক্ত করছি। আজ এই পর্যন্তই। সবাই সুস্থ থাকু।-আল্লাহ হাফেয-

Level 2

আমি এএমডি আব্দুল্লাহ্। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 157 টি টিউন ও 1046 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 1 টিউনারকে ফলো করি।

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


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস