ব্লগার ব্লগে ব্যবহার করুন একদম নতুন স্টাইল এর Pop up Subscription ওয়েডগেট ।

বন্ধুরা আজকে আমি আপনাদের জন্য নিয়ে এলাম অসাধারন একটি Pop up Subscription ওয়েডগেট সঙ্গে থাকছে ফেসবুক , টুটার ফীড বারনার , ওয়েডগেট দেখতে চরম । আপনারা ব্যবহার করে দেখুন আশাকরি আপনাদের পছন্দ হবে । আর এর সঙ্গে যে সব জিনিস গুল থাকছে সেগুল অসাধারন এবং ব্লগের পক্ষেও খুব উপযোগী । এবং আপনার ব্লগকে করে তুলবে আর আকর্ষণীয় । দেরি করে ভাল কি এর লাইভ ডেমো দেখে নিন ।




                                                  




  • কি দারুন না । এবার দেখে নিন এটি কে কিভাবে আপনার ব্লগে যুক্ত করবেন একদম । 

  1. আপনার ব্লগ লগ অন করুন । 
  2. এবার ড্যাশবোর্ড থেকে Lay out এ ক্লিক করুন । 
  3. এবার Add a gadget এ ক্লিক করুন । এবং HTML/JavaScript এ ক্লিক করুন । 
  4. এবার Title ঘর ফাকা রেখে Content ঘরে নীচের কোডটি কপি করে পেস্ট করে দিন ।




<style type='text/css'>
#tsupdown {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:360px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#3977D4;
border:2px solid #3977D4;;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#tsupdown a.tsclose {
position:absolute;
top:-10px;
right:-10px;
background:#3977D4;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#tsupdown').animate({top:"80px"}, 1000);
// Widget by www.asobondhu.blogspot.com
$('a.tsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='tsupdown'>
<!-- Widget by www.asobondhu.blogspot.com Start -->
<center><b><a class="TS">Time to Share Your Love</a></b></center>
<center>
<style>
.tbisubscribe {
border: 1px solid #3977D4;
padding: 10px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgb(202, 76, 202);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgb(202, 76, 202);
}
.tbimailbox {
border: 1px solid #3977D4;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #3977D4;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='tbisubscribe'>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Asobondhu' class='emailform'
method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=asobondhu&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='triposoft' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}'
onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}'
type='text' value='Enter your email...' />
<input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
<table border='0'><tbody>
<tr><td><img src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TM9g9IUnPEI/AAAAAAAAB_4/vL57WmouxO8/s1600/stay+connected.png'/></td><td>
<a href='http://feeds.feedburner.com/asobondhu' imageanchor='1' style='margin-left: 1em; margin-right: 1em;' target='_blank'><img border='0' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TUioxHuEqUI/AAAAAAAACzw/sDjXq2r-LEo/s1600/connect-rss-feed.png'/></a></td><td>
<a href='https://twitter.com/asobondhu' rel='nofollow' target='_blank'><img alt='Follow Us on Twitter!' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TUiowIW-2bI/AAAAAAAACzo/PgDZVQrh7c8/s1600/connect-twitter-follow.png' title='Follow Us on Twitter!'/></a></td><td>
<a href='http://facebook.com/asobondhu' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TUiowob8qHI/AAAAAAAACzs/Fsw_CkgSTSQ/s1600/connect-facebook-follow.png' title='Be Our Fan'/></a></td></tr>
</tbody></table>
<a href='http://www.wwsurfers.blogspot.com/'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a>
</div>
</div>
</center>
<!-- Widget by www.asobondhu.blogspot.com End -->
<a class='tsclose' href='#'>&times;</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this Widget</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href=" http://www.asobondhu.blogspot.com/">Asobondhu</a></center>
</div>




  • এবার একটু এডিট করে নিতে হবে । কোড এর মধ্যে কমলা রঙ এর Asobondhu সঙ্গে Feed Url গুলকে পরিবর্তন করে আপনার ফেসবুক , টুটার , ফীড এর URL বসিয়ে দিন । 

  • এবার সব ঠিক ভাবে করে Save এ ক্লিক করে সেভ করে নিন । এবার ব্লগে গিয়ে দেখুন । 

  • আমার এই পোস্ট আপনাদের পছন্দ হলে আমাকে একটি কমেন্ট করে জানাবেন পছন্দ না হলেও জানাবেন । আজকের মতো এই পর্যন্ত এই ধরনের পোস্ট পোস্ট পেতে এসো বন্ধুর সাথেই থাকুন । আল্লাহ্‌ হাফেজ । 

একটি মন্তব্য পোস্ট করুন

1 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!