3D স্টাইলের সাম্প্রতিক লেখা যোগ করবেন কিভাবে

ব্লগকে সাজাতে আমরা সবাই অনেক সময় পার করি।আর তাই আমার এই ছোট্ট প্রয়াস ব্লগারকে সাজাতে যা কিছু লাগে তার সবটা আমি দিতে চাই আপনাদের।আর এর ধারাবা...

ব্লগকে সাজাতে আমরা সবাই অনেক সময় পার করি।আর তাই আমার এই ছোট্ট প্রয়াস ব্লগারকে সাজাতে যা কিছু লাগে তার সবটা আমি দিতে চাই আপনাদের।আর এর ধারাবাহিকতায় আগে আমি দিয়েছিলাম কিভাবে সাম্প্রতিক লেখা যোগ করবেন,আজ যেটি দেব এটিও খুব সুন্দর স্টাইলের।এটাতে সাম্প্রতিক লেখাগুলো ছবি আকারে দেখা যাবে,ছবির উপর কার্সর নিলে টাইটেল দেখাবে।আসলেই অনেক সুন্দর একটি গ্যাজেট।এটা ব্লগকে অনেক সুন্দর করে তুলবে।তাহলে দেখে নেয়া যাক কিভাবে যোগ করবেন।

কিভাবে যোগ করবেন 

এটা যোগ করতে আপনার ব্লগের Layout এ যান Add A Gadget এ ক্লিক করুন।

HTML/Javascript এ সিলেক্ট করুন।
এবার নিচের কোডগুলো ফাঁকা বক্সে পেস্ট করুন।

<style>
    #bp_recent {
    width:300px;
    padding: 5px;
    color: #999;
    font-size: 14px;
    text-align:justify;
    }

    #bp_recent img {
    width: 70px;
    height: auto;
    border-top:5px groove #00a4ef !important;
    border-bottom:5px groove #ffb900 !important;
    border-right:5px groove #7fba00 !important;
    border-left:5px groove #f25022 !important;

    webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    }

    #bp_recent a{
    color: #fff;
    font-size: 15px;
    text-transformation: uppercase;
    margin-bottom: 10px!important;
    }

    #bp_recent a:hover {
    text-decoration: underline;
    }

    </style>
    <div id='bp_recent'></div>
    <script type="text/javascript" src="http://yourjavascript.com/401413211131/recentposts-orig.js"></script>
    <script style='text/javascript'>
    var numberOfPosts = 9;
    var showPostDate = false;
    var showSummary = false;
    var summaryLength = 0;
    var titleLength = 0;
    var showCommentCount = false;
    var showThumbs = true;
    var showNoImage = true;
    var imgDim = 55;
    var imgFloat = 'left';
    var myMargin = 5;
    var mediaThumbsOnly = true;
    var showReadMore = false;
    var readMore = 'Read More';
    </script>
    <script src='http://www.blogtipsnticks.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

এবার লাল কালারের জায়গায় আপনার ব্লগের লিঙ্কটি দিন।এবং বিভিন্ন কালার দেয়া আছে সেসব জায়গায় আপনার পছন্দমত আপনি পরিবর্তন করে নিতে পারেন।
সব ঠিক মত পরিবর্তন করা হলে সেভ করুন এবার দেখুন।