ব্লগার ভাইদের জন্য কিছু Widgets

11
578

আসসালামু আলাইকুম । কেমন আছেন ? আশা করি ভাল আছেন। আমিও আপনাদের দোয়ায় ভাল আছি ।smiley ব্লগার ভাইদের জন্য কিছু Widgets গরম কেমন লাগছে ? আপনাদের সাথে কিছু WIDGETS শেয়ার করবsmiley ব্লগার ভাইদের জন্য কিছু Widgets। এটা শুধু আমার মত অজানা TJ /Visitors এর জন্য, যারা জানেন মানে WIDGETS এর BOSS তারা কিছু মনে করবেননা smiley ব্লগার ভাইদের জন্য কিছু Widgets

১. প্রথমেই ডিম দিয়েই শুরু করা যাক……………

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

এই ডিম এই ডিম অই ডিম ……………smiley ব্লগার ভাইদের জন্য কিছু Widgets

আপনার ভিসিটরদের ডিম খাওয়ান smiley ব্লগার ভাইদের জন্য কিছু Widgets

social sharing ব্লগার ভাইদের জন্য কিছু Widgets

তবে ফ্রী ডিম আমি সরবরাহ করছি smiley ব্লগার ভাইদের জন্য কিছু Widgets

   

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

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

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

নিচের কোডটি ঠিক এর আগে বসিয়ে দিন। smiley ব্লগার ভাইদের জন্য কিছু Widgets

<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>

দেখেন ডিম পাইছেন কিনা smiley ব্লগার ভাইদের জন্য কিছু Widgets

ডিম ফেটে আপনার ব্লগ মইলা হলে আমি দায়িনা smiley ব্লগার ভাইদের জন্য কিছু Widgets

২. Scrolling Heading । টিভির মত আপনার ব্লগ এ NEWS FEED যোগ করুন smiley ব্লগার ভাইদের জন্য কিছু Widgets

আপনার ব্লগ এর পেজ 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://3.bp.blogspot.com/-2fdjVf6eG0w/TuwNasAozjI/AAAAAAAAAkc/d2uffJHOaEI/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 দিয়ে পরিবর্তন করুন।

যদি না পারেনsmiley ব্লগার ভাইদের জন্য কিছু Widgets তাহলে এখান থেকে Generate করে নিন ( ডেমো সহ )

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

Avatar ব্লগার ভাইদের জন্য কিছু Widgets

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 smiley ব্লগার ভাইদের জন্য কিছু Widgets

না পারলেsmiley ব্লগার ভাইদের জন্য কিছু Widgetsএখানে থেকে Generate করে নিন ডেমো সহ।

 

ভাল থাকবেন ।

 

বড় ভাইয়ারা ভুল হলে ঠিক করে দিয়েন  ।

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

11 মন্তব্য

  1. ধন্যবাদ সুন্দর হইসে, কিন্তু ভাই হয় না নিচের মেসেজ দেখায়
    আপনার টেমপ্লেটটি সুগঠিত না হওয়ার ফলে বিশ্লেষণ করা যাবে না৷ অনুগ্রহ করে নিশ্চিত হয়ে নিন যে সকল XML উপাদান যথাযথভাবে বন্ধ আছে৷ XML ত্রুটি বার্তা: Open quote is expected for attribute “{1}” associated with an element type “src”.

    Error 500

  2. দারুণ হইছে তবে লেখার কালারের কম্বিনেশনের দিকে খেয়াল রাখবেন যেন পড়তে খারাপ না লাগে; দারুণ ;) চালিয়ে যান :)

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

nineteen + 20 =