কেউ কেউ জানতে চেয়েছেন আমার ব্লগস্পটে বিভিন্ন ধরনের গ্যাজেট কিভাবে সংযোজন করেছি তা বিস্তারিত লেখার জন্য। তাই আজকে লিখছি "অ্যানিমেটেড সাম্প্রতিক পোস্ট/লেখা" ম্যেনু কিভাবে করেছি তা নিয়ে। আপনার সাম্প্রতিক ব্লগ পোস্টগুলোকে উপরে নিচে স্ক্রলের মাধ্যমে দৃষ্টিনন্দনভাবে উপস্থাপন করে এই গ্যাজেটটি। এই ইফেক্টটির নাম Simple Spy ।
Bloggers এর Sidebar Gadget থেকে Add a gadget খুলুন। এরপর select html অপশন বেছে নিন। সব html কোড গ্যাজেটে কপি করুন। নিচের কোডটুকু পেস্ট করুন।
এরপর গ্যাজেটটি সেভ করে নিন। ব্যাস হয়ে গেলো। আপনার সাইডবারের আকারের সাথে মিল রাখার জন্য
width : 220px;
width:208px:
এর স্থানে পিক্সেল প্রয়োজন অনুযায়ি বাড়িয়ে কমিয়ে নিতে পারেন।
আর হ্যাঁ,
আরেকটা কথা, কারো কারো ব্লগে পোস্টের ছবির থাম্বনেইল ভিউ নাও আসতে পারে।
সেক্ষেত্রে আপনার ব্লগ সেটিংস থেকে RSS feed setting summary না দিয়ে Full Feed সিলেক্ট করে নিন।
আশা করি কোন সমস্যা হবে না।
Bloggers এর Sidebar Gadget থেকে Add a gadget খুলুন। এরপর select html অপশন বেছে নিন। সব html কোড গ্যাজেটে কপি করুন। নিচের কোডটুকু পেস্ট করুন।
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:10px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style> <script language='JavaScript'> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://blog.mukul.us/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src='http://c0d3.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script> </div>
এরপর গ্যাজেটটি সেভ করে নিন। ব্যাস হয়ে গেলো। আপনার সাইডবারের আকারের সাথে মিল রাখার জন্য
width : 220px;
width:208px:
এর স্থানে পিক্সেল প্রয়োজন অনুযায়ি বাড়িয়ে কমিয়ে নিতে পারেন।
আর হ্যাঁ,
home_page = "";
এর জায়গায় আপনার নিজের ব্লগের ঠিকানা দিতে ভুলবেন না। নইলে... ! ;-)আরেকটা কথা, কারো কারো ব্লগে পোস্টের ছবির থাম্বনেইল ভিউ নাও আসতে পারে।
সেক্ষেত্রে আপনার ব্লগ সেটিংস থেকে RSS feed setting summary না দিয়ে Full Feed সিলেক্ট করে নিন।
আশা করি কোন সমস্যা হবে না।
- লেখাটি আবু ফারহানের ব্লগ টিউটোরিয়াল অনুসরণে তৈরি করা হয়েছে। সেখানে আরো বিস্তারিত পাবেন।
10 টি মন্তব্য:
সাইটটা খুঁটিয়ে খুঁটিয়ে দেখলাম। দুর্ধর্ষ!
কোডিং শেখার জন্য আবারও নোয়াখালী যেতে হবে :-)
হা হা হা। নোয়াখালীতে চলে আসেন। :D
@ শুভ ভাই
মুকুল ভাই রনি ভাইয়ের কাছ থেকে আপনার সাইটের খবর পেলাম সাইটা যা বাইয়েছেন অসাধারণ। মুকুল ভাই আপনর সইটে "পরিচিতি" নামক একটা বাটন আছে এখানে ক্লিক করলে আকটা নতুন ব্লগ ওপেন হয়। আমার সাইটে "আমর সথে পরিচয় ও যোগাযোগ" নামক একটি বাটন আছে। আমি এটাতে আপনার মত ব্যাবস্থা করব কিভাবে।
ভাই আর একটা কথা "পরিসংখ্যান" লাগাইছেন কিভাবে।
@ শিবলী,
আমার পরিচিতি লিঙ্কের সাইটটা আমার নিজস্ব ডোমেইনে আছে। সেটা করতে হলে অবশ্যই আপনাকে নিজের নামে ডোমেইন নিতে হবে। তারপর সাইট তৈরি করে সার্ভারে হোস্ট করতে হবে।
পরিসংখ্যান দেখানোর জন্য কিছু কোড বসাতে হবে। বিস্তারিত জানতে আমাকে মেইল করতে পারেন। হিট কাউন্টার বসাতে (http://www.statcounter.com/) এর সাহায্য নিতে পারেন। ধন্যবাদ।
ভাইজান ধন্নবাদ...আইও নয়াখাইল্লা...সেনবাইগগা...আমার ব্লগ টা দেখে একটূ পরামর্শ দিএন...
http://profilefusion.blogspot.com/
মাত্র স্টার্ট করলাম
@ নাঈম,
আপনার ব্লগ দেখি রিডাইরেক্ট করা! তাও পেজ ঠিকমত ওপেন হলো না।
Nice Blog
ধন্যবাদ আরিফ। :-)
Thanks Brother, Kintu Ame parlamna,
Please Visit sylhetpti.blogspot.com
একটি মন্তব্য পোস্ট করুন