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

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



LIVE DEMO

                                                  




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

  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 এ ক্লিক করে সেভ করে নিন । এবার ব্লগে গিয়ে দেখুন । 

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

Tags

এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

এই পোস্টগুলি আপনার ভাল লাগতে পারে

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

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

নবীনতর পূর্বতন

نموذج الاتصال