ব্লগার widget: ১

1. Egg Sliding: 

 আপনার TEMPLATES টির ব্যাকআপ নামিয়ে নিন ।

ডিম নিতে চলে যান> Blogger dashboard >>> Template >>> Edit Html (টিক  Expand widget template).

</head> খুজুন (CTRL+F)

নিচের কোডটি ঠিক এর আগে বসিয়ে দিন। 

<script src=’http://w.sharethis.com/gallery/shareegg/shareegg.js’ type=’text/javascript’/><script src=’http://w.sharethis.com/button/buttons.js’ type=’text/javascript’/><script type=’text/javascript’>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href=’http://w.sharethis.com/gallery/shareegg/shareegg.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/>

এখন </body> খুজুন । নিচের কোডটি ঠিক এর আগে বা উপরে বসিয়ে দিন

<div style=’position: fixed; bottom: 2%; left: 2%;’><div class=’shareEgg’ id=’shareThisShareEgg’/></div><script type=’text/javascript’>stlib.shareEgg.createEgg(‘shareThisShareEgg’, ['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'],{title:’<data:blog.pageTitle/>’,url:’<data:blog.url/>’,theme:’shareegg’});</script>

দেখেন ডিম পাইছেন কিনা 

ডিম ফেটে আপনার ব্লগ মইলা হলে আমি দায়িনা 

২. Scrolling Heading । টিভির মত আপনার ব্লগ এ NEWS FEED যোগ করুন 

আপনার ব্লগ এর পেজ ELEMENTS/Layout এ গিয়ে Add a Gadget> Html/JavaScript select করুন

নিচের কোডটি কপি পেস্ট করুন

<style type=’text/css’>#bot-bar img {vertical-align: middle;}#bot-bar .right {width:34%;float: right;padding-right:20px;line-height: 1.5;font-size:12px;height: 100%;text-align:right;}#bot-bar .left {width:60%;float: left;margin: 0px;padding-top:4px;padding-left:5px;line-height: 1.2;vertical-align: bottom;}#bot-bar a {color:#666;text-decoration:none;}#bot-bar a:hover{color: #fff;cursor:hand;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBxp61osEHlNRoKxJl4vBGNc9-lsQNVIcnEzksAJZIeGPaJrgisV-ew2r47kZaFdJ7ReOxfETafkUeF7qyF87eSGToXyq-Fq7XajHhKT5E0p0RT-RCxd2v-6IxNXsIEnyzLOoFd8SL9M/s1600/linkwarnawarni.jpg);}
#bot-bar {padding:5px 0 5px 0;align: center;position: fixed;background: #000;width: 100%;left: 0px;text-align: left;color: #666;font-size:12px;z-index:10000;top:0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}#subbox{background:#fff;width:150px;color:#000;font-size:12px;font-family: Arial, Tahoma, Verdana;font-weight: normal;margin: 0;padding: 2px;border-top:1px solid #666;border-right:1px solid #ddd;border-left:1px solid #666;border-bottom:1px solid #ddd;display: inline; -moz-border-radius:3px;-webkit-border-radius:3px;}#subbutton{background: #ddd;color:#111;width:70px;font-size: 11px;font-family: Arial, Tahoma, Verdana;margin:0 0 0 5px;padding:2px;border: 1px solid #ccc;font-weight: bold;-moz-border-radius:3px;-webkit-border-radius:3px;color:#111;}#subbutton:hover{background: #000;color:#fff;border: 1px solid #333;}.style1 {font-size: smaller}</style><div id=’bot-bar’><div class=’left’><table border=’0′ cellpadding=’0′ cellspacing=’0′ width=’100%’><tr><td width=’13%’><img src=”http://share.adityawebs.com/blogspot/feed_headlinenews2.png” /></td><td width=’87%’>
<script type=”text/javascript”>function getYpipeTL(feed) {document.write(‘<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”3″>’);var i;for (i = 1; i < feed.count ; i++){var href = “‘” + feed.value.items[i].link + “‘”;var pTitle = feed.value.items[i].title + “</a> | “;var pList = “</a>” + “<a href=”+ href + ‘”>’ + pTitle;document.write(pList);document.write(‘</a></li>’);}document.write(‘</marquee>’);}</script><script src=”http://pipes.yahoo.com/pipes/pipe.run?YourBlogUrl=http://yoururl.blogspot.com&Order=alphabet&_id=401e43055731c1a29f1e1d3eb5e8e13f&_callback=getYpipeTL&_render=json”type=”text/javascript”></script>
</td></tr></table></div>
<div class=’right’><table border=’0′ cellpadding=’0′ cellspacing=’0′ width=’100%’><tr><td>Subscribe </td><td>
<form id=”subscribe” action=”http://feedburner.google.com/fb/a/mailverify” target=”popupwindow” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=your_feed_burner_id’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><input id=”subbox” onfocus=”if (this.value == ‘Enter your Email…’) {this.value = ”;}” value=”Enter your Email…” name=”email” onblur=”if (this.value == ”) {this.value = ‘Enter your Email…’;}” type=”text” /><input value=”YOUR_FEED_BURNER_ID” name=”uri” type=”hidden” /><input value=”en_US” name=”loc” type=”hidden” /><input id=”subbutton” value=”subscribe” type=”submit” /></form></td>
<td><span class=”style1″>Get this<br/><a href=’http://www.tipsbee.blogspot.com/2012/04/headline-news-version-2-blogger-widgets.html’><strong>Blogger Widgets</strong></a></span></td>
</tr></table></div></div> 

সবুজ Color এর লেখা গুলো আপনার আইডি/URL দিয়ে পরিবর্তন করুন।

যদি না পারেন তাহলে এখান থেকে Generate করে নিন ( ডেমো সহ )

৩. আপনার ব্লগএর কে কি কমেন্ট করছে তা Thumbnail আকারে আপনার ভিসিটরদের দেখান 

Page Elements/Layout এ গিয়ে Add a Gadget > JavaScript/HTML select করুন নিচের কোড গুলো copy-paste করুন।

<style type=”text/css”>
ul.bbelog_recent_comments{list-style:none;margin:0;padding:0;}.bbelog_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}.bbelog_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}.bbelog_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}.bbelog_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style>
<script type=”text/javascript”>
//<![CDATA[// Recent Comments SettingsvarnumComments =5showAvatar = true,avatarSize =60,roundAvatar = true,characters =40,showMorelink = true,moreLinktext =More >>,defaultAvatar =http://www.gravatar.com/avatar/?d=mm,//]]></script><script type=”text/javascript” src=”http://www.share.adityawebs.com/blogspot/javascript/thumbcomment.js”></script><script type=”text/javascript” src=”আমার_ব্লগ_URL/feeds/comments/default?alt=json&callback=bbelog_recent_comments&max-results=5″></script>
আমার ব্লগ URL=আপনার ব্লগ URL 
না পারলে এখানে থেকে Generate করে নিন ডেমো সহ।

Thing you for shairing it.

Posted in: Blogspot