শুক্রবার, ১১ জুলাই, ২০১৪
ব্লগার ভাইদের জন্য কিছু Widgets
Do you like this ?
১. প্রথমেই ডিম দিয়েই শুরু করা যাক……………
এই ডিম এই ডিম অই ডিম ……………
আপনার ভিসিটরদের ডিম খাওয়ান 
তবে ফ্রী ডিম আমি সরবরাহ করছি 
আপনার 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: "bea50586-2b9f-448d-947a-01385f28e305", 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/AVvXsEiC1TK99rMiW5oXZXk4mNoNYSEubd7mD0EGp-nRwBKSoRBT-m4wcel0DY9cUP2OtaTa9MEGBFLjKqWW4Qag9MyPBjge0jw9QKux9h4ikbgbajd3NTnym6dXZ3tmPWg1HVhf9VgKE0IfYBY/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>
#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 করে নিন ( ডেমো সহ )
তাহলে এখান থেকে 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>
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 করে নিন ডেমো সহ।
এখানে থেকে Generate করে নিন ডেমো সহ।
This post was written by: Rashedul Islam
Assalamualaikum, I am Rashedul Islam Arman from Chittagong,Bangladesh. Founder of this Blog Alhamdulillah.If you Have any Problem,Complain,Suggestion or for Anything don't Hezitate to Contact ME,You can Directly contact me on my Facebook I'D
এতে সদস্যতা:
মন্তব্যগুলি পোস্ট করুন (Atom)
0 Responses to “ব্লগার ভাইদের জন্য কিছু Widgets”
একটি মন্তব্য পোস্ট করুন
ধন্যবাদ